Izrada 3D tekst efekt ne mora nužno zahtijevati upotrebu 3D alata. U ovom tutorialu ću vam pokazati jednostavan način upotrebe svojstva oblika u Adobe Photoshop CC, zajedno sa nekoliko slojeva stilova, da prilično lako i brzo kreirate retro, 3D tekst efekt poput kože. Počnimo!

Resusri za Tutorial

Tijekom izrade ovog tutoriala korišteni su sljedeći resursi.

• Courgette font
• Carbon Fibre Big uzorak, Autor: Factorio.us Collective
• Large leather uzorak, Autor: Elemis
• gradient-shapes for Photoshop, Autor: ilnanny (Učitajte CHROMES.grd i CSP True Sky Gradients.grd datoteke)

1. Izradite Pozadinu

1. korak

Izradite novi 1000 x 750px dokument. Podesite Foreground boju u #e4e4e2 i Background boju u #0b0b0b. Uzmite Gradient Tool, odaberite Foreground to Background gradijentnu ispunu i kliknite Radial Gradient ikonu.

Zatim, kliknite-povucite od sredine dokumenta u jedan od kutova da izradite gradijent na pozadini. Duplicirajte Background sloj.

2. korak

Dvostrukim klikom na Background copy sloj primijenite Pattern Overlay efekt, mijenjajući Blend Mode u Hard Light, i koristeći Carbon Fibre Big uzorak.

3. korak

To će primijeniti jednostavan uzorak na pozadinu.

2. Izradite Tekst i Oblik

1. korak

Izradite tekst smještajući svako slovo na zaseban sloj. Upotrijebite font Courgette, boju #debc8b, i Size podesite na  350 pt.

2. korak

Uzmite Rectangle Tool i izradite pravokutnik ispod teksta. Boja ispuna pravokutnika trebala bi biti jednaka kao i boja teksta.

3. korak

Uzmite Convert Point Tool, zatim počnite klikati i vući svaki  kut pravokutnika da konvertiramo kutne točke sidrišta u glatke točke sidrišta.

4. korak

Uzmite Direct Selection Tool, zatim možete kliknuti i povući točku sidrišta da je mičete okolo, ili možete kliknuti Direction Points na završetku dviju Direction Handles (ručke za određivanje smjera) i zatim ih micati okolo da promijenite smjer krivulje, ili ih povući prema van i unutra da proširite ili suzite krivulju.

5. korak

Nastavite modificirati točke sidrišta dok ne dobijete rezultat koji vam se sviđa, pa smjestite sloj oblika ispod svih slojeva teksta.

3. Grupirajte Slova, Izradite Kopije Slojeva i Kreirajte Slojeve Oblika

1. korak

Smjestite sloj svakog slova u grupu koja ima naziv slova.

2. korak

Sada možete raditi na svim slovima istovremeno ili na svakom zasebno. U ovom tutorialu, samo jedno slovo ćemo koristiti za demonstraciju procesa, nakon čega vi možete pratiti identične korake za preostala slova, i kopirati pa zalijepiti stilove slojeva i atribute oblika također.

Stoga, sve grupe će biti nevidljive (to učinite klikom na ikonu oka pokraj njih) osim grupe prvog slova.

3. korak

Duplicirajte sloj teksta, promijenite Fill vrijednost kopije u 0, i duplicirajte je.

4.korak

Duplicirajte originalni sloj teksta, povucite kopiju ispod originalnog sloja teksta, kliknite je desnim gumbom miša i odaberite Convert to Shape, zatim joj promijenite naziv u [the letter] Shape.

Duplicirajte sloj oblika i povucite kopiju ispod njega.

5. korak

Duplicirajte kopiju sloja oblika i povucite konačnu kopiju na vrh, iznad svih slojeva koje imate u grupi.

Sada, slojevi koje biste trebali imati od vrha prema dnu u grupi - grupa slova E u ovom slučaju - su:

• E Shape copy 2
• E copy 2
• E copy
• E
• E Shape
• E Shape copy

Ta će imena biti korištena tijekom ostatka tutoriala, stoga pazite da imate slična imena i redoslijed.

4. Modificirajte Atribute Oblika

1. korak

Selektirajte Shape copy 2 sloj i odaberite Direct Selection Tool. U Options kartici ćete dobiti nekoliko atributa oblika koje možete modificirati.

Počnite promjenom Fill boje u None, Stroke boje u #91741c, i Stroke Width u 1. Zatim, kliknite Set shape stroke type ikonu, odaberite isprekidanu liniju i pripazite da Align podesite na Inside. To će kreirati šavove.

2. korak

Selektirajte originalni Shape sloj, promijenite Fill color u   #e4e4e4, Stroke color u #d4d4d4, Stroke Width u 5 i promijenite Align u Outside.

3. korak

Selektirajte Shape copy sloj, pripazite da vam je Fill color podešena u boju #e4e4e4 i da je Stroke podešen u None, zatim idite na Edit > Free Transform. Na tipkovnici pritisnite jednom tipku s desnom strelicom i također jednom, tipku sa strelicom prema dolje kako biste pomaknuli oblik 1 px u desno i 1 px dolje. Zatim pritisnite Enter/Return da prihvatite promjene.

4.korak

Sada 5 puta pritisnite Alt-Ctrl-Shift-T ili Option-Command-Shift-T tipke da duplicirate sloj i transformaciju. Rezultat će biti jednostavna ekstruzija.

5. Stilizirajte Šavove

Dvostrukim klikom na Shape copy 2 sloj primijenite sljedeći Layer Style:

1. korak

• Size: 0

2. korak

Označite Anti-aliased prozorčić

3. korak

• Color: #edd67b - ali možete odabrati i neku drugu boju također.

4. korak

• Color: #5b3e03
• Distance: 0
• Size: 1

5. korak

To će stilizirati šavove.

6. Stilizirajte Glavni Sloj Teksta

Dvostrukim klikom na originalan sloj teksta primijenite sljedeći Layer Style:

1. korak

• Size: 18
• Označite Anti-aliased prozorčić
• Shadow Mode - Color: #93804d

2. korak

• Pattern: Large leather
• Depth: 60%
• Označite Invert prozorčić

3. korak

• Blend Mode: Linear Burn
• Noise: 65%
• Color: #e6d842
• Source: Center

4. korak

To će kreirati "kožnati" dio teksta.

7. Stilizirajte Prvu Kopiju Sloja Teksta

Dvaput kliknite na prvu kopiju sloja teksta da primijenite sljedeći Layer Style:

1. korak

• Size: 21
• Soften: 5
• Use Global Light prozorčić ostavite neoznačen
• Angle: -108
• Altitude: 58
• Označite Anti-aliased prozorčić
• Shadow Mode - Opacity: 0%

2.korak

• Contour: Cove - Deep
• Označite Anti-aliased prozorčić

3. korak

To će dodati dijelove sa odsjajem koji će nadograditi 3D izgled kože.

8. Stilizirajte Drugu Kopiju Sloja Teksta

Dvaput kliknite na drugu kopiju sloja teksta da primijenite sljedeći Layer Style:

1. korak

• Size: 21
• Soften: 5
• Use Global Light prozorčić ostavite neoznačen
• Angle: 99
• Altitude: 58
• Označite Anti-aliased prozorčić
• Highlight Mode: Hard Light
• Color: #fffbe2
• Opacity: 100%
• Shadow Mode - Opacity: 0%

2. korak

• Contour: Half Round
• Označite Anti-aliased prozorčić

3. korak

To će nadograditi 3D izgled "kožnatog" dijela i dodati malo dubine.

9. Stilizirajte Originalni Sloj Oblika

Dvaput kliknite na originalni Shape sloj da primijenite sljedeći Layer Style:

1. korak

• Size: 1
• Označite Anti-aliased prozorčić

2. korak

• Contour: Ring
• Označite Anti-aliased prozorčić
• Range: 100%

3. korak

Ovo će stilizirati rubove ekstruzije.

10. Stilizirajte Ekstruziju

Dvaput kliknite na prvu kopiju Shape sloja da primijenite sljedeći Layer Style:

1. korak

• Style: Reflected
• Angle: 45
• Odaberite steel pipe 20 gradijent iz CHROMES.grd datoteke

2. korak

• Distance: 15
• Size: 7

3. korak

To će kreirati jednostavnu reflektivnu 3D ekstruziju.

11. Dodavanje Mape Gradijenta

1. korak

Ako već niste, ponovite isto za preostala slova i smjestite ih kako želite na dokumentu. Ako malo preklopite jedno slovo preko drugog, efekt će biti zanimljiviji.

2. korak

Kada završite, kliknite Create new fill or adjustment layer ikonu na dnu Layers kartice i odaberite Gradient Map.

3. korak

Odaberite CSP True Sky Sunradial gradijent iz True Sky Gradients.grd datoteke, zatim promijenite Blend Mode sloja u Multiply i Opacity na 10%. To će pomoći malo prilagoditi obojenje konačnog rezultata.

I Završili Ste!

U ovom tutorialu, tekst i jednostavan oblik kreirani su na odvojenim slojevima, zatim grupirani, duplicirani i preraspoređeni. Zatim su kreirane dodatne kopije slojeva teksta nakon što smo ih konvertirali u slojeve oblika, kako bismo ih stilizirali.

Za slojeve oblika je modificirano nekoliko atributa oblika i jedan je dupliciran sa transformacijom, kako bi kreirao šavove, rubove ekstruzije i 3D ekstruziju.

Nakon toga, stilizirani su svi slojevi da kreiraju "kožnatu" sredinu i metalik reflektivnu ekstruziju.

Na kraju su slova smještena u dokument i obojenje je malo prilagođeno dodavanjem Gradient Map sloja za prilagođavanje.

Ispod možete ostaviti svoje komentare, prijedloge i rezultate.