Advertisement
  1. Design & Illustration
  2. For Kids

Illustrator za Djecu: Kako Izraditi 'Seamless', Retro Točkasti Uzorak

Scroll to top
Read Time: 4 min

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Dobrodošli u drugi dječji tutorijal! Jedan od stilova koji često primjećujem u posljednje vrijeme je retro stil. Definitivno se vraća u punom jeku.

U ovom tutorijalu ćemo zajedno izraditi 'seamless', točkasti uzorak. Tutorijal je jednostavan i neće vam oduzeti mnogo vremena - samo trebate izraditi kvadrat i par krugova, izrezati krugove, smjestiti ih u Swatches karticu i to je to!

Najbolji dio je to što ne morate sami nacrtati sve krugove - čak i kada vam je potrebno njih stotinu. Pokazati ću vam taj brzinski trik. Počnimo!

1. korak

Počnimo izradom novog dokumenta/New Document. Da izradite New Document u Adobe Illustratoru idite na File > New i unesite sljedeće postavke:

starting with a new filestarting with a new filestarting with a new file

2. korak

Na Tools kartici možete naći Rectangle Tool (M) koji ćete upotrijebiti za izradu kvadrata. Kliknite na ovaj alat i zatim kliknite na sredinu vaše radne površine. Pojaviti će se novi dijaloški okvir koji će vas tražiti da unesete Width (širinu) i Height (visinu) vrijednosti kvadrata kojeg želite napraviti. Unesite dolje prikazane postavke u Rectangle dijaloški okvir i kliknite OK.

Kada imate bijeli kvadrat sa crnom linijom, morate promijeniti boju ispune. Za ovo, pogledajte Color karticu (Window > Color) i obrišite bou linije. Podesite boju ispune u mentol zelenu (podesite kod boje prema donjoj slici). Provjerite je li u kartici označen RGB način boja. Ako nije, pronađite maleni trokut u gornjem desnom kutu Color kartice i kliknite na njega da označite RGB. Zatim primijenite kod boje koji vidite na donjoj slici.

creatine the backgroundcreatine the backgroundcreatine the background

3. korak

Izradimo sada krug. Uzmite Ellipse Tool (L) na Tools kartici i kliknite u sredinu kvadrata. U novom dijaloškom okviru unesite postavke koje vidite ispod. Zatim kliknite OK. Vjerojatno ste dobili isti plavi krug kao što je kvadrat, pa ćemo mu promijeniti boju ispune u Color kartici (Window > Color) kao što smo učinili sa kvadratom. Pogledajte donju sliku za kod boje.

Creating the first dotCreating the first dotCreating the first dot

4. korak

Sada ćemo sve poravnati. Selektirajte pravokutnik i krug zajedno, idite na Align karticu (Window > Align) i pritisnite Horizontal Align Center i Vertical Align Center. Kliknite Align To: da vidite je li > Align to Selection označeno.

aligning the background and dotaligning the background and dotaligning the background and dot

5. korak

U sljedećem koraku ćemo trebati pomagače. Pozovite pomoć, jasno i glasno - "Molim Vas, pomozite! Ne - čekajte - šalim se! Nemojte preplašiti mamu. Idemo mirno i tiho na View > Smart Guides (Control-U). Ovi tihi pomagači će vam pomoći da smjestite novi krug u kut kvadrata.

Pritisnite Alt tipku i pomaknite postojeću ispunu iz srednjeg kruga dijagonalno u gornji lijevi kut. Morate držati tipku Alt jer ona pomaže izraditi kopiju. Smart Guides značajka će vam pomoći da kopiju kruga smjestite točno u gornji lijevi kut kvadrata. Ova dva pomagača će vam pomoći da savršeno poravnate krugove u ispravnu poziciju.

Creating second dotCreating second dotCreating second dot

6. korak

Sada opet pritisnite tipku Alt i pomaknite srednji krug dijagonalno u gornji desni kut kvadrata.

Creating third dotCreating third dotCreating third dot

7. korak

Pritisnite i držite tipku Alt još jednom i pomaknite srednji krug dijagonalno u donji lijevi kut kvadrata.

Creating fourth dotCreating fourth dotCreating fourth dot

8. korak

I posljednje ali ne manje važno, opet držite tipku Alt i pomaknite srednji krug dijagonalno u donji desni kut kvadrata.

Creating fifth dotCreating fifth dotCreating fifth dot

9. korak

Riješimo se sada neželjenih dijelova krugova. Odrezati ćemo ih koristeći naš kvadrat. Selektirajte kvadrat i napravite kopiju sprijeda (Control-C, Control-F). To će biti naš rezač.

Ostavite kopiju selektiranu dok držite tipku Shift (ovo je zato što morate selektirati dva oblika), selektirajte krug iz gornjeg lijevog kuta. Idite na Pathfinder (Window > Pathfinder) i kliknite Intersect. Budite pažljivi kada selektirate oblike - pripazite da ih slučajno ne pomaknete.

cutting first dotcutting first dotcutting first dot

10. korak

Ono što odrežete sa našim rezačem, nestati će. Stoga trebamo ponovno izraditi rezač. Još jednom selektirajte kvadrat i napravite kopiju sprijeda (Control-C, Control-F). Ostavite kopiju selektiranu, držeći tipku Shift selektirajte krug iz gornjeg desnog kuta. Idite na Pathfinder (Window > Pathfinder) i kliknite Intersect.

cutting second dotcutting second dotcutting second dot

11. korak

Sada, koristeći istu metodu izradite sljedeći krug - napravite kopiju kvadrata i izrežite krug iz donjeg lijevog kuta.

cutting third dotcutting third dotcutting third dot

12. korak

Opet, ista metoda - izrežite krug iz donjeg desnog kuta.

cutting fourth dotcutting fourth dotcutting fourth dot

13. korak

Kako biste iz ovog izradili uzorak, morate sve što ste izradili odvući u Swatches karticu (Window > Swatches). Selektirajte kvadrat i sve krugove. S mišem ih pomaknite u Swatches karticu.

creating the pattern template draggin to the Swatches panelcreating the pattern template draggin to the Swatches panelcreating the pattern template draggin to the Swatches panel

14. korak

Pošto ste izradili novi 'swatch' uzorak, sada sigurno možete obrisati sve na radnoj površini. Uzmite Rectangle Tool (M) i napravite kvadrat 600 px Width (širina) i Height (visina). Idite na Swaches kartici (Window > Swatches) i odaberite novi uzorak koji ste upravo izradili. Pogledajte kako je slatko!

creating the completed patterncreating the completed patterncreating the completed pattern

15. korak

Ako želite isti uzorak s manjim točkama, selektirajte uzorak ( kvadrat dimenzija 600 px Width i Height sa vaše radne površine), kliknite desnim gumbom miša > Transform > Scale. Unesite sljedeće postavke u novi dijaloški okvir:

Scale panelScale panelScale panel

Uživajte u vašem uzorku s manjim točkama!

how looks completed pattern scaled to 50 how looks completed pattern scaled to 50 how looks completed pattern scaled to 50

Ne zaboravite pohraniti svoj rad: File > Save.

Odlično odrađen posao, završili ste!

Ogromne čestitke - odradili ste fenomenalan posao! Nadam se da ste iz ovog tutorijala 'pokupili' neke nove trikove i da ćete s lakoćom izraditi točkasti uzorak za vaš sljedeći projekt. Možete ga primijeniti na koji god oblik želite.

Znate li što još možete učiniti? Za uzorak također možete nacrtati neki drugi oblik umjesto kruga (kao što ste učinili na početku tutorijala), na primjer, kvadrat ili šesterokut. Zapamtite samo da mora biti puni, zatvoreni oblik! Zabavljajte se s uzorcima!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads