Vytvorte modulárny mriežkový systém v aplikácii Illustrator

  • Softvér: Ilustrátor CS4 a novšie
  • Čas projektu: 5 minút (iba mriežka)
  • Zručnosti: Efektívnejšie vytváranie typov štruktúr a ilustrácií, vytvorenie modulárneho mriežkového systému v aplikácii Illustrator

Preslávení švajčiarskymi grafickými dizajnérmi, ako sú Josef Müller-Brockmann a Wim Crouwel, už v 20. a 30. rokoch, môže byť použitie mriežkového systému nesmierne prospešné pre všetkých kreatívcov, najmä pre návrhárov a ilustrátorov. Mriežky môžu slúžiť ako pomôcka na dosiahnutie usporiadanej štruktúry vo vašom dizajne.

V tomto výučbe vám poviem prostredníctvom môjho osobného prístupu k aplikácii modulárneho mriežkového systému v aplikácii Illustrator, ktorý pracuje s jednoduchými geometrickými prvkami v plagát dizajn.

Aj keď je mriežka vytvorená v tomto návode určená na použitie v tlači, podobné mriežkové systémy sú rovnako užitočné pri webdizajne, najmä pri rozložení textu a obrázkov. Návrh na mriežku nielen posilní vaše typografia zručností, ale zmení spôsob, akým pristupujete k dizajnu.



Krok 01



V aplikácii Illustrator nastavte dokument pre leták. V tomto príklade vytváram o niečo kratší dokument formátu A5 s rozmermi 148 x 208 mm (zvyčajne 210 mm). Teraz sa rozhodnite pre svoje okraje - idem s 10 mm, pretože by to malo poskytnúť dostatok „bezpečného priestoru“ medzi hranicami a umeleckými dielami.

Krok 02



Ak chcete vytvoriť svoju mriežku, najskôr nakreslite obdĺžnik s rozmermi 128 x 188 mm. Aby som vypočítal, aký veľký musí byť tento obdĺžnik, odpočítal som od veľkosti stránky okraje (10 mm na každú stranu). Takže v tomto prípade: 148 mínus 10 (ľavý okraj), mínus 10 (pravý okraj) sa rovná 128 mm. Tento obdĺžnik umiestnite do stredu svojej stránky (Zarovnať na grafickú plochu> Stred vodorovného zarovnania> Stred zvislého zarovnania).

Krok 03

ako sa dostať do povedomia správania

Po vybratí obdĺžnika prejdite do časti Objekt> Cesta> Rozdeliť do mriežky. Chcem moduly, ktoré merajú 4 mm2, takže aby som zistil počet riadkov, vezmite výšku (188 mm) a vydelte ju štyrmi. To dáva 47, takže to zadajte do poľa Riadky> Číslo a zmeňte výšku na 4 mm, odkvap na 0 a celkovú hodnotu na 188. Pre stĺpce zoberte šírku (128 mm) a vydelte ju 4. To dáva 32, zadajte to teda do poľa Stĺpce> Číslo. Zmeňte šírku na 4 mm, žľab na 0 a celkovú na 128. Kliknutím na Ukážka zobrazíte rozdelenia.



Krok 04

Po kliknutí na tlačidlo OK sa zobrazí obdĺžnik, ktorý je rozdelený na štvorce 4 mm. Ak chcete z tohto urobiť vodítka, vyberte štvorce (Cmd / Ctrl + A). Potom kliknite Cmd / Ctrl + kliknite na, vyberte Vytvoriť vodítka a vaša mriežka sa premení na vodítka. Teraz máte k dispozícii flexibilnú modulárnu mriežku, pomocou ktorej môžete prispôsobiť svoj návrh.

Krok 05

Teraz, keď je váš sieťový systém na svojom mieste, začnite maketovať hrubé rozloženie pomocou 4 mm obdĺžnikov. Tento dizajn letáka je inšpirovaný rovnakými líniami a uhlami, aké sú použité v logu BVD (Bike v Design). Pomocou inteligentných sprievodcov (Cmd / Ctrl + U) potiahnite každý obdĺžnik na miesto a zaistite, aby všetky zapadli do 4 mm mriežky. Pokyny môžu pôsobiť rušivo, takže by mohlo pomôcť ich zapínanie a vypínanie počas tohto procesu (Cmd / Ctrl +;).

Krok 06

Ak chcete rozobrať dizajn a pokračovať v motíve loga BVD, chcem do svojho vzoru pridať kruhy. Aby som zaistil, že budú sedieť v mojej mriežke, nakreslil som svoj prvý kruh na veľkosť 140 mm so zdvihom 4 mm. Môj druhý kruh je nakreslený na úrovni 124 mm, tiež so zdvihom 4 mm, čo znamená, že medzi oboma kruhmi je teraz proporcionálne prázdne miesto. Pokračoval som v tom, až kým som nemal päť sústredných kruhov, ktoré som potom centroval jeden k druhému.

Krok 07

Keď budete so svojim dizajnom spokojní, skontrolujte ho oproti mriežke, aby ste sa ubezpečili, že je všetko v poriadku. Konvertujte všetky čiary ťahu (napríklad kruhy) na obrysy (Object> Expand> Fill and Stroke). Ak máte nejaké prekrývajúce sa čiary alebo kruhy, orezajte ich tak, aby sa zmestili do mojej mriežky. To sa deje tak, že na objekt, ktorý chcete orezať, umiestnite objekt, napríklad obdĺžnik, výberom oboch objektov a výberom položky Mínus predok zo stromu modelu.

Krok 08

Na doladenie prednej strany letáku som pridal sivé pozadie, ktoré pekne kontrastuje s oranžovým vzorom. Potom som text spustil vertikálne po oboch stranách vzoru a zabezpečil, aby všetko sedelo na rovnakej základnej čiare ako mriežka.

Krok 09

Teraz pre chrbát. Pri rozvrhovaní typu považujem za užitočné skôr použiť stĺpový raster ako modulárny rastrový systém. V takom prípade mriežka umožňuje 11 stĺpov so 4 mm žľabom (zobrazeným ružovou farbou). Zarovnal som odsek textu na stĺpec a skontroloval, či moje predné umožňuje, aby všetok text sedel na rovnakej základnej čiare.

Krok 10

Pokračujte v pridávaní posledných pár textov do zadnej časti letáku. Nakoniec skontrolujte zarovnanie jednotlivých prvkov k vašej mriežke, aby ste sa ubezpečili, že je všetko perfektne zarovnané.

Páčilo sa vám to? Prečítajte si tieto!