{"id":74663,"date":"2023-11-29T13:13:35","date_gmt":"2023-11-29T13:13:35","guid":{"rendered":"https:\/\/www.solopress.com\/blog\/?p=74663"},"modified":"2023-11-29T13:13:35","modified_gmt":"2023-11-29T13:13:35","slug":"samouczek-adobe-indesign-siatki-obrazow-style-znakow","status":"publish","type":"post","link":"https:\/\/www.solopress.com\/blog\/pl\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/","title":{"rendered":"Samouczek Adobe InDesign: Siatki obraz\u00f3w i style znak\u00f3w"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p><span class=\"TextRun SCXW112355783 BCX8\" lang=\"EN-GB\" xml:lang=\"EN-GB\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW112355783 BCX8\">Bazuj\u0105c na sukcesie naszego pierwszego samouczka InDesign, w kolejnym odcinku zag\u0142\u0119biamy si\u0119 w niezb\u0119dne skr\u00f3ty, kt\u00f3re mog\u0105 pom\u00f3c ka\u017cdemu projektantowi. Zaoszcz\u0119d\u017a czas dzi\u0119ki stylom znak\u00f3w, technice idealnej do tworzenia sp\u00f3jnego brandingu, a tak\u017ce podnie\u015b jako\u015b\u0107 i precyzj\u0119 swoich projekt\u00f3w, opanowuj\u0105c siatki obraz\u00f3w.<\/span><\/span><span class=\"EOP SCXW112355783 BCX8\" data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"Odtwarzacz wideo YouTube\" src=\"https:\/\/www.youtube.com\/embed\/Rpv1Dmj-Ufo?si=KO30ez6otSvYMv5V\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2><a href=\"https:\/\/www.youtube.com\/solopress?sub_confirmation=1\" target=\"_blank\" rel=\"noopener\u00a0noreferrer noopener noreferrer\" data-wp-editing=\"1\"><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded\u00a0alignnone\u00a0wp-image-66137\" src=\"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2020\/01\/subscribe.png\" alt=\"przycisk subskrypcji\" width=\"157\" height=\"48\" data-src=\"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2020\/01\/subscribe.png\" \/><\/a><\/h2>\n<h2>Inspiracja od pomys\u0142u do strony<\/h2>\n<p>W tym drugim odcinku naszej serii czerpiemy inspiracj\u0119 z eleganckiego i funkcjonalnego projektu programu Brighton. Tr\u00f3jkolumnowy uk\u0142ad, b\u0119d\u0105cy podstaw\u0105 ich projektu, s\u0142u\u017cy jako nasz szablon, pokazuj\u0105c, jak skutecznie zr\u00f3wnowa\u017cy\u0107 tekst i obrazy, aby uzyska\u0107 wci\u0105gaj\u0105ce wra\u017cenia wizualne.<\/p>\n<h2>Precyzyjne tworzenie siatek obrazu<\/h2>\n<p>Nasz samouczek rozpoczyna si\u0119 od konstrukcji siatek obraz\u00f3w. Omawiamy zastosowanie narz\u0119dzia ramki prostok\u0105tnej programu InDesign, podkre\u015blaj\u0105c znaczenie precyzji i wyr\u00f3wnania. Korzystaj\u0105c ze skr\u00f3t\u00f3w klawiaturowych i narz\u0119dzi, takich jak narz\u0119dzie odst\u0119pu, pokazujemy, jak tworzy\u0107 r\u00f3wnomiernie rozmieszczone siatki obraz\u00f3w, kt\u00f3re zwi\u0119kszaj\u0105 atrakcyjno\u015b\u0107 wizualn\u0105 uk\u0142adu.<\/p>\n<h2>Umieszczanie i skalowanie obraz\u00f3w<\/h2>\n<p>Po ustawieniu siatki przeprowadzimy ci\u0119 przez proces wstawiania i skalowania obraz\u00f3w. Ta cz\u0119\u015b\u0107 samouczka koncentruje si\u0119 na uzyskaniu zr\u00f3wnowa\u017conego i proporcjonalnego wygl\u0105du, podobnego do maski przycinaj\u0105cej, zapewniaj\u0105c idealne dopasowanie obraz\u00f3w do wyznaczonych ramek.<\/p>\n<h2>Wdra\u017canie styl\u00f3w znak\u00f3w w celu zapewnienia sp\u00f3jnego formatowania tekstu<\/h2>\n<p>Najwa\u017cniejszym punktem naszego samouczka jest implementacja styl\u00f3w znak\u00f3w. Ta funkcja w programie InDesign zmienia zasady gry, zapewniaj\u0105c sp\u00f3jne i wydajne formatowanie tekstu. Przeprowadzimy ci\u0119 przez proces konfigurowania nowego stylu znak\u00f3w, dostosowywania czcionek, a nawet dodawania kreatywnych akcent\u00f3w za pomoc\u0105 wyr\u00f3\u017cnionego tekstu.<\/p>\n<h2>Praktyczne zastosowanie<\/h2>\n<p>Na zako\u0144czenie samouczka zastosujemy poznane techniki do stworzenia atrakcyjnego wizualnie layoutu. To praktyczne podej\u015bcie nie tylko wzmacnia umiej\u0119tno\u015bci, ale tak\u017ce pokazuje, w jaki spos\u00f3b te funkcje InDesign mog\u0105 podnie\u015b\u0107 jako\u015b\u0107 projekt\u00f3w drukowanych.<\/p>\n<h2>Wi\u0119cej informacji na bie\u017c\u0105co<\/h2>\n<p>Nasza podr\u00f3\u017c nie ko\u0144czy si\u0119 tutaj. W nadchodz\u0105cych odcinkach zbadamy wi\u0119cej aspekt\u00f3w projektowania w programach Premier League, z kt\u00f3rych ka\u017cdy b\u0119dzie zawiera\u0142 wskaz\u00f3wki i triki, kt\u00f3re pomog\u0105 ci udoskonali\u0107 umiej\u0119tno\u015bci InDesign.<\/p>\n<p>Dla tych, kt\u00f3rzy chc\u0105 poszerzy\u0107 swoje umiej\u0119tno\u015bci w programie InDesign, szczeg\u00f3lnie w zakresie tworzenia profesjonalnych i przyci\u0105gaj\u0105cych wzrok uk\u0142ad\u00f3w, ten samouczek jest nieocenionym \u017ar\u00f3d\u0142em informacji. Obejrzyj nasz materia\u0142 wideo i zobacz, jak te techniki mog\u0105 odmieni\u0107 twoje projekty do druku.<\/p>\n<p>Je\u015bli zale\u017cy Ci na czasie, sprawd\u017a nasz\u0105 ofert\u0119 <a href=\"https:\/\/www.youtube.com\/@solopress\/shorts\" target=\"_blank\" rel=\"noopener\">YouTube Shorts<\/a> lub <a href=\"https:\/\/www.tiktok.com\/@solopress\" target=\"_blank\" rel=\"noopener\">TikTok<\/a> aby wyja\u015bni\u0107 te techniki w ci\u0105gu kilku sekund.<\/p>\n<p>Po opanowaniu korzystania z siatek obraz\u00f3w i styl\u00f3w znak\u00f3w w projekcie, <a href=\"https:\/\/www.solopress.com\/blog\/pl\/\" target=\"_blank\" rel=\"noopener\">nasz asortyment<\/a> b\u0119dzie tutaj, aby idealnie wydrukowa\u0107 Twoj\u0105 grafik\u0119!<\/p>\n<h2>Transkrypcja<\/h2>\n<p><span style=\"font-weight: 400;\">Witam ponownie w drugim odcinku serii, w kt\u00f3rej b\u0119d\u0119 przegl\u0105da\u0142 programy Premier League z tego sezonu i co miesi\u0105c u\u017cywa\u0142 ich jako inspiracji, aby pom\u00f3c wam rozwin\u0105\u0107 umiej\u0119tno\u015bci w InDesign.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Te wskaz\u00f3wki pomog\u0105 ci stworzy\u0107 w\u0142asn\u0105 grafik\u0119, kt\u00f3r\u0105 nast\u0119pnie mo\u017cesz o\u017cywi\u0107 za pomoc\u0105 druku. W ostatnim odcinku przyjrza\u0142em si\u0119 programowi Wolves i pokaza\u0142em, jak skonfigurowa\u0107 dokument InDesign.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">W tym odcinku przejd\u0119 przez stron\u0119 z zawarto\u015bci\u0105 programu Brighton i poka\u017c\u0119, jak stworzy\u0107 kilka funkcji, kt\u00f3rych u\u017cyli.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Oto podgl\u0105d tego, co poka\u017c\u0119 ci, jak stworzy\u0107. Jak wida\u0107, u\u017cyto uk\u0142adu trzech kolumn, aby podzieli\u0107 informacje i obrazy, aby strona by\u0142a bardziej strawna.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Naprawd\u0119 podoba mi si\u0119 prostota tego projektu i uwa\u017cam, \u017ce zawiera on odpowiedni\u0105 ilo\u015b\u0107 informacji, aby przyci\u0105gn\u0105\u0107 uwag\u0119 u\u017cytkownika. Nie przesadzili i nie sprawili, \u017ce nie wiesz, czego si\u0119 spodziewa\u0107.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Wykorzystanie siatek obraz\u00f3w do wyr\u00f3\u017cnienia sekcji programu jest r\u00f3wnie\u017c \u015bwietnym pomys\u0142em i wida\u0107 to na wi\u0119kszo\u015bci stron z tre\u015bciami w programach pi\u0142karskich.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">W tym odcinku poka\u017c\u0119 ci, jak tworzy\u0107 wyr\u00f3\u017cniony tekst i siatki obraz\u00f3w, tak jak tutaj. Oto projekt, kt\u00f3ry stworzy\u0142em zainspirowany programem Brighton. Poka\u017c\u0119 ci, jak utworzy\u0107 siatk\u0119 obraz\u00f3w z wyr\u00f3\u017cnionym tekstem.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Zrobi\u0142em sobie troch\u0119 miejsca, aby utworzy\u0107 siatki obraz\u00f3w, wi\u0119c zacznijmy od tego. Przejd\u017a do paska narz\u0119dzi i wybierz narz\u0119dzie ramki prostok\u0105tnej. Przytrzymuj\u0105c klawisz Shift, przeci\u0105gnij kwadrat w ten spos\u00f3b na kraw\u0119d\u017a kolumny, ale nie puszczaj jeszcze klawiszy Click i Shift.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">U\u017cyj klawiszy strza\u0142ek, <\/span><b>w g\u00f3r\u0119<\/b><span style=\"font-weight: 400;\">, aby utworzy\u0107 dwa pionowe, a nast\u0119pnie u\u017cyj klawiszy strza\u0142ek, <\/span><b>prawo<\/b><span style=\"font-weight: 400;\">aby utworzy\u0107 dwa poziome obrazy i stworzy\u0107 r\u00f3wn\u0105 przestrze\u0144 mi\u0119dzy nimi. Mo\u017cesz u\u017cy\u0107 tego narz\u0119dzia, narz\u0119dzia odst\u0119pu, aby zmieni\u0107 rozmiar ka\u017cdego z nich i mo\u017cesz przesuwa\u0107 je w g\u00f3r\u0119 iw d\u00f3\u0142, przytrzymuj\u0105c Alt. Je\u015bli przytrzymasz Shift, mo\u017cesz rozdzieli\u0107 te dwa elementy. Je\u015bli przytrzymasz Ctrl, mo\u017cesz zmieni\u0107 odst\u0119p w ten spos\u00f3b i mo\u017cesz to zrobi\u0107 z dowoln\u0105 form\u0105 siatki.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ale wr\u00f3\u0107my do dw\u00f3ch na dwa, kt\u00f3re mia\u0142em wcze\u015bniej. Jak widzieli\u015bcie wcze\u015bniej, mia\u0142em tylko jeden poziomy obraz na g\u00f3rze i jest to naprawd\u0119 \u0142atwe do zrobienia. Po prostu usu\u0144 jedn\u0105 z ramek i za pomoc\u0105 narz\u0119dzia bezpo\u015bredniego zaznaczania przeci\u0105gnij j\u0105 do kraw\u0119dzi. Mamy trzy ramki, w kt\u00f3rych mo\u017cemy teraz umie\u015bci\u0107 nasze obrazy.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Teraz, gdy utworzyli\u015bmy ju\u017c siatki obraz\u00f3w, przejd\u017amy do umieszczania naszych obraz\u00f3w, a jest to naprawd\u0119 \u0142atwe. Wybierz jedn\u0105 z ramek, przejd\u017a do pliku, przejd\u017a do miejsca i znajd\u017a \u017c\u0105dany obraz.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jak wida\u0107, obraz nie zosta\u0142 przeskalowany do proporcjonalnego rozmiaru, wi\u0119c wszystko, co musz\u0119 zrobi\u0107, to klikn\u0105\u0107 okr\u0105g po\u015brodku tutaj, a zobaczysz tak\u0105 r\u0119k\u0119. Kliknij prawym przyciskiem myszy, wybierz dopasowanie, a nast\u0119pnie dopasuj zawarto\u015b\u0107 proporcjonalnie.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jak wida\u0107, nadal nie jest poprawnie dopasowany, ale teraz widz\u0119 sw\u00f3j obraz. Aby przeskalowa\u0107 obraz, upewnij si\u0119, \u017ce masz br\u0105zowy kontur, taki jak ten. Oznacza to, \u017ce zmieni\u0119 tylko obraz wewn\u0105trz ramki, a nie sam\u0105 ramk\u0119.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tak trzymaj\u0105c <\/span><b>Alt + Shift<\/b><span style=\"font-weight: 400;\">Po prostu przeskaluj\u0119 go, aby zmie\u015bci\u0142 si\u0119 w ramce. Jak wida\u0107, nic nie wysz\u0142o poza ramk\u0119 i wszystko pozosta\u0142o wewn\u0105trz, podobnie jak w przypadku maski przycinaj\u0105cej. Teraz mog\u0119 po prostu powt\u00f3rzy\u0107 ten krok dla innych klatek.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sko\u0144czy\u0142em dodawa\u0107 wszystkie moje obrazy do ramek, a tak\u017ce doda\u0142em kopi\u0119, kt\u00f3r\u0105 poka\u017c\u0119, jak wyr\u00f3\u017cni\u0107. Udaj si\u0119 wi\u0119c do <\/span><b>Okno<\/b><span style=\"font-weight: 400;\">, przejd\u017a do <\/span><b>Style<\/b><span style=\"font-weight: 400;\">i wybierz <\/span><b>Style postaci<\/b><span style=\"font-weight: 400;\">lub mo\u017cna u\u017cy\u0107 skr\u00f3tu, <\/span><b>Shift + F11<\/b><span style=\"font-weight: 400;\">. Otworzy si\u0119 nast\u0119puj\u0105ca karta.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Style postaci s\u0105 naprawd\u0119 przydatne, poniewa\u017c pomagaj\u0105<\/span><b> oszcz\u0119dno\u015b\u0107 czasu<\/b><span style=\"font-weight: 400;\"> i zapewni\u0107 <\/span><b>sp\u00f3jne formatowanie<\/b><span style=\"font-weight: 400;\"> w ca\u0142ej kompozycji. Istnieje r\u00f3wnie\u017c co\u015b, co nazywa si\u0119 stylami akapitu, co poka\u017c\u0119 ci w p\u00f3\u017aniejszych odcinkach, ale na razie om\u00f3wi\u0119 tylko style postaci.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Teraz, gdy mamy ju\u017c otwart\u0105 t\u0119 kart\u0119, wybierz ikon\u0119 plusa tutaj, co spowoduje utworzenie nowego stylu znak\u00f3w o nazwie styl znak\u00f3w jeden. Z zaznaczonym tekstem, <\/span><b>dwukrotne klikni\u0119cie<\/b><span style=\"font-weight: 400;\"> styl postaci, a otworzy si\u0119 karta taka jak ta. Zaznacz pole podgl\u0105du w lewym dolnym rogu, aby zobaczy\u0107 wszystkie zmiany w czasie.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Na pocz\u0105tek przejd\u017amy do podstawowych format\u00f3w znak\u00f3w i mo\u017cemy teraz wybra\u0107 czcionk\u0119 zdania. Zrobi\u0119 to <\/span><b>Proxima Nova<\/b><span style=\"font-weight: 400;\">, styl czcionki, zwyk\u0142y i rozmiar 15. I jestem z tego zadowolony.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Chc\u0119, aby m\u00f3j kolor by\u0142 bia\u0142y, poniewa\u017c b\u0119dzie na niebieskim tle, wi\u0119c chc\u0119, aby by\u0142 widoczny. Teraz chcemy przej\u015b\u0107 do opcji podkre\u015blenia i tutaj dodamy nasze pod\u015bwietlenie. W tej opcji upewnij si\u0119, \u017ce zaznaczy\u0142e\u015b podkre\u015blenie, upewnij si\u0119, \u017ce ma pole wyboru. Na razie zmie\u0144my tylko wag\u0119 na 10, a nast\u0119pnie upewnijmy si\u0119, \u017ce przesuni\u0119cie wynosi -3.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jak wida\u0107, pod\u015bwietlenie nie obejmuje ca\u0142ego tekstu. Musimy wi\u0119c powoli zwi\u0119ksza\u0107 jego wag\u0119, a\u017c dopasuje si\u0119 do tekstu. Chc\u0119 ustawi\u0107 kolor pod\u015bwietlenia na cyjan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Zdecydowa\u0142em, \u017ce nie podoba mi si\u0119 17 i obni\u017c\u0119 j\u0105 troch\u0119, tak aby mi\u0119dzy ka\u017cd\u0105 lini\u0105 by\u0142a przerwa. Mo\u017cesz tak\u017ce zmieni\u0107 kolor odst\u0119pu, ale na razie zostawi\u0119 to tak, jak jest i klikn\u0119 OK. B\u0119d\u0119 musia\u0142 nieco powi\u0119kszy\u0107 m\u00f3j podr\u0119cznik, aby zdanie si\u0119 w nim zmie\u015bci\u0142o.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Teraz wszystko, co musz\u0119 zrobi\u0107, to wybra\u0107 inne zdania i mog\u0119 po prostu zastosowa\u0107 ten styl znak\u00f3w. Mog\u0119 to zrobi\u0107 r\u00f3wnie\u017c dla tego zdania. Jak mo\u017cesz szybko zobaczy\u0107, w\u0142a\u015bnie doda\u0142em ten styl i pod\u015bwietli\u0142em wszystkie te zdania.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dzi\u0119kuj\u0119 za obejrzenie tego odcinka i mam nadziej\u0119, \u017ce uda\u0142o mi si\u0119 nauczy\u0107 ci\u0119 kilku sztuczek, kt\u00f3re mo\u017cesz wykorzysta\u0107 w swoim obecnym lub przysz\u0142ym projekcie drukowania. I nie zapomnij by\u0107 na bie\u017c\u0105co, kiedy b\u0119d\u0119 przegl\u0105da\u0142 program West Ham i poka\u017c\u0119 ci jeszcze wi\u0119cej sztuczek, kt\u00f3re mo\u017cesz wykorzysta\u0107 w swoim druku.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>Building on the success of our first InDesign tutorial, this next episode dives deeper into essential shortcuts that can help every designer. Save time with character styles, a technique perfect for creating consistent branding, and you can elevate the quality and precision of your designs by mastering image grids.\u00a0 Inspiration from the pitch to the [&hellip;]<\/p>\n","protected":false},"author":154,"featured_media":74680,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"tdm_status":"","tdm_grid_status":"","footnotes":""},"categories":[555],"tags":[929],"class_list":{"0":"post-74663","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorials","8":"tag-indesign"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Adobe InDesign Tutorial: Image Grids &amp; Character Styles<\/title>\n<meta name=\"description\" content=\"This InDesign tutorial shows you how to use image grids and character styles to save time and improve consistency when designing for print.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.solopress.com\/blog\/pl\/samouczki\/samouczek-adobe-indesign-siatki-obrazow-style-znakow\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adobe InDesign Tutorial: Image Grids &amp; Character Styles\" \/>\n<meta property=\"og:description\" content=\"This InDesign tutorial shows you how to use image grids and character styles to save time and improve consistency when designing for print.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.solopress.com\/blog\/pl\/samouczki\/samouczek-adobe-indesign-siatki-obrazow-style-znakow\/\" \/>\n<meta property=\"og:site_name\" content=\"The Latest Print and Design News | Solopress\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Solopress\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-29T13:13:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2023\/11\/blog-ep-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jake Ross\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@solopress\" \/>\n<meta name=\"twitter:site\" content=\"@solopress\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Ross\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/adobe-indesign-tutorial-image-grids-character-styles\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/adobe-indesign-tutorial-image-grids-character-styles\\\/\"},\"author\":{\"name\":\"Jake Ross\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#\\\/schema\\\/person\\\/86438061b6921d896a81194a55080684\"},\"headline\":\"Adobe InDesign tutorial: Image grids &#038; character styles\",\"datePublished\":\"2023-11-29T13:13:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/adobe-indesign-tutorial-image-grids-character-styles\\\/\"},\"wordCount\":1569,\"publisher\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/adobe-indesign-tutorial-image-grids-character-styles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/blog-ep-2.jpg\",\"keywords\":[\"InDesign\"],\"articleSection\":[\"Design Tutorials\"],\"inLanguage\":\"pl-PL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/adobe-indesign-tutorial-image-grids-character-styles\\\/\",\"url\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/adobe-indesign-tutorial-image-grids-character-styles\\\/\",\"name\":\"Adobe InDesign Tutorial: Image Grids & Character Styles\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/adobe-indesign-tutorial-image-grids-character-styles\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/adobe-indesign-tutorial-image-grids-character-styles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/blog-ep-2.jpg\",\"datePublished\":\"2023-11-29T13:13:35+00:00\",\"description\":\"This InDesign tutorial shows you how to use image grids and character styles to save time and improve consistency when designing for print.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/adobe-indesign-tutorial-image-grids-character-styles\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/adobe-indesign-tutorial-image-grids-character-styles\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/adobe-indesign-tutorial-image-grids-character-styles\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/blog-ep-2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/blog-ep-2.jpg\",\"width\":900,\"height\":675},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/tutorials\\\/adobe-indesign-tutorial-image-grids-character-styles\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adobe InDesign tutorial: Image grids &#038; character styles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/\",\"name\":\"The Latest Print and Design News | Solopress\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#organization\",\"name\":\"Solopress\",\"url\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/solopress-logo-no-tagline@2x.png\",\"contentUrl\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/solopress-logo-no-tagline@2x.png\",\"width\":428,\"height\":88,\"caption\":\"Solopress\"},\"image\":{\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Solopress\",\"https:\\\/\\\/x.com\\\/solopress\",\"https:\\\/\\\/instagram.com\\\/solopress\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/solopress\",\"https:\\\/\\\/uk.pinterest.com\\\/solopress\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/solopress\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/#\\\/schema\\\/person\\\/86438061b6921d896a81194a55080684\",\"name\":\"Jake Ross\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/97ff332c68b712fc4f6e179f11f1b65fb3ae3d18ec6c0115eb15220bdbbdf414?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/97ff332c68b712fc4f6e179f11f1b65fb3ae3d18ec6c0115eb15220bdbbdf414?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/97ff332c68b712fc4f6e179f11f1b65fb3ae3d18ec6c0115eb15220bdbbdf414?s=96&r=g\",\"caption\":\"Jake Ross\"},\"url\":\"https:\\\/\\\/www.solopress.com\\\/blog\\\/pl\\\/author\\\/jake-ross\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Samouczek Adobe InDesign: Siatki obraz\u00f3w i style znak\u00f3w","description":"Ten samouczek InDesign pokazuje, jak korzysta\u0107 z siatek obraz\u00f3w i styl\u00f3w znak\u00f3w, aby zaoszcz\u0119dzi\u0107 czas i poprawi\u0107 sp\u00f3jno\u015b\u0107 podczas projektowania do druku.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.solopress.com\/blog\/pl\/samouczki\/samouczek-adobe-indesign-siatki-obrazow-style-znakow\/","og_locale":"pl_PL","og_type":"article","og_title":"Adobe InDesign Tutorial: Image Grids & Character Styles","og_description":"This InDesign tutorial shows you how to use image grids and character styles to save time and improve consistency when designing for print.","og_url":"https:\/\/www.solopress.com\/blog\/pl\/samouczki\/samouczek-adobe-indesign-siatki-obrazow-style-znakow\/","og_site_name":"The Latest Print and Design News | Solopress","article_publisher":"https:\/\/www.facebook.com\/Solopress","article_published_time":"2023-11-29T13:13:35+00:00","og_image":[{"width":900,"height":675,"url":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2023\/11\/blog-ep-2.jpg","type":"image\/jpeg"}],"author":"Jake Ross","twitter_card":"summary_large_image","twitter_creator":"@solopress","twitter_site":"@solopress","twitter_misc":{"Napisane przez":"Jake Ross","Szacowany czas czytania":"7 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.solopress.com\/blog\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/#article","isPartOf":{"@id":"https:\/\/www.solopress.com\/blog\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/"},"author":{"name":"Jake Ross","@id":"https:\/\/www.solopress.com\/blog\/#\/schema\/person\/86438061b6921d896a81194a55080684"},"headline":"Adobe InDesign tutorial: Image grids &#038; character styles","datePublished":"2023-11-29T13:13:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.solopress.com\/blog\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/"},"wordCount":1569,"publisher":{"@id":"https:\/\/www.solopress.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.solopress.com\/blog\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/#primaryimage"},"thumbnailUrl":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2023\/11\/blog-ep-2.jpg","keywords":["InDesign"],"articleSection":["Design Tutorials"],"inLanguage":"pl-PL"},{"@type":"WebPage","@id":"https:\/\/www.solopress.com\/blog\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/","url":"https:\/\/www.solopress.com\/blog\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/","name":"Samouczek Adobe InDesign: Siatki obraz\u00f3w i style znak\u00f3w","isPartOf":{"@id":"https:\/\/www.solopress.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.solopress.com\/blog\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/#primaryimage"},"image":{"@id":"https:\/\/www.solopress.com\/blog\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/#primaryimage"},"thumbnailUrl":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2023\/11\/blog-ep-2.jpg","datePublished":"2023-11-29T13:13:35+00:00","description":"Ten samouczek InDesign pokazuje, jak korzysta\u0107 z siatek obraz\u00f3w i styl\u00f3w znak\u00f3w, aby zaoszcz\u0119dzi\u0107 czas i poprawi\u0107 sp\u00f3jno\u015b\u0107 podczas projektowania do druku.","breadcrumb":{"@id":"https:\/\/www.solopress.com\/blog\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.solopress.com\/blog\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.solopress.com\/blog\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/#primaryimage","url":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2023\/11\/blog-ep-2.jpg","contentUrl":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2023\/11\/blog-ep-2.jpg","width":900,"height":675},{"@type":"BreadcrumbList","@id":"https:\/\/www.solopress.com\/blog\/tutorials\/adobe-indesign-tutorial-image-grids-character-styles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.solopress.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Adobe InDesign tutorial: Image grids &#038; character styles"}]},{"@type":"WebSite","@id":"https:\/\/www.solopress.com\/blog\/#website","url":"https:\/\/www.solopress.com\/blog\/","name":"Najnowsze wiadomo\u015bci dotycz\u0105ce druku i projektowania | Solopress","description":"","publisher":{"@id":"https:\/\/www.solopress.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.solopress.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.solopress.com\/blog\/#organization","name":"Solopress","url":"https:\/\/www.solopress.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.solopress.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2017\/06\/solopress-logo-no-tagline@2x.png","contentUrl":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2017\/06\/solopress-logo-no-tagline@2x.png","width":428,"height":88,"caption":"Solopress"},"image":{"@id":"https:\/\/www.solopress.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Solopress","https:\/\/x.com\/solopress","https:\/\/instagram.com\/solopress\/","https:\/\/www.linkedin.com\/company\/solopress","https:\/\/uk.pinterest.com\/solopress\/","https:\/\/www.youtube.com\/user\/solopress"]},{"@type":"Person","@id":"https:\/\/www.solopress.com\/blog\/#\/schema\/person\/86438061b6921d896a81194a55080684","name":"Jake Ross","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/secure.gravatar.com\/avatar\/97ff332c68b712fc4f6e179f11f1b65fb3ae3d18ec6c0115eb15220bdbbdf414?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/97ff332c68b712fc4f6e179f11f1b65fb3ae3d18ec6c0115eb15220bdbbdf414?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/97ff332c68b712fc4f6e179f11f1b65fb3ae3d18ec6c0115eb15220bdbbdf414?s=96&r=g","caption":"Jake Ross"},"url":"https:\/\/www.solopress.com\/blog\/pl\/author\/jake-ross\/"}]}},"jetpack_featured_media_url":"https:\/\/www.solopress.com\/blog\/wp-content\/uploads\/2023\/11\/blog-ep-2.jpg","_links":{"self":[{"href":"https:\/\/www.solopress.com\/blog\/pl\/wp-json\/wp\/v2\/posts\/74663","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.solopress.com\/blog\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.solopress.com\/blog\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.solopress.com\/blog\/pl\/wp-json\/wp\/v2\/users\/154"}],"replies":[{"embeddable":true,"href":"https:\/\/www.solopress.com\/blog\/pl\/wp-json\/wp\/v2\/comments?post=74663"}],"version-history":[{"count":2,"href":"https:\/\/www.solopress.com\/blog\/pl\/wp-json\/wp\/v2\/posts\/74663\/revisions"}],"predecessor-version":[{"id":74665,"href":"https:\/\/www.solopress.com\/blog\/pl\/wp-json\/wp\/v2\/posts\/74663\/revisions\/74665"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.solopress.com\/blog\/pl\/wp-json\/wp\/v2\/media\/74680"}],"wp:attachment":[{"href":"https:\/\/www.solopress.com\/blog\/pl\/wp-json\/wp\/v2\/media?parent=74663"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.solopress.com\/blog\/pl\/wp-json\/wp\/v2\/categories?post=74663"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.solopress.com\/blog\/pl\/wp-json\/wp\/v2\/tags?post=74663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}