7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Kako Izraditi Tekst Efekt Razbijenog Stakla u Adobe Photoshopu

Read Time: 5 mins

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

Final product imageFinal product imageFinal 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 TextureAdd the Background TextureAdd the Background Texture

2. korak

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

Add a Levels Adjustment LayerAdd a Levels Adjustment LayerAdd a Levels Adjustment Layer

3. korak

Promijenite Gamma vrijednost u 1.10 i Highlights na 180.

Levels SettingsLevels SettingsLevels 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 FillGradient FillGradient Fill

5. korak

Gradient sloju promijenite Blend Mode u Color Burn.

Gradient Layers Blend modeGradient Layers Blend modeGradient 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 TextCreate the TextCreate the Text

2. korak

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

Duplicate the Text LayerDuplicate the Text LayerDuplicate 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 1Drop Shadow 1Drop 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 2Drop Shadow 2Drop Shadow 2

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

Drop Shadow and HighlightDrop Shadow and HighlightDrop 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 EmbossBevel and EmbossBevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

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

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 ShadowInner ShadowInner 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 GlowInner GlowInner 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 OverlayGradient OverlayGradient 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 GradientCreate the GradientCreate the Gradient

7. korak

Promijenite prvoj kopiji Fill vrijednost na 0.

Change the Fill ValueChange the Fill ValueChange 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 EmbossBevel and EmbossBevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

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

To će stilizirati posljednji dio efekta.

Styled Top LayerStyled Top LayerStyled 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 SelectionCreate a SelectionCreate 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 MaskAdd Layer MaskAdd Layer Mask

3. korak

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

Duplicate the MaskDuplicate the MaskDuplicate 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 PiecesCreate the Shattered PiecesCreate the Shattered Pieces

2. korak

Napravite dva puta duplikat Pieces sloja.

Duplicate the Pieces LayerDuplicate the Pieces LayerDuplicate 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 StylesCopy and Paste Layer StylesCopy and Paste Layer Styles

2. korak

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

Scale EffectScale EffectScale Effect

3. korak

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

Scale Effect for Copy LayersScale Effect for Copy LayersScale Effect for Copy Layers

4. korak

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

Drop Shadow DistanceDrop Shadow DistanceDrop Shadow Distance

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

Adjusted ShadowAdjusted ShadowAdjusted Shadow

9. Kako Izraditi Efekt Odsjaja

1. korak

Upotrijebite Elliptical Marquee Tool da izradite elipsu oko teksta.

Create an Elliptical SelectionCreate an Elliptical SelectionCreate an Elliptical Selection

2. korak

Izradite novi sloj na Gradient sloju i nazovite ga Light.

Ispunite selektiranu elipsu bojom #d6d6d6.

Fill the SelectionFill the SelectionFill the Selection

3. korak

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

Gaussian BlurGaussian BlurGaussian Blur

4. korak

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

Light Layers SettingsLight Layers SettingsLight 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 ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
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.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.