Advertisement
  1. Design & Illustration
  2. Text Effects

Kako u Adobe Photoshopu Izraditi Meki, Pernati Tekst Efekt Nadahnut Bajkom Ružno Pače

Scroll to top
Read Time: 6 min
This post is part of a series called Fairy Tale Week.
How to Create a House Icon in Adobe Illustrator

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

Ovaj tutorial će vam pokazati kako izraditi mekani, pernati tekst efekt inspiriran Ružnim Pačetom, koristeći jednostavne teksture, modificirane vrhove kistova i slojeve za prilagođavanje. Počnimo!

Ovaj tekst efekt inspiriran je mnogim Layer Style stilovima (stilovi slojeva) dostupnima na Envato Marketu.

Resursi za tutorial

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

1. Izradite Pozadinu

1. korak

Izradite novi 1000 x 750px dokument, smjestite Black Smoke sliku teksture iznad Background sloja, promijenite joj veličinu po potrebi i promijenite joj naziv sloja u BG Texture.

Add the BG Texture LayerAdd the BG Texture LayerAdd the BG Texture Layer

2. korak

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

Gradient Adjustment LayerGradient Adjustment LayerGradient Adjustment Layer

3. korak

Kreirajte gradijentnu ispunu koristeći boje #716c52 s lijeva i boje #00002e zdesna. Zatim promijenite Style u Radial, Scale u 150 i označite Dither kućicu.

Gradient Fill SettingsGradient Fill SettingsGradient Fill Settings

4. korak

Zakvačite Gradient sloj za prilagođavanje (Adjustment layer) na BG Texture sloj i zatim mu promijenite Blend Mode u Color i Opacity na 50%.

Gradient Layer SettingsGradient Layer SettingsGradient Layer Settings

2. Izradite Tekst

1. korak

Izradite tekst koristeći font Berkshire Swash. Podesite Size na 300 pt i Tracking vrijednost na 150.

Create the TextCreate the TextCreate the Text

2. korak

Smjestite feathers teksturu iznad svih slojeva teksta i promijenite joj veličinu tako da prekriva cijeli tekst a zatim promijenite naziv sloja u Text Fill.

Add the Feathers TextureAdd the Feathers TextureAdd the Feathers Texture

3. Maskirajte Ispunu Teksta

1. korak

Pritisnite Command-kliknite na sličicu (thumbnail) sloja teksta da kreirate selekciju i pazite da vam je sloj teksta nevidljiv.

Create a SelectionCreate a SelectionCreate a Selection

2. korak

Selektirajte Text Fill sloj i zatim kliknite Add layer mask ikonu na dnu Layers kartice da maskirate selekciju. 

Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

3. korak

Dodajte Hue/Saturation "adjustment layer" sloj i zakvačite na Text Fill sloj. Promijenite Hue u -43 i Saturation u -85.

HueSaturation SettingsHueSaturation SettingsHueSaturation Settings

4. Modificirajte Kist sa Perjem

Odaberite Brush Tool i otvorite Brush karticu (Window > Brush).

Odaberite Falln-Brushes Feathers2 vrh iz Feathers Brushes Set 1 kompleta i modificirajte postavke kao što je prikzano ispod na primjeru:

Brush Tip Shape

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Shape Dynamics

Shape DynamicsShape DynamicsShape Dynamics

Color Dynamics

Color DynamicsColor DynamicsColor Dynamics

5. Primijenite Potez Kista na Tekst

1. korak

Kliknite desnim gumbom na sloj teksta i odaberite Create Work Path.

Create Work PathCreate Work PathCreate Work Path

2. korak

Podesite Foreground Color na #e1e0e0 i Background Color na #c4c3c2 i zatim izradite novi sloj iznad svih slojeva i nazovite ga Feather Stroke.

Feather Stroke LayerFeather Stroke LayerFeather Stroke Layer

3. korak

Pritisnite Return tipku tri puta da primijenite rub (stroke) na putanju.

Odaberite Direct Selection Tool (A) i pritisnite Return tipku još jednom da se riješite radne putanje.

Stroke the PathStroke the PathStroke the Path

4. korak

Možete dodati masku Feather Stroke sloju, podesite Foreground Color u Crnu i upotrijebite Brush Tool sa istim modificiranim vrhom kista pera da obrišete sve neželjene dijelove linije.

Ovdje je to upotrijebljeno za brisanje ruba na dijelu slova g kako bi odvojili donje i gornje dijelove.

Erase Unwanted AreasErase Unwanted AreasErase Unwanted Areas

6. Ispunite Tekst sa Kistom Perja

1. korak

Izradite novi sloj iznad svih slojeva i slikajte preko sredine teksta da ga ispunite sa kistom od perja.

Ako želite, za to možete dodati višestruke slojeve. To će pomoći da ispuni dodate malo više dubine.

Fill the Text with the BrushFill the Text with the BrushFill the Text with the Brush

2. korak

Smjestite sve slojeve perja u grupu i nazovite grupu Feather Fill.

Feather Fill GroupFeather Fill GroupFeather Fill Group

3. korak

Dodajte Brightness/Contrast adjustment layer sloj i prikvačite ga Feather Fill grupi. Zatim promijenite Brightness u -10 da potamnite malo perje.

BrightnessContrast Adjustment LayerBrightnessContrast Adjustment LayerBrightnessContrast Adjustment Layer

7. Dodajte Još Perja

1. korak

Izradite novi sloj iznad svih slojeva i nazovite ga Edge Feathers.

Upotrijebite isti vrh kista s perjem da kliknete i povučete prilično blizu rubova kako biste dodali još perja.

Add Feathers to the EdgesAdd Feathers to the EdgesAdd Feathers to the Edges

2. korak

Izradite novi sloj iznad svih slojeva i nazovite ga Floating Feathers.

Povećajte malo veličinu kista i zatim kliknite da dodate neka lebdeća pera oko teksta.

Kada završite, kliknite desnim gumbom na Floating Feathers sloj, odaberite Convert to Smart Object i promijenite Opacity u 55%.

Add the Floating FeathersAdd the Floating FeathersAdd the Floating Feathers

3. korak

Idite na Filter > Blur > Radial Blur i promijenite Amount u 2.

Radial BlurRadial BlurRadial Blur

8. Sjedinite i Duplicirajte Slojeve Teksta

1. korak

Grupirajte sve slojeve iznad originalnog nevidljivog sloja teksta i nazovite grupu Text.

Text GroupText GroupText Group

2. korak

Duplicirajte Text grupu i zatim idite na Layer > Merge Group. Duplicirajte sjedinjeni grupirani sloj i smjestite kopiju ispod Text grupe.

Promijenite naziv gornjeg sloja u High Pass i donjeg u Shadow.

Merge Duplicate and Change the Layers OrderMerge Duplicate and Change the Layers OrderMerge Duplicate and Change the Layers Order

9. Stilizirajte Sloj Sjene

1. korak

Shadow sloju promijenite Fill vrijednost u 0.

Fill ValueFill ValueFill Value

2. korak

Dvostrukim klikom na Shadow sloj primijenite Drop Shadow efekt s ovim postavkama::

  • Color: #656565
  • Opacity: 30%
  • Uklonite oznaku s Use Global Light kućice
  • Angle: 113
  • Distance: 50
  • Size: 50
Drop ShadowDrop ShadowDrop Shadow

To će tekstu dodati suptilnu sjenu.

Applied ShadowApplied ShadowApplied Shadow

10. Primijenite High Pass Filter

1. korak

Odaberite High Pass sloj i zatim idite na Filter > Other > High Pass i promijenite Radius u 2.

High Pass FilterHigh Pass FilterHigh Pass Filter

2. korak

High Pass sloju promijenite Blend Mode u Hard Light i Opacity na 70%.

High Pass Layer SettingsHigh Pass Layer SettingsHigh Pass Layer Settings

11. Dodajte Šljokice

1. korak

Smjestite Glitter texture 4 iznad svih slojeva, promijenite veličinu po potrebi, promijenite naziv sloja Glitter, i konvertirajte u Smart Object.

Prikvačite Glitter sloj na High Pass sloj i promijenite Blend Mode u Lighten.

Add the Glitter LayerAdd the Glitter LayerAdd the Glitter Layer

2. korak

