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

Kako Izraditi Tekst Efekt s Kapljicama Kiše 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

Upotreba Photoshopovih filtera i alfa kanala je odličan način da napravite selekcije i poigrate se njima. Ovaj tutorial će vam pokazati kako upotrijebiti jednostavne tehnike da izradite kišne kapi, zatim ih stilizirate i dodate im nekoliko tekstura i slojeva za prilagođavanje kako biste kreirali tekst efekt sa kišnim kapljicama.

Uzmite inspiraciju s EnvatoMarketa, promatrajući 'stock' fotografiju kišnih kapi. To vam može pomoći kada pokušavate kreirati kišne kapi realističnog izgleda za ovaj stil. 

Počnimo!

Resursi za Tutorial

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

1. Izradite Pozadinu i Tekst

1. korak

Izradite novi 1500 x 875 px dokument i ispunite Background sa Crnom.

Create a New Document

2. korak

Kreirajte tekst velikim slovima koristeći font CoreHumanistSans. Obavezno podesite Color (boju) u White (bijelu), Size (veličinu) na 350 ptTracking na -25.

Create the Text

3. korak

Kliknite desnim gumbom miša na sloj teksta i odaberite Convert to Smart Object.

Convert to Smart Object

2. Primijenite Filter

1. korak

Podesite Foreground i Background boje u Crnu i Bijelu.

Idite na Filter > Filter Gallery > Texture > Stained Glass. Promijenite Cell Size u 20, Border Thickness u 7Light Intensity u 3.

Stained Glass Filter

2. korak

Svaka od ćelija će tvoriti kapljicu, pa se možete poigrati s postavkama filtera da dobijete različite veličine.

Text Cells

3. korak

Odaberite Magic Wand Tool i uklonite oznaku Contiguous kućice u Options kartici. Zatim kliknite na jednu od bijelih ćelija da napravite selekciju.

Select the Cells

3. Izradite Kapljice

1. korak

Otvorite Channels karticu (Window > Channels) i kliknite Create new channel ikonu na dnu kartice.

Create a New Alpha Channel

2. korak

Sa selektiranim Alpha 1 kanalom odaberite Paint Bucket Tool i ispunite selekciju Bijelom bojom, zatim idite na Select > Deselect.

Fill the Alpha Channel

3. korak

Idite na Filter > Blur > Gaussian Blur i promijenite Radius na 5.

Gaussian Blur

4. korak

Idite na Image > Adjustments > Levels. Sljedeće što morate učiniti jest promijeniti Shadows i Highlights slajdere dok ne dobijete definirane kapljice.

Levels Sliders

5. korak

Pazite da rubove zadržite prilično glatkima, a ne oštro nazubljenima.

Defined Droplets

4. Učitajte Selekciju i Dodajte Sliku u Pozadini

1. korak

Kliknite RGB kanal i zatim idite nazad na Layers karticu.

Učinite Drops sloj nevidljiv klikom na ikonu oka pokraj njega.

Make the Drops Layer Invisible

2. korak

Idite na Select > Load Selection i odaberite Alpha 1 kanal iz Channel padajućeg izbornika.

Load Selection

3. korak

Izradite novi sloj, nazovite ga Drops 1, ispunite selekciju sa Bijelom bojom i zatim kliknite Deselect.

Fill the Selection

4. korak

Drops 1 sloju promijenite Fill vrijednost u 0, duplicirajte ga i promijenite ime kopije u Drops 2.

Duplicate the Drops Layer

5. korak

Možete dodati bilo koju pozadinu po vlastitom izboru, ali za ovaj tutorial ćemo upotrijebiti onu sa brušenim metalom i kišnim kapima.

Stoga dodajte Water on Metal Stock sliku na Background sloj i promijenite veličinu tako da pristaje unutar dokumenta.

Add the Background Image

5. Stilizirajte Drops 1 Sloj

Dvostrukim klikom na Drops 1 sloj primijenite sljedeći stil sloja (Layer Style):

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

  • Size: 7
  • Uklonite oznaku s Use Global Light kućice
  • Angle: 180
  • Altitude: 53
  • Označite Anti-aliased kućicu
  • Highlight Mode: Vivid Light
  • Opacity: 50%
  • Shadow Mode - Opacity: 15%
Bevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

  • Contour: Cone - Asymmetrical
  • Označite Anti-aliased okvir
Contour

3. korak

Dodajte Drop Shadow sa ovim postavkama:

  • Opacity: 5%
  • Distance: 3
  • Size: 5
Drop Shadow

To će stilizirati prvi sloj kapljica.

First Styled Drops Layer

6. Stilizirajte Sloj Drops 2

Dvostrukim klikom na sloj Drops 2 primijenite sljedeći stil sloja (Layer Style):

1. korak

Dodajte Bevel and Emboss sa ovim postavkama:

  • Size: 16
  • Uklonite oznaku s Use Global Light prozorčića
  • Angle: 27
  • Altitude: 53
  • Označite Anti-aliased prozorčić
  • Highlight Mode: Vivid Light
  • Opacity: 50%
  • Shadow Mode - Opacity: 5%

Svakako promijenite Angle i Altitude vrijednosti da uskladite svjetlinu kapljica na slici u pozadini koju koristite.

Bevel and Emboss

2. korak

Dodajte Contour sa ovim postavkama:

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

3. korak

Dodajte Inner Shadow sa ovim postavkama:

  • Opacity: 50%
  • Distance: 0
  • Size: 13
Drop Shadow

4. korak

To će stilizirati drugi sloj kapljica. Možete prilagoditi svoje vrijednosti po potrebi.

Second Styled Drops Layer

7. Modificirajte Pozadinu

1. korak

Kao što možete vidjeti, tekst ne izgleda dobro kada su kapljice raspoređene preko cijele pozadinske slike. Preklapaju se jedna preko druge, različitih su veličina, i nadilaze tekst.

Zato ćemo u sljedećem koraku ukloniti neke od tih kapljica da pojačamo i unaprijedimo konačni rezultat. Kako biste to postigli, uzmite Spot Healing Brush Tool i odaberite meki okrugli kist veličine kapljice.

Zatim slikajte kistom preko svake kapljice koju želite ukloniti. Možete prijeći nekoliko puta preko istog dijela sve dok neće izgledati čisto.

Remove the Background Image Drops

2. korak

Spot Healing Brush Tool bi trebao raditi sasvim u redu, ali slobodno upotrijebite i neki drugi alat kako biste postigli željeni rezultat.

Removed Drops

3. korak

Nastavite raditi na slici u pozadini dok ne dobijete rezultat koji vam se sviđa.

Final Background

8. Dodajte Još Teksture

1. korak

Sada ćemo dodati zamagljenu teksturu da prilagodimo svjetlinu kapljica i učinimo ih više realističnima.

Stoga dodajte Kagami - Texture 06 sliku iznad svih slojeva i nazovite je Drops Texture. Promijenite joj veličinu tako da prekrije cijeli tekst, zatim promijenite Blend Mode sloja u Soft Light i Opacity u 30%.

Add the Drops Texture

2. korak

Pritisnite Command-kliknite na sličicu (thumbnail) Drops sloja da napravite selekciju.  Zatim selektirajte Drops Texture sloj i kliknite Add layer mask ikonu na dnu Layers kartice.

Add Layer Mask

3. korak

Bokeh teksture su odličan način da malo jače istaknete dizajn.

Iznad svih slojeva dodajte bokeh texture sliku, promijenite joj veličinu koliko je potrebno i promijenite naziv sloja u Boxeh Texture. Promijenite Blend Mode sloja u Soft LightOpacity u 35%.

Add the Bokeh Texture

9. Dodaje Malo Boje

1. korak

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

Add a Gradient Map Adjustment Layer

2. korak

Odaberite gradijentnu ispunu ispod, označite Dither kućicu i promijenite Blend Mode 'Adjustment layer' sloja u Linear Burn te Opacity u 20%.

Adjustment Layer Options

3. korak

To će konačnom rezultatu dodati lijepo plavo obojenje.

Final Result

Čestitam! Završili ste

U ovom tutorialu smo kreirali bijeli tekst na crnoj pozadini i upotrijebili nekoliko filtera sa alfa kanalom da prebacimo tekst u malene kapljice.

Zatim smo stilizirali kapljice i dodali sliku za pozadinu. Nakon toga smo modificirali sliku u pozadinu da dobijemo bolji i čišći rezultat.

Na kraju smo dodali još malo tesktura i slojeva za prilagođavanje da pojačamo obojenje konačnog rezultata.

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.