Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

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

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.
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post