30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Kako Izraditi Tekst Efekt Razbijenog Stakla u Adobe Photoshopu

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

U ovom tutorijalu ću vam pokazati kako upotrijebiti nekoliko stilova za slojeve da izradite tekst efekt stakla. Zatim ću vam pokazati kako upotrijebiti alat za selektiranje i maskiranje kako biste ga pretvorili u razbijeno staklo. Krenimo!

Ovaj tekst efekt je nadahnut mnogim stilovima za slojeve dostupnim na stranici GraphicRiver.

Elementi Potrebni za Tutorijal

Tijekom izrade ovog tutorijala korišteni su sljedeći elementi:

1. Kako Izraditi Pozadinu

1. korak

Izradite novi dokument dimenzija 100 x 667 px. Zatim smjestite sliku Sorensen Leather - Campo-burgundy-20824 na Background sloj i promijenite naziv sloja u BG Texture te promijenite veličinu po vlastitoj želji.

Add the Background Texture

2. korak

Kliknite Create new fill or adjustment layer ikonu na dnu Layers kartice i odaberite Levels.

Add a Levels Adjustment Layer

3. korak

Promijenite Gamma vrijednost u 1.10 i Highlights na 180.

Levels Settings

4. korak

Dodajte Gradient sloj iznad svih slojeva.

Izradite Transparent to Fill Color gradijentnu ispunu za koju upotrijebite boju  #d6d6d6 slijeva i boju #a6a6a6 zdesna.

Promijenite Style Radial i Scale 250, te označite Dither okvir.

Gradient Fill

5. korak

Gradient sloju promijenite Blend Mode u Color Burn.

Gradient Layers Blend mode

2. Kako Izraditi Tekst

1. korak

Izradite tekst sa svim velikim slovima i upotrijebite pritom Ronnia Bold font. Podesite Color u bijelu boju, i Size na 150 pt.

Create the Text

2. korak

Promijenite sloju sa tekstom Fill vrijednost na 0, i dvaput ga duplicirajte.

Duplicate the Text Layer

3. Kako Primijeniti Stil za Sloj na Originalan Sloj sa Tekstom

Dvaput kliknite na originalan sloj sa tekstom da primijenite sljedeći stil za sloj:

1. korak

Dodajte Drop Shadow efekt sa ovim postavkama:

  • Blend Mode: Vivid Light
  • Boja: #f2dede
  • Opacity: 10%
  • Uklonite oznaku s Use Global Light kućice
  • Angle: -19
  • Distance: 11
  • Size: 20
Drop Shadow 1

2. korak

Kliknite znak + s desne strane Drop Shadow kartice da dodate još jedan Drop Shadow efekt sa ovim postavkama:

  • Blend Mode: Color Burn
  • Boja: #837777
  • Opacity: 30%
  • Uklonite oznaku s Use Global Light okvira
  • Angle: 107
  • Distance: 12
  • Spread: 2
  • Size: 10
Drop Shadow 2

Ovo će izraditi padajuću sjenu i naglasiti dio efekta.

Drop Shadow and Highlight

4. Kako Primijeniti Stil za Sloj na Prvu Kopiju Sloja sa Tekstom

Dvaput kliknite na prvu kopiju sloja sa tekstom da primijenite sljedeći stil za sloj:

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

  • Size: 3
  • Shadow Mode: Overlay
    • Boja: #e4eeee
Bevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

  • Contour: Cove - Deep
  • Označite Anti-aliased kućicu
  • Range: 100%
Contour

3. korak

Dodajte Inner Shadow sa ovim postavkama:

  • Blend Mode: Screen
  • Boja: #e2e2e2
  • Opacity: 10%
  • Uklonite oznaku s Use Global Light kućice
  • Angle: 90
  • Distance: 2
  • Size: 13
Inner Shadow

4. korak

Dodajte Inner Glow sa ovim postavkama:

  • Blend Mode: Overlay
  • Opacity: 30%
  • Boja: #f1ecec
  • Technique: Precise
  • Size: 3
  • Označite Anti-aliased kućicu
  • Range: 35
Inner Glow

5. korak

Dodajte Gradient Overlay sa ovim postavkama:

  • Označite Dither kućicu
  • Blend Mode: Soft Light
  • Opacity: 50%
  • Style: Reflected
  • Angle: 105
  • Scale: 150%
  • Označite Reverse kućicu
  • Označite Gradient kućicu da izradite gradijentnu ispunu
Gradient Overlay

6. korak

Kako biste izradili Gradient, morati ćete kliknuti ispod gradijentne trake/okvira da dodate Color Stops (točke boja), i kada kliknete na svaki 'Color Stop' (točku boje), možete joj promijeniti Color i Location vrijednosti. Ovdje su Color Stop vrijednosti s lijeva na desno:

Color - Location

  • #252321 - 0%
  • #656565 - 22%
  • #eeeeee - 44%
  • #585858 - 69%
  • #eeeeee - 70%
  • #606060 - 83%
  • #252321 - 100%
Create the Gradient

7. korak

Promijenite prvoj kopiji Fill vrijednost na 0.

Change the Fill Value

5. Kako Primijeniti Sloj za Stil na Drugu Kopiju Sloja sa Tekstom

Dvaput kliknite na drugu kopiju sloja sa tekstom da primijenite sljedeći stil za sloj:

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

  • Size: 5
  • Označite Anti-aliased kućicu
  • Shadow Mode: Overlay
    • Boja: #d0e8e9
Bevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

  • Označite Anti-aliased kućicu
  • Range: 70%
Contour

To će stilizirati posljednji dio efekta.

Styled Top Layer

6. Kako Maskirati Selektirane dijelove

1. korak

Uzmite Polygonal Lasso Tool, i kliknite Add to selection ikonu u Options kartici.

Sada trebate izraditi (selektirati) šiljaste oštre oblike preko nekih dijelova teksta da imitiraju izgled dijelova razbijenog stakla.

Create a Selection

2. korak

Kada završite sa selektiranjem, držite Option tipku i kliknite Add layer mask ikonu na dnu Layers kartice.

Add Layer Mask

3. korak

Opet držite Option tipku i povucite masku na svaku kopiju sloja sa tekstom.

Duplicate the Mask

7. Kako Izraditi Jednostavne Krhotine

1. korak

Opet sa Polygonal Lasso Tool alatom napravite još oštrije selekcije manjih dijelova rasutih oko teksta da izradite krhotine.

Kada završite, izradite novi sloj iznad svih slojeva, nazovite ga Pieces i ispunite selektirane dijelove sa bijelom bojom.

Kliknite Command -D tipke da se riješite selekcije.

Create the Shattered Pieces

2. korak

Napravite dva puta duplikat Pieces sloja.

Duplicate the Pieces Layer

8. Kako Kopirati i Zalijepiti Stilove za Sloj

1. korak

Kliknite desnim gumbom miša na originalni sloj sa tekstom i odaberite Copy Layer Style. Zatim kliknite desnim gumbom miša na sloj Pieces i odaberite Paste Layer Style.

Ponovite to za prvu i drugu kopiju teksta, te Pieces sloj.

Copy and Paste Layer Styles

2. korak

Kliknite desnim gumbom miša na fx ikonu s desne strane Pieces sloja i odaberite Scale Effect.

Scale Effect

3. korak

Podesite Scale vrijednost na 50%. Ponovite to za Pieces kopirane slojeve.

Scale Effect for Copy Layers

4. korak

Dvaput kliknite Pieces sloj i Drop Shadow efektu promijenite Size vrijednost natrag na 10.

Drop Shadow Distance

Ovako ćete postići da sjena bude iste veličine na svim dijelovima teksta.

Adjusted Shadow

9. Kako Izraditi Efekt Odsjaja

1. korak

Upotrijebite Elliptical Marquee Tool da izradite elipsu oko teksta.

Create an Elliptical Selection

2. korak

Izradite novi sloj na Gradient sloju i nazovite ga Light.

Ispunite selektiranu elipsu bojom #d6d6d6.

Fill the Selection

3. korak

Idite na Filter > Blur > Gaussian Blur, i podesite Radius na 50 ili bilo koju drugu vrijednost koju preferirate.

Gaussian Blur

4. korak

Sloju Light promijenite Blend Mode u Vivid Light i Opacity na 10% ili bilo koju drugu vrijednost koju želite.

Light Layers Settings

Čestitam, Završili Ste!

U ovom tutorijalu smo izradili jednostavnu pozadinu koristeći kožnu teksturu i gradijentnu ispunu da postignemo vinjeta efekt.

Zatim smo izradili tri sloja teksta i stilizirali ih kako bismo napravili efekt stakla.

Nakon toga smo upotrijebili Polygonal Lasso Tool alat za izradu polomljenih dijelova i krhotina, te smo stilizirali dijelove da odgovaraju efektu.

I na kraju smo dodali svjetlinu iza teksta, koristeći eliptični odabir i 'blur' filter za zamagljenje.

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

Final Result
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.