Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

Izradite Retro Zlatni Kožnati Tekst Efekt u Adobe Photoshopu

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Retro Text Effect Tutorials.
How to Create a 3D Hologram Text Effect in Adobe Photoshop
How to Create an 80s-Inspired Silver Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

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.

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.

Gradient Fill

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.

Background Pattern Overlay

3. korak

To će primijeniti jednostavan uzorak na pozadinu.

Pattern Applied to the Background

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.

Creating the Text

2. korak

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

Add a Rectangle

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.

Modify the Rectangles Corners

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.

Shaping the Rectangle

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.

Final Shape

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

1. korak

Smjestite sloj svakog slova u grupu koja ima naziv slova.

Grouping the Letters

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.

Making the Groups Invisible

3. korak

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

Duplicate the Text Layer and Change the Fill Value

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.

Converting to Shape Layers

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.

Layers Names and Order

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.

The Stitches

2. korak

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

Stroke Shape Layer

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.

Transform the Shape copy Layer

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.

Duplicate with Transformation to Create 3D Extrusion

5. Stilizirajte Šavove

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

1. korak

  • Size: 0
Bevel and Emboss

2. korak

  • Označite Anti-aliased prozorčić
  • Contour

    3. korak

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

    4. korak

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

    5. korak

    To će stilizirati šavove.

    Stitches Styled

    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
    Bevel and Emboss

    2. korak

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

    3. korak

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

    4. korak

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

    Leather Styling

    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%
    Bevel and Emboss

    2.korak

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

    3. korak

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

    Leather 3D Highlights Layer 1

    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%
    Bevel and Emboss

    2. korak

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

    3. korak

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

    Leather 3D Highlights Layer 2

    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ć
    Bevel and Emboss

    2. korak

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

    3. korak

    Ovo će stilizirati rubove ekstruzije.

    Extrusion Edges Styling

    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
    Gradient Overlay

    2. korak

    • Distance: 15
    • Size: 7
    Drop Shadow

    3. korak

    To će kreirati jednostavnu reflektivnu 3D ekstruziju.

    Styling the Extrusion

    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.

    Placing the Letters

    2. korak

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

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

    Modifying the Gradient Map Settings

    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.

    Advertisement
    Advertisement
    Advertisement
    Advertisement
    Looking for something to help kick start your next project?
    Envato Market has a range of items for sale to help get you started.