Idite na Image > Adjustments > Levels i zatim promijenite Input Shadows vrijednost na 30, Gamma vrijednost u 0.50, i Highlights vrijednost u 226.

Možete također promijeniti Output Highlights vrijednost u 215.

Pokušavamo potamniti teksturu da dobijemo suptilnije svjetlucavo prekrivanje, stoga se slobodno poigrajte malo s vrijednostima dok ne dobijete rezultat koji vam se sviđa.

Ako ne možete primijeniti Levels direktno na Smart Object, umjesto toga možete upotrijebiti sloj za prilagođavanje (Adjustment layer).

Levels ValuesLevels ValuesLevels Values

12. Modificirajte Kist sa Iskricama

Odaberite Brush Tool i otvorite opet Brush karticu.

Odaberite bilo koji vrh kista iz Chic Sparkles seta i modificirajte njegove postavke ovisno o tome kako želite da iskrice izgledaju.

Evo vrijednosti koje su ovdje korištene:

Brush Tip Shape

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

Shape Dynamics

Shape DynamicsShape DynamicsShape Dynamics

Scattering

ScatteringScatteringScattering

13. Dodajte Iskrice

1. korak

Izradite novi sloj iznad svih slojeva, nazovite ga Sparkles i zatim mu promijenite Blend Mode u Vivid Light.

Pazite da vam je Foreground Color još uvijek podešena na #e1e0e0 i zatim počnite klikati i lagano povlačiti da dodate malo iskrica oko teksta.

Add the SparklesAdd the SparklesAdd the Sparkles

2. korak

Dodajte Hue/Saturation adjustment layer sloj i prikvačite ga na Sparkles sloj. Označite Colorize okvir i modificirajte druge postavke da dobijete boju koju želite.

Ovom ćemo se vratiti na kraju tutoriala, ali za sada, Hue vrijednost je podešena na 235, Saturation u 25, i Lightness u 15.

HueSaturation SettingsHueSaturation SettingsHueSaturation Settings

14. Dodajte Neke Slojeve za Prilagođavanje

1. korak

Dodajte Gradient Map adjustment layer sloj i označite Dither kućicu.

Izradite gradijentnu ispunu koristeći boju #3b326a s lijeva, #4c5073 u sredini i #a99c88 zdesna.

Zatim promijenite Blend Mode adjustment layer sloja u Hue i Opacity u 25%.

Gradient Map Adjustment LayerGradient Map Adjustment LayerGradient Map Adjustment Layer

2. korak

Dodajte Gradient adjustment layer sloj i upotrijebite Transparent to Fill Color gradijentnu ispunu koristeći boje #cdcdcd s lijeva i #d2d2d2 zdesna.

Promijenite Style u Reflected, Scale u 275 i označite Dither kućicu.

Gradient Adjustment LayerGradient Adjustment LayerGradient Adjustment Layer

3. korak

Gradient sloju promijenite Blend Mode u Color Burn.

Change the Blend ModeChange the Blend ModeChange the Blend Mode

15. Dodajte Teksturu i Modificirajte Boju Iskrica

1. korak

Texture 351 sliku smjestite iznad svih slojeva, promijenite joj veličinu po potrebi i zatim promijenite sloju Blend Mode u Soft Light i Opacity u 50%.

Add the Texture OverlayAdd the Texture OverlayAdd the Texture Overlay

2. korak

Sada se možete vratiti nazad na Sparkles sloj i ako želite opet izmijeniti vrijednosti njegova Hue/Saturation sloja. Ovdje smo samo promijenili Hue vrijednost u 55.

Adjust the HueSaturation ValuesAdjust the HueSaturation ValuesAdjust the HueSaturation Values

Čestitam, Završili Ste!

U ovom tutorialu smo upotrijebili teksturu i gradijent da kreiramo pozadinu.

Zatim smo izradili tekst, na njega primijenili teksturu perja, modificirali kist sa perom i upotrijebili ga da dodamo potez kista i ispunimo tekst. Nakon toga smo dodali teksturu šljokica i modificirali kist iskrica za dodatak tekstu.

Na kraju smo dodali neke slojeve za prilagođavanje i prekrivanje teksturom da dovršimo efekt.

Ispod možete ostaviti svoje komentare, prijedloge i 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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads