3D-Typokompozice kombinuje úžasné textové efekty s kreativními designovými prvky a dostává tvoji typografii na zcela novou úroveň. Ať už chceš vytvořit futuristický, abstraktní nebo tematický vzhled - s Photoshopem můžeš vytvořit individuální 3D-Typokompozici, která vizuálně zesílí tvou zprávu. V tomto tutoriálu ti krok za krokem ukážu, jak nastavit svou 3D-typografii s texturami, světelnými efekty a dalšími designovými prvky. Pojďme na to a proměňme tvé písmo v umělecké dílo!
Krok 1:
Nejprve vytvořím nový dokument; velikost je zcela irelevantní. Zvolím zde velmi malou velikost 800x600 pixelů. Pokud chceš tento efekt nechat vytištěný, přepni jednotku z Pixel na cm a rozlišení z 72 na 300 pixelů na palec.
Krok 2:
Nyní vytvořím textovou vrstvu s jedním písmenem. Poté kliknu v menu na 3D>Repoussé>Textová vrstva.
Krok 3:
Provedu následující nastavení (u materiálů použiji u Vše šablonu pro Žádnou texturu):
Krok 4:
Nyní si otevřu pod Okno ovládací panel 3D a změním barvu extruze. Kliknu na šedou barvu u Difrakce.
Krok 5:
Tak, barva už sedí. Pouze v popředí písmene chci vytvořit vlastní texturu.
Krok 6:
Pro novou texturu si vytvořím nový dokument o velikosti 200 x 1 pixel. Poté provedu dvojklik na pozadí a obsah odstraním stisknutím klávesy Delete. Nyní mohu vytvořit výběr, který zahrnuje polovinu dokumentu, a tu pak obarvím modře. Poté zase označím vše a uložím to pod Menu>Upravit>Definovat motiv.
Krok 7:
Tak, motiv je uložen, a vytvořím nový dokument o velikosti 2000x2000 pixelů. Poté vložím novou vrstvu a obarvím ji (barva je jedno, protože nastavím Průhlednost na 0 %). Teď jdeme do Plné nastavení a aktivuji svůj nový Motiv. Poté uložím texturu jako soubor PSD na disk.
Krok 8:
Tak, teď se vrátím do svého dokumentu a otevřu na svém Materiálu - Nafouknutá přední strana svoji novou texturu.
Krok 9:
Výsledek vypadá následovně (s liniemi ještě nejsem úplně spokojený a proto znovu otevřu svou texturu).
Krok 10:
Abych mohl rotovat svůj vzor, převedu vrstvu na Chytrý objekt. Teď můžu také rotovat Vzor, který byl použit jako Plné nastavení.
Krok 11:
Takto se mi to už líbí mnohem víc.
Krok 12:
Jelikož jsou mi linie příliš široké, znovu otevřu texturu, přejdu do svého Chytrého objektu a poté změním škálu Vrstvy překryvu vzoru.
Krok 13:
Abych zdůraznil pozadí ještě více, přidám do pozadí vrstvu Průběžný přechod.
Krok 14:
Zároveň dávám Ploché hraně také modrý tón. Výsledek pak vypadá následovně:
Krok 15:
Abych viděl světelné zdroje lépe, nechám si je na dně 3D ovládacího panelu zobrazit.
Krok 16:
Dále barvím pozadí šedě, abych viděl bílé světelné pruhy. Druh světla pro mé první světlo měním z Směrového na Záře.
Krok 17:
Nyní posunuji světlo a okamžitě vidím, jak na to objekt reaguje.
Krok 18:
Další světelný zdroj také změním na Záře a také zvýším Intenzitu světla na 1.
Krok 19:
Pokud může být rendrování celého objektu časově náročné, mohu také vytvořit výběr a pak v Nabídkě možností 3D ovládacího panelu přejít na Vybrat pro progresivní rendrování.
Krok 20:
Výsledek vypadá velmi dobře. Také mohu nechat celý objekt rendrovat kliknutím na scénu v horní části 3D ovládacího panelu a zvolením vhodné kvality, buď Raytracing - Návrh nebo Raytracing - finální (trvá nejdéle). Tip: Pokud musím na objektu něco změnit, okamžitě vrátit nastavení zpět na Interaktivní (Malování), jinak počítač okamžitě celé znovu rendruje a čekal byste věčnost.
Krok 21:
Po dokončení prvního písmene vytvořím další s týmiž nastaveními a postupem. I zde si znovu načtu předchozí texturu.
Krok 22:
Protože jsou pruhy příliš široké, mohu je buď upravit přímo v textuře, nebo přejít v Neprosvětlené na Upravit vlastnosti.
Krok 23:
Pokud zvětším hodnotu U-měř., budou mé čáry menší. Někdy však čáry zvláště podivné, což je pravděpodobně chyba v Photoshopu nebo chyba ovladače grafické karty displeje.
Krok 24:
Po rendrování scény vypadá můj S-písmeno takto:
Krok 25:
Posuniji také všechny světelné zdroje a některé také změním na Záře. Dokonce mohu kliknout na Nový symbol pro vytvoření dalších světelných zdrojů.
Krok 26:
Poněvadž jsou čáry příliš široké, jdu do textury, poté do Chytrého objektu a do Vrstva překrývající vzory, kde velikost mírně zmenším. Avšak v písmenu S se objeví zvláštní dvojitá čára; proto jdu znovu do Vlastností textury a mírně změním hodnotu U-měření, dokud se neshoduje.
Krok 27:
Následně vytvořím poslední písmeno. To umístím v hierarchii vrstev pod písmenem S.
Krok 28:
Pro mé písmeno d jsem si představil něco zvláštního: Písmeno by mělo dostat květinový vzor. K tomu si stáhnu květinový Kartáček z PSD-Tutorials.de, vložím ho do dokumentu o velikosti 2000x2000 px s průhledným pozadím a uložím ho jako soubor PSD.
Krok 29:
Pod vlastnostmi textury posunuji vzor podle potřeby.
Krok 30:
Tak, nyní upravím světlo a písmeno vypadá celkem dobře:
Krok 31:
Následně vytvořím novou vrstvu a pomocí mého květinového štětce přidám několik menších prvků bílou barvou.
Krok 32:
Nyní je čas na stylové pozadí. Vezmu si nástroj Vlastní tvary a načtu následující tvar, který Photoshop dodává automaticky (pokud se nezobrazí, stiskněte malou šipku vpravo nahoře, abyste načetli knihovnu).
Krok 33:
Po nakreslení tvaru snížím mírně průhlednost, přidám masku vrstvy a vyplním ji radiálním černobílým přechodem.
Krok 34:
Proužky mohu ještě vylepšit tím, že například snížím plnost barev a poté v možnostech výplně přidám jemný zářivý efekt směrem ven bílou barvou. Poté nakreslím krásný radiální modro-temněmodrý přechod.
Krok 35:
Aby v prostředku zářilo silněji, mohu buď upravit přechod podle potřeby, nebo jednoduše jej změním velmi jemným, velkým štětcem. Průhlednost vrstvy pak mírně snížím.
Krok 36:
Květinové tahy štětcem mi připadají příliš dominantní. Proto je vytvořím znovu, tentokrát však s ještě menším štětcem. Výsledek bude vypadat následovně:
Krok 37:
S úpravou odstínu/sytosti mohu pozadí rychle přebarvit:
Krok 38:
Pokud chci místo pozadí raději změnit barvu písmen, mohu jít do výplňových metod jednotlivého písmene a nastavit zde překryvnou barvu s metodou výplně barva. Poté efekt vrstvy zkopíruji s podrženou Alt klávesou pro každé další písmeno.
Krok 39:
Jednodušší je však mít mé písmena ve skupinové složce a nad ní vložit úpravu odstínu/sytosti. A - velmi důležité: Nastavím metodu výplně mé skupinové složky z prolamování na Normální. Pak bude úprava působit pouze na obsah složky.
Krok 40:
Na závěr workhopu drobný trik: Zduplikuji své 3D písmena a svůj podpis pak rasteruji s pravým tlačítkem myši.
Krok 41:
Nyní mám několik možností: Buď obarvím celé písmeno bíle, nebo na něj pouze přidám překryvnou barvu bílou. Nyní vložím masku a poté mohu jemným štětcem například vylepšit určité světla. Ve svém případě jsem posílil světlo nahoře na písmenu d a stíny jsem zintenzivnil další vrstvou s černou překrytnou barvou.
Krok 42:
Po této úpravě vypadá výsledek následovně:
Doufám, že jsem vám mohl poskytnout spoustu tipů, jak zacházet s 3D v programu Photoshop. Jak vidíte, není to vůbec složité.