3D-Typopostavy kombinujú úžasné textové efekty s kreatívnymi dizajnovými prvky a dostávajú tvoju typografiu na úplne novú úroveň. Či už chceš vytvoriť futuristický, abstraktný alebo témový vzhľad - s Photoshopom môžeš vytvoriť individuálnu 3D-typografiu, ktorá vizuálne zdôrazní tvoju správu. V tomto tutoriáli ti ukážem krok za krokom, ako nastaviť tvoju 3D-typografiu s textúrami, svetelnými efektmi a ďalšími dizajnovými prvkami. Poďme na to a premieňme tvoju typografiu na umelecké dielo!
Krok 1:
Najskôr vytvorím nový dokument; veľkosť je úplne jedno. Tu som zvolil veľmi malú veľkosť 800x600 pixelov. Ak chceš tento efekt nechať vytláčať, mal by sa zmeniť jednotka z Pixelov na cm a rozlíšenie z 72 na 300 pixelov na palec.
Krok 2:
Teraz vytvorím textovú vrstvu s jedným písmenom. Potom kliknem v menu na 3D > Repeze > Textová vrstva.
Krok 3:
Vykonám nasledujúce nastavenia (pri materiáloch použijem šablónu Žiadna textúra pre Všetko):
Krok 4:
Teraz si zobrazím v Okne svoju 3D ponuku a zafarbím extrúziu. Na to kliknem v Rozptyle na sivú farbu.
Krok 5:
Tak, farba sa už hodí. Len v popredí písmena si chcem vytvoriť vlastnú textúru.
Krok 6:
Pre novú textúru vytvorím nový dokument s veľkosťou 200 x 1 pixelov. Potom dvojklik na pozadovú vrstvu a obsah odstránim tlačidlom Delete. Teraz môžem vytvoriť výber, ktorý zahŕňa polovicu dokumentu, a tento zafarbím modrou farbou. Potom opäť označím všetko a uložím to pod Mielu > Upravi > Nastavi model.
Krok 7:
Textúra je uložená a vytvorím nový dokument s veľkosťou 2000x2000 pixelov. Potom pridám novú vrstvu a zafarbím ju (farba je jedno, pretože nastavím priehľadnosť na 0%). Teraz prejdem na Možnosti plnenia, a povolím moju novú textúru. Potom textúru uložím ako súbor PSD na disk.
Krok 8:
Tak, teraz sa vrátim späť do svojho dokumentu a otvorím na mojom Materiály - Nadmerná predná strana moju novú textúru.
Krok 9:
Výsledok vyzerá nasledovne (s čiarami ešte nie som úplne spokojný a preto svoju textúru otvorím ešte raz).
Krok 10:
Aby som mohol otáčať svoju vzor, zmením vrstvu na Pamäťový objekt. Teraz je možné aj vzor, ktorý bol použitý ako Naplňovaná voľba, otáčať.
Krok 11:
Takto sa mi už oveľa viac páči.
Krok 12:
Keďže sú čiary príliš hrubé, otvorím textúru ešte raz, prejdem do svojho Pamäťového objektu a potom zmenším Nalínanie vzoru.
Krok 13:
Aby som pozadie spravil špek-ta-kulárnejším, pridám do pozadovej vrstvy Farbový prechod.
Krok 14:
Zároveň pridám modrý odtieň k zhmotnenej hrane. Výsledok potom vyzerá nasledovne:
Krok 15:
Aby som mohol lepšie vidieť svetelné zdroje, nechám si ich zobraziť v dolnej časti 3D panela.
Krok 16:
Okrem toho sfarbujem pozadievú vrstvu sivou farbou, aby som videl biely svetelný pás. Pre svoje prvé svetlo zmením typ svetla z Vedené na Zamerané.
Krok 17:
Teraz posuniem svetlo a okamžite uvidím, ako sa naše objekt správa v dôsledku toho.
Krok 18:
Aj ďalší svetelný zdroj zmením na Zamerané a zvýšim intenzitu svetla na hodnotu 1.
Krok 19:
Keďže rendering celého objektu môže byť veľmi časovo náročný, môžem si vytvoriť výber a potom vo možnostiach 3D panela zvoliť Vybrať progresívne renderovanie.
Krok 20:
Výsledok vyzerá veľmi dobre. Môžem tiež nechať zrenderovať celý môj objekt, ak kliknem hore v 3D paneli na scénu a potom v závislosti na Kvalite zvolím Raytracing - Koncept alebo Raytracing - finálny (trvá najdlhšie). Tip: Ak musím ešte niečo zmeniť na objekte, určite znovu nastavím Interaktívne (Maľovanie), pretože inak počítač okamžite všetko zrenderuje a budete musieť čakať večnosť.
Krok 21:
Po dokončení prvého písmena vytvorím ďalšie s rovnakými nastaveniami a postupom. Aj tu si znova načítam predtým uloženú textúru.
Krok 22:
Keď sú pruhy príliš široké, môžem ich buď priamo upraviť v textúre alebo sa jednoducho v časti Rozptýlené prepnúť na Upraviť vlastnosti.
Krok 23:
Keď zväčším hodnotu pre U-škálu, moje čiary sa zmenšia. Niekedy sa však čiary zlomia, čo je pravdepodobne chyba v programe Photoshop alebo chyba ovládača grafickej karty.
Krok 24:
Po zrenderovaní scény vyzerá moje písmeno S takto:
Krok 25:
Taktiež posuniem všetky svetelné zdroje a niektoré z nich nastavím na Zamerané. Dokonca môžem kliknúť na tlačidlo Nový, aby som vytvoril ďalšie svetelné zdroje.
Krok 26:
Keď mám čiary príliš hrubé, prejdem do textúry, potom do Smart objektu a do Vrstvy prekrývacej vzor, kde zmením veľkosť o trochu menšiu. Avšak vznikne zvláštne zdvojenie v písmene S; preto znovu prejdem do Vlastností textúry a trochu zmením hodnotu U-škály, kým to nebude sedieť.
Krok 27:
Ďalej vytvorím posledné písmeno. Toto umiestnim v zásobníku vrstiev pod písmenom S.
Krok 28:
Pre moje písmeno d som si niečo špeciálne naplánoval: Písmeno by malo získať kvetinový vzor. Na to si stiahnem kvetinový štetc z PSD-Tutorials.de, vložím ho do dokumentu veľkosti 2000x2000 Px s priehľadným pozadím a uložím ho ako súbor PSD.
Krok 29:
Pod vlastnosťami textúry posuniem vzor podľa potreby.
Krok 30:
Tak, teraz upravím svetlo a písmeno nevyzerá zle:
Krok 31:
Ďalej vytvorím novú vrstvu a pridám niekoľko menších prvkov s bielou farbou pomocou môjho kvetinového štetca.
Krok 32:
Teraz je čas na elegantné pozadie. Zoberiem si Nástroj vlastných tvarov a načítam nasledujúci tvar, ktorý Photoshop obsahuje priamo (ak sa nezobrazuje, stačí kliknúť na malú šípku v pravom hornom rohu na načítanie kniznice).
Krok 33:
Po nakreslení tvaru znížim trochu transparentnosť, pridám masku vrstvy a vyplním ju radialným čierno-bielym prechodom.
Krok 34:
Pásky môžem ešte vylepšiť tým, že napríklad znížim plnost plochy a potom v nastaveniach Výplne pridám jemný tienenie von s bielou farbou. Potom vytvorím krásny radiálny modro-ťmavo-fialový prechod.
Krok 35:
Aby to viac žiarilo v strede, môžem buď prispôsobiť prechod, alebo ho jednoducho upravím veľkým mäkkým štetcem. Trochu znížim transparentnosť vrstvy.
Krok 36:
Kvetinové štetce mi pripadajú príliš dominantné. Preto ich znovu vytvorím, tentoraz však s ešte menším štetcem. Výsledok potom bude vyzerať nasledovne:
Krok 37:
S úpravou tónu/sýtosti v úrovni môžem rýchlo zmeniť farbu pozadia:
Krok 38:
Ak by som radšej chcel zmeniť farbu písmen namiesto pozadia, môžem prejsť do metód výplne jednotlivého písmena a nastaviť tam prekrytie farby s metódou výplne farba. Potom skopírujem efekt vrstvy s podržaným Alt-kľúčom pre každé ďalšie písmeno.
Krok 39:
Jednoduchšie je mať svoje písmená v zložke skupiny a nad nimi vložiť úroveň úpravy tónu/sýtosti. A - veľmi dôležité: Nastavím metódu výplne svojej skupinovej zložky z prelínanie na normálne. Potom sa úroveň úpravy aplikuje len na obsah zložky.
Krok 40:
Maličký trik na koniec cvičenia: Zduplikujem svoje 3D písmená a potom skopírujem moju kópiu pravým kliknutím myšou.
Krok 41:
Teraz mám viaceré možnosti: Buď zafarbím celé písmená na bielo, alebo len na ne pridám prekrytie farby vo farbe biela. Teraz vložím masku a potom môžem jemne zdokonaliť určité svetlá s mäkkým štetcem, napríklad som zvýraznil svetlá hore na písmene d a tieňov som ztmavil pomocou ďalšej vrstvy s čiernym prekrytím farbiek.
Krok 42:
Po tomto vyzerá moje výsledku takto:
Dúfam, že som mohol poskytnúť veľa tipov na prácu s 3D v Photoshop. Ako vidíte, nie je to celkom ťažké.
