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.

3D typografické komponování

Krok 2:

Nyní vytvořím textovou vrstvu s jedním písmenem. Poté kliknu v menu na 3D>Repoussé>Textová vrstva.

3D-Typocomposing

Krok 3:

Provedu následující nastavení (u materiálů použiji u Vše šablonu pro Žádnou texturu):

3D typografické komponování

Krok 4:

Nyní si otevřu pod Okno ovládací panel 3D a změním barvu extruze. Kliknu na šedou barvu u Difrakce.

3D-Typografie

Krok 5:

Tak, barva už sedí. Pouze v popředí písmene chci vytvořit vlastní texturu.

3D typografická kompozice

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.

3D typografické složení

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.

3D-Typoskládání

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.

3D typografická kompozice

Krok 9:

Výsledek vypadá následovně (s liniemi ještě nejsem úplně spokojený a proto znovu otevřu svou texturu).

3D-Typocomposing

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í.

3D Typografická kompozice

Krok 11:

Takto se mi to už líbí mnohem víc.

3D typografická sazba

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.

3D typografická sazba

Krok 13:

Abych zdůraznil pozadí ještě více, přidám do pozadí vrstvu Průběžný přechod.

3D-Typokomponování

Krok 14:

Zároveň dávám Ploché hraně také modrý tón. Výsledek pak vypadá následovně:

3D-Typokomponování

Krok 15:

Abych viděl světelné zdroje lépe, nechám si je na dně 3D ovládacího panelu zobrazit.

3D Typo skládání

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.

3D_typografické zpracování

Krok 17:

Nyní posunuji světlo a okamžitě vidím, jak na to objekt reaguje.

3D typografická kompozice

Krok 18:

Další světelný zdroj také změním na Záře a také zvýším Intenzitu světla na 1.

3D Typokomponování

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í.

3D-Typografie

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.

3D typografování

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.

3D-Typografie

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.

3D typografické komponování

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.

3D Typokompozice

Krok 24:

Po rendrování scény vypadá můj S-písmeno takto:

3D-Typokomponování

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ů.

3D Typokomponování

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.

3D Typografická kompozice

Krok 27:

Následně vytvořím poslední písmeno. To umístím v hierarchii vrstev pod písmenem S.

3D typografická kompozice

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.

3D typografická kompozice

Krok 29:

Pod vlastnostmi textury posunuji vzor podle potřeby.

3D Typografiekomponování

Krok 30:

Tak, nyní upravím světlo a písmeno vypadá celkem dobře:

3D typografická kompozice

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.

3D typografická kompozice

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).

3D typografická kompozice

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.

3D sazba textu

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.

3D typografie

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.

3D-typografování

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ě:

3D-Typografie

Krok 37:

S úpravou odstínu/sytosti mohu pozadí rychle přebarvit:

3D-Typografie

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.

3D typografická kompozice

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.

3D typografická kompozice

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.

3D typografická kompozice

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.

3D-Typokomponování

Krok 42:

Po této úpravě vypadá výsledek následovně:

3D-Typosazba



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é.