Vytváranie 3D objektov

Úvod:

Ahojte milá komunita PSD. Teší ma, že ste opäť s nami pri jednom z mojich tutoriálov. Dnes sa pustíme do 3D sveta Adobe Illustratora. Hoci s ním nie je možné nahradiť profesionálne 3D programy ako napríklad Cinema 4D, s Illustratorom sa dá celkom dobre vytvárať niekoľko 3D objektov. Na tento tutoriál som pripravil tri objekty, ktoré spoločne krok za krokom vytvoríme. Ale teraz dosť rečíme. Začnime priamo...

Krok 1: Vytvorenie herného kúsku

Aby sme sa hneď ponorili do 3D funkcií Adobe Illustratora, v prvom kroku vytvoríme štandardný herný kúsok (ako ho poznáte napríklad z hry Človeče, nehnevaj sa).

Spustite si Illustrator, vytvorte cez Súbor>Nový nový kresliaci plát s rozmermi 140x180mm a potvrďte kliknutím na OK.

Adobe Illustrator – vytváranie 3D objektov

Aby ste nemuseli voľne z hlavy kresliť základnú formu, v priložených pracovných súboroch som pre vás pridal obrázok takého herného kúsku.

V hornej ponuke prejdite na Súbor>Vložiť, z pracovných súborov si vyberte súbor "Vzor.jpg" a potvrďte kliknutím na Vložiť.

Adobe Illustrator – vytváranie 3D objektov

Pomocou Palety zarovnania presuňte vložený obraz na svoje pracovné pole. (Obrázok 03)

Vytvorte 3D objekty v programe Adobe Illustrator.

Keďže je herný kúsok guľatý, postačí, ak nakreslíte iba polovicu vonkajšej kontúry. Tak vezmite Nástroj pera z Palitry nástrojov a vytvorte cestu ako na Obrázku 05 (tu zeleno znázornené). Dbejte na to, aby začiatočný a koncový bod presne ležali na sprievodnej čiare.

Adobe Illustrator – vytvárať 3D objekty

Ak ste vytvorili cestu podľa svojich predstáv, buď môžete obrázok vzoru vymazať, alebo jednoducho v Paletke vrstiev skryť. Pretože v tomto tutoriáli chceme vytvoriť červeného herného kúsku, priradíme práve vytvorenej ceste červenú kontúru.

Adobe Illustrator – vytváranie 3D objektov

Teraz sme už všetko pripravené, aby sme cestu zmenili na 3D objekt. Prejdite v hornej ponuke na Účinok>3D>Kruhovanie...

Adobe Illustrator – vytváranie 3D objektov

Objaví sa pomerne veľké dialógové okno, v ktorom je možnosť nastaviť niekoľko parametrov.

Aktivujte najprv Náhľad v ľavom dolnom rohu tohto okna, aby ste videli účinky tohto efektu.

V hornej oblasti (Oblasť 1) môžete nastaviť uhol alebo otočenie vášho 3D objektu. Ďalej tu máte parameter pre perspektívu. Jedná sa v podstate o ohniskovú vzdialenosť pri kamerovom objektíve. Podľa toho, ako túto hodnotu zmeníte, môžete vytvoriť buď širokouhlý vzhľad alebo teleobjektívny vzhľad.

V dolnej oblasti (Oblasť 2) je pre vás dôležitý iba uhl. Ak chcete kompletný herný kúsok, musíte tento uhl nastaviť na 360°. Ak však chcete len polovicu herného kúsku, môžete tento uhl znížiť na 180°.

Adobe Illustrator – vytvárať 3D objekty

Vzhľadom na to, že sa zvyčajne chcete podsvietiť 3D objekt, môžete v dolnej sekcií dialógového okna kliknúť na Viac možností. Následne sa okno rozbalí nadol a umožní nastavenie jedného alebo viacerých svetiel (ktoré však ovplyvňujú iba 3D objekt).

Prvé tri menu príkazy, ako napríklad Intenzita svetla, Okolité svetlo a Intenzita vrcholového svetla, sa vlastne samy o sebe vysvetľujú.

Zaujímavé je opäť v prípade Stupňov zosúladenia. Tým sa rozumejú 256 možné odtiene, ktoré sú k dispozícii v farebnom priestore RGB. Ak tieto odtiene nastavíte na relatívne nízku hodnotu, lesk bude dosť hrubý a s nepriaznivými farebnými prechodmi premietnutý na 3D objekt. To však má tú výhodu, že Illustrator môže celú vec rýchlejšie vypočítať. Ak tento parameter nastavíte na maximum, teda na 256 odtieňov, budú použité všetky dostupné farebné odstupne. To má za následok, že lesk bude na 3D objekt premietnutý s vysokou kvalitou. Avšak v závislosti od výkonu počítača sa tým môže počítanie v Illustratorovi niekoľko chvíľ predlžovať.

Ak ste spokojní s vašimi nastaveniami, musíte to len potvrdiť tlačidlom OK. Vaša herná postava je hotová.

Malý tip:

Ak po potvrdení zistíte, že chcete zmeniť svoje nastavenia, stačí vybrať svoju hernú postavu a kliknúť na efekt 3D-Kruhov- vo výzore a paletke Vzhľadu. Tým sa znova otvorí dialógové okno, v ktorom môžete upraviť 3D nastavenia.

Adobe Illustrator – vytvorenie 3D objektov

Teraz, pre jemnejšie doladenie, vezmite nástroj Elipsa a nakreslite elipsu približne v rovnakom rozmeru ako spodná časť vašej herná postavy. (Obrázok 10)

Adobe Illustrator – vytvárať 3D objekty.

Umiestnite túto elipsu v paletke Vrstvy za vašu hernú postavu a prejdite na Effect> Rozmazanie>Gaussovský rozmazávač. Zadajte hodnotu približne 20 pixelov a potvrďte tlačidlom OK. Tým ste vytvorili akýsi tieň a vaša herná postava bude zdať ešte trochu trojrozmerná.

Adobe Illustrator - Vytváranie 3D objektov

Krok 2: Vytvorenie kocky

Keď už ste v prvom kroku vytvorili 3D hernú postavu, je teraz čas na ďalší 3D objekt. V tejto časti tutoriálu vytvoríme plne texturovanú hru kocku.

Na začiatok si opäť vytvorte novú pracovnú plochu v formáte DIN A3 pozdĺžne pomocou Súbor>Nový. Potom vezmite nástroj Obdĺžnik a kliknite raz na vašu pracovnú plochu, aby sa zobrazilo okno, kde môžete zadať veľkosť vašeho obdĺžnika. Zvoľte tu veľkosť 52x52mm a potvrďte tlačidlom OK.

Adobe Illustrator – Vytváranie 3D objektov

Priraďte tomuto obdĺžniku čiernu Kontúru a vytvorte biele vyplnenie, ak žiadne nie je k dispozícii. Zduplikujte tento obdĺžnik päťkrát a zoradite ich vedľa seba. (Obrázok 13)

Adobe Illustrator – tvorba 3D objektov

Teraz vezmite nástroj Elipsa a kliknite znova na vašu pracovnú plochu. Dajte tejto elipse veľkosť 9,7x9,7mm.

Adobe Illustrator – Vytváranie 3D objektov

Zduplikujte túto elipsu a zoraďte ju tak, aby ste dostali typické strany hracej kocky. (Obrázok 15)

Malý tip:

Pre zjednodušenie zadania použite Inteligentné vodítka pomocou Command+U alebo Strg+U.

Adobe Illustrator – vytváranie 3D objektov

Keď ste vytvorili všetkých šesť strán kocky, môžete odstrániť čierne kontúry obdĺžnikov, aby boli viditeľné len pre Ilustrátor, nie však pre ľudské oko. Potom označte vždy jednu plochu kocky a zo skupiny vytvorte Command alebo Strg+G. Potom by ste mali mať šesť skupín vo vašej paletke Vrstvy.

Adobe Illustrator – vytvárať 3D objekty.

Nasledujúca vec, ktorú potrebujete, je Paleta symbolov. Nájdete ju pod Okno>Symboly.

Vytvorte 3D objekty v Adobe Illustrator.

Vyberte teraz prvú skupinu a kliknite v Paletke symbolov na malý šípok v pravom hornom rohu. Zobrazí sa kontextové menu, kde kliknite na Vytvoriť nový symbol. Teraz môžete zadať názov pre váš nový Symbol.

Adobe Illustrator – vytvárať 3D objekty

Po tom, čo ste to urobili so všetkými skupinami, mali by ste mať šesť nových Symbolov v Paletke symbolov. (Obrázok 19)

Adobe Illustrator – vytváranie 3D objektov

Teraz, keď ste uložili všetky textúry ako symbol, môžete začať vytvárať príslušnú kocku. Vezmite si nástroj Obdĺžnik a kliknite na vašu pracovnú plochu. Pri šírke a výške zvoľte hodnotu 100 mm a potvrďte tlačidlom OK.

Dajte tomuto obdĺžniku bielu farbu plochy. Kontúru nepotrebujete.

Adobe Illustrator – vytvárať 3D objekty

Aby ste vytvorili z tohto obdĺžnika kocku, prejdite na Effect>3D>Vytočiť a zväčšiť rovnočiaru hranu …

Adobe Illustrator – vytváranie 3D objektov

Ak ste si zvolili tento efekt, objaví sa vám opäť známe dialógové okno, v ktorom môžete nastaviť všetky parametre vašeho 3D objektu. Pri uhloch, ktoré určujú otáčanie kocky, môžete zvoliť akúkoľvek hodnotu. (Moje nastavenia nájdete na ďalšom snímku obrazovky). Keďže chcete vytvoriť kocku, musia mať všetky strany kocky rovnakú veľkosť. Preto zadajte hodnotu 100 mm do Hĺbky vytočenia. Illustrator vám to prepočíta do bodov.

Adobe Illustrator – vytvorenie 3D objektov

Teraz treba tento kocku zatexturovať, kliknite na spodnej časti tohto dialógového okna na priradenie grafického materiálu. (Obrázok 23)

Adobe Illustrator – vytvoriť 3D objekty

V nasledujúcom okne máte možnosť zatexturovať jednotlivé strany kocky. V oblasti 1 (Obrázok 24) môžete vybrať daný bočný plošný kúsok kocky. Keďže kocka má známe 6 stranových častí, môžete sa tu pohybovať medzi hodnotami 1-6. V oblasti 2 (Obrázok 24) môžete vybrať danú textúru alebo symbol, ktorý ste predtým vytvorili.

Adobe Illustrator – vytváranie 3D objektov

Ak chcete zatexturovať kocku, priradte teraz každú stranu kocky jednému z vašich šiestich vytvorených symbolov. Aby sa symboly skutočne rovnomerne zaplnili plochu kocky, môžete kliknúť na škálovanie veľkosti strany. (Obrázok 25)

Adobe Illustrator – Vytváranie 3D objektov

Keď ste zatexturovali kocku, potvrďte okno kliknutím na OK. Vaša hračková kocka je hotová.

Nakoniec môžete kocke pridať ľahký tien. Stačí ísť do Effect>Stylizácia>Stieňový tvar … v hornej ponuke.

Adobe Illustrator – Vytvárať 3D objekty

Krok 3: Bonus obsah - Jeden prsteň

Keďže som veľký fanúšik Pána prsteňov, považoval som za vhodné poskytnúť malý bonus a vysvetliť, ako môžete vytvoriť v Ilustrátore Jeden prsten. Keďže pri tomto projekte použijete opäť 3D funkcie, tento návrh sa skvelo hodí k dnešnému téme. Som si istý, že medzi vami sú aj fanúšikovia Pána prsteňov. Tak sa teda rovno pustime do toho …

Najprv si vytvorte nový pracovný priestor. Formát A3 na šírku by mal byť dostatočný.

Potom budete potrebovať nástroj Elipsa z Palety nástrojov. Kliknite s ním na pracovnú plochu, zvoľte veľkosť 17x17mm a potvrďte kliknutím na OK.

Vytváranie 3D objektov v Adobe Illustrator.

Potom vezmite nástroj Obdĺžnik a vytvorte obdĺžnik s rozmermi 8,5x17mm. Pozicionujte tento obdĺžnik tak, aby jedna polovica kruhu bola úplne zakrytá. (Obrázok 28)

Adobe Illustrator – vytvárať 3D objekty

Označte všetko klávesovou skratkou Command+A (na PC - Ctrl+A) a pomocou Pathfindera ťahajte obdĺžnik, aby vám zostal len polkruh. (Obrázok 29)

Adobe Illustrator – vytvárať 3D objekty

Dajte polkruhu zlatú plošnú farbu. Ja som si vybral tieto hodnoty pre CMYK farbu: CMYK - 0/28/95/0.

Adobe Illustrator – vytváranie 3D objektov

Teraz prejdite na Effect>Vytvoriť>Kruhový … V nasledujúcom okne môžete, ako už poznáte, nastaviť svoje parametre. Nastavenia pre tento prsteň nájdete na Obrázku 31. Potvrďte kliknutím na OK.

Adobe Illustrator – vytvárať 3D objekty

Aby sa tento obyčajný zlatý prsteň stal Jeden prsteň, teraz musíte pridať typické označenie. V priložených pracovných súboroch nájdete súbor s názvom "Beschriftung.ai". Tento súbor umiestnite na svoju pracovnú plochu cez Súbor>Umiestniť.

Adobe Illustrator - vytvárať 3D objekty

Ak ste umiestnili písmená, musíte, ako v Kroku 2, pomocou Symboly-Palety vytvoriť Symbol s písmenami.

Kliknite teraz znova na svoj prsteň a znova otvorte efekt 3D-kruhov- (nájdete ho v Vzhľad-Paleta).

Kliknite v tomto dialógovom okne na Priradiť obrázok …

V nasledujúcom okne teraz môžete priradiť označenie alebo symbol, ktorý ste práve vytvorili. (Obrázok 33)

Adobe Illustrator – vytváranie 3D objektov

Potvrďte s OK. Teraz by mal váš prsteň vyzerať približne takto (Obrázok 34):

Jeden prsteň je hotový:

Adobe Illustrator - Vytváranie 3D objektov.

Záverečné slová:

A znova sme sa dostali na koniec tutoriálu. Dúfam, že ste si ho užili a naučili ste sa aspoň niečo nové. Ak by sa k téme vyskytli nejaké otázky, môžete mi ich napísať ako komentár pod tento tutoriál. Budem sa snažiť na ne čo najskôr odpovedať.

Vaša Julian