Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Photoshop Actions
Design

Kako u programu Adobe Photoshop napraviti akciju raspršivanja teksta

by
Difficulty:IntermediateLength:LongLanguages:

Croatian (Hrvatski) translation by Miroslava Ilić (you can also view the original English article)

Final product image
What You'll Be Creating

U ovom ćete tutorijalu naučiti kako napraviti efekt raspršivanja teksta. Prvo ćemo osmisliti i definirati nekoliko uzoraka i kistova. Zatim ćemo našem subjektu na slici dodati tipografski efekt i raspršiti slova u smjeru koji odaberemo. Nakon toga ćemo napraviti neke dodatne prilagodbe.

Nastojat ću sve objasniti u što više detalja kako bi efekt mogli kreirati svi, čak i oni koji su prvi put otvorili Photoshop.

U ovom ću vam tutorijalu pokazati kako dobiti gore prikazani efekt. Želite li u nekoliko minuta i samo jednim klikom dobiti efekte koji su prikazani dolje pogledajte ponudu pod Typography 4 Photoshop Action.

Action final results

Što je potrebno

Za gore prikazan dizajn trebat ćete dolje navedenu fotografiju plesača:

1. Kako započeti

1. korak

Prvo otvorite fotografiju na kojoj želite raditi. Odaberite File > Open, pronađite fotografiju i pritisnite Open. Zatim prije nego što počnemo provjerite sljedeće:

  1. Vaša bi fotografija trebala biti u modu RGB Color, kanal 8 bita, odnosno, 8 Bits/Channel. Za provjeru odaberite Image > Mode.
  2. Najbolji rezultat postići ćete fotografijom veličine 1500–4000 px wide/high. Za provjeru odaberite Image > Image Size.
  3. Vaša bi fotografija trebala biti pozadinski sloj, odnosno sloj Background. Nije li tako, odaberite Layer > New > Background from Layer.
Checking image mode and size

2. korak

Napravit ćemo efekt raspršivanja tipografije prema dolje i trebamo s donje strane proširiti platno, "canvas", te samo malo na lijevoj i desnoj strani da dobijemo više prostora za efekt. Odaberite Image > Canvas Size i primijenite dolje navedene postavke:

Expanding canvas

3. korak

Sada trebamo ovo prošireno platno prilagoditi. Odaberite Magic Wand Tool (W) i klikom na bijelo selektirajte cijelu bijelu površinu koju smo upravo dodali. Odaberite Edit > Fill i navedene postavke. Nakon toga pritiskom kombinacije tipki Control-D na tipkovnici uklonite selekciju.

Filling selection with content-aware

2. Kako kreirati uzorke i kistove

1. korak

U ovoj ćemo cjelini kreirati uzorke i kistove koji će nam trebati. Odaberite File > New za otvaranje nove datoteke, dajte joj ime Typography Pattern 1 i primijenite dolje navedene postavke:

Creating new file named Typography Pattern 1

2. korak

Odaberite Horizontal Type Tool (T), kliknite bilo gdje na platnu i upišite jedno slovo. Možete koristiti bilo koji font, stil fonta i veličinu. Ja sam odabrao font Arial, stil fonta Regular i veličinu 31.47 px. Nakon toga pritisnite Enter i koristeći istu metodu dodajte još nekoliko slova. Evo što sam ja dobio:

Creating typography pattern 1

3. korak

Klikom na ikonu oka uz sloj Background sakrijte sloj. Odaberite Edit > Define Pattern da definirate uzorak i dajte mu ime Typography_Pattern_1. Ostavite datoteku otvorenom.

Defining pattern named Typography_Pattern_1

4. korak

Ponovite prva dva koraka u ovoj cjelini, samo u 1. koraku datoteci dajte ime Typography Pattern 2, a u 2. koraku dodajte druga slova istog fonta, stila fonta i veličine koje ste koristili u prethodnom uzorku. Evo što sam ja dobio:

Creating typography pattern 2

5. korak

Sada kliknite na ikonu oka sloja Background da sakrijete sloj. Odaberite Edit > Define Pattern da definirate uzorak i dajte mu ime Typography_Pattern_2. Ostavite i ovu datoteku otvorenom.

Defining pattern named Typography_Pattern_2

6. korak

Ponovite prva dva koraka u ovoj cjelini, samo u 1. koraku dajte datoteci ime Typography Pattern 3 i u 2. koraku dodajte druga slova istog fonta, stila fonta i veličine koji ste koristili u prethodnim uzorcima. Evo što sam ja dobio:

Creating typography pattern 3

7. korak

Klikom na ikonu oka uz sloj Background sakrijte sloj. Odaberite Edit > Define Pattern da definirate uzorak i dajte mu ime Typography_Pattern_2. Ostavite i ovu datoteku otvorenom.

Defining pattern named Typography_Pattern_3

8. korak

Sada ćemo kreirati kistove. Selektirajte dokument Typography Pattern 1, odaberite Edit > Define Brush Preset i dajte mu ime Temp jer ćemo ovaj kist ukloniti u sljedećim fazama.

Defining brush named Temp

9. korak

Pritisnite B na tipkovnici, nakon desnog klika bilo gdje na platnu odaberite kist Temp i pritisnite Enter. Zatim odaberite Windows > Brush i u prozoru Brush primijenite sljedeće postavke:

Changing brush settings

10. korak

Sada ćemo ovaj kist (brush) definirati s novim postavkama kao novi kist. Odaberite Edit > Define Brush Preset i dajte mu ime Typography_Brush_1. Pritisnite B na tipkovnici i nakon desnog klika bilo gdje na platnu istovremeno pritisnite Alt-klik na kist Temp da ga uklonite.

Defining brush named Typography_Brush_1

11. korak

Ponovite korake od osmog do desetog da kreirate još dva kista iz preostala dva dokumenta Typography Pattern 2 i Typography Pattern 3. Dajte imena ovim novim kistovima u skladu s njihovim brojevima. Zatim zatvorite sve dokumente osim dokumenta s fotografijom.

Defining two more brushes

3. Kako postaviti bazu

1. korak

Sada trebamo postaviti bazu koja određuje koji će dio fotografije biti pretvoren u tipografiju. Baza će zapravo biti naš subjekt. Odaberite Layer > New > Layer za stvaranje novog sloja i dajte mu ime Base.

Creating new layer named Base

2. korak

Dok je sloj Base još selektiran dodajte boju subjektu na slici, plesaču. To možete napraviti na različite načine. Primjerice, možete selektirati subjekt ako odaberete Pen Tool (P), Magic Wand Tool (W), Lasso tool (L) ili neki drugi alat, a zatim samo ispunite selekciju bojom. Možete aktivirati Brush Tool (B) i samo tvrdim ili mekim kistom prelaziti preko fotografije.

Creating the base

4. Kako od subjekta napraviti tipografiju

1. korak

U ovoj ćemo cjelini kreirati efekt tipografije iz subjekta kojeg smo definirali u sloju Base. Primijenite istovremeno kombinaciju Control-klik na ikonu sloja Base da biste selektirali taj sloj, odaberite sloj Background, te Layer > New > Layer Via Copy.  Zatim sakrijte sloj Base klikom na ikonu oka.

Creating new layer via copy

2. korak

Odaberite File > New da otvorite novu datoteku, dajte joj ime Text i primijenite dolje navedene postavke. Za širinu i visinu (width/height) možete koristiti druge vrijednosti, s tim da dokument treba biti bar veličine dokumenta s fotografijom.

Ceating new file named Text

3. korak

Odaberite Horizontal Type Tool (T) i utipkajte tekst da ispuni cijeli dokument. Trebali biste koristiti isti font i stil fonta koje ste koristili za izradu uzoraka i kistova. Veličina fonta bi također trebala biti ista ili približna.

Slobodno napravite promjene na tekstu, povećajte ili smanjite razmak, prored i sl. Ukoliko vam sadržaj teksta nije važan možete koristiti generirani tekst da ubrzate proces.

Typing the text

4. korak

Zatim odaberite Move Tool (V), kliknite na platno i prevucite sloj s tekstom iz dokumenta Text na dokument s fotografijom i namjestite da sasvim prekriva subjekt na slici.  Dvoklikom na njegovo ime preimenujte sloj u Text.

Dragging the text layer to photo document

5. korak

Primijenite kombinaciju Control-klik na ikonu sloja Layer 1 da sloj selektirate i odaberite Layer > Layer Mask > Reveal Selection.

Making layer mask using selection

6. korak

Označite Layer 1 i povucite ga iznad sloja Text. Zatim odaberite Layer > Create Clipping Mask. Dvoklikom na njegovo ime preimenujte sloj u Text Color.

Creating clipping mask and renaming layer to Text Color

7. korak

Sada ćemo napraviti jednobojnu pozadinu. Označite sloj Background i odaberite Layer > New Fill Layer > Solid Color da napravite novi sloj s jednobojnom ispunom, dajte mu ime Background Color i primijenite ove postavke:

Creating new solid color fill layer

8. korak

Označite sloj Background i odaberite Layer > New > Layer Via Copy da duplirate sloj. Zatim taj sloj povucite ispod sloja Base i odaberite Filter > Blur > Gaussian Blur i ove postavke:

Adding gaussian blur filter to Background copy layer

9. korak

Sada odaberite File > Save As i spremite svoj dokument kao novu datoteku. Spremite datoteku pod kojim god imenom želite, ali zapamtite da ćete ju trebati kasnije za primjenu filtera. Zatim desnim klikom na sloj Background copy odaberite Delete Layer.

Saving document as a new file and deleting Background copy layer

10. korak

Trebamo neznatno korigirati rubove subjekta na slici. Odaberite masku sloja (layer mask) na sloju Text, zatim Select > Select and Mask i primijenite ove postavke:

Selecting and masking layer mask of Text layer

11. korak

Desnim klikom na ime sloja Text odaberite Convert to Smart Object. Zatim odaberite Filter > Displace, primijenite navedene postavke i odaberite OK. Otvorit će vam se prozor u kojem možete pronaći datoteku koju ste prethodno spremili, otvorite ju klikom na Open.

Adding displace filter to the Text layer

12. korak

Sada ćemo grupirati neke slojeve. Označite sloj Background Color, kombinacijom Shift-klik na sloj Text Color označite slojeve između, odaberite Layer > New > Group from Layers da napravite novu grupu slojeva, i dajte grupi ime Subject Typography.

Creating new group from layers nameds Subject Typography

5. Kako napraviti raspršena slova

1. korak

U ovoj ćemo cjelini napraviti slova koja ćemo kasnije raspršiti. Prvo ćemo napraviti još jedan sloj baze kojim ćemo definirati koji će se dijelovi raspršiti. Označite sloj Base, odaberite Layer > New > Layer za kreiranje novog sloja i dajte mu ime Base 2.

Creating new layer named Base 2

2. korak

Primijenite kombinaciju Control-klik na ikonu sloja Base da označite taj sloj i odaberite Layer > Layer Mask > Reveal Selection.

Making layer mask using selection

3. korak

Sada označite ikonu sloja Base 2, odaberite Brush Tool (B) i mekim ili tvrdim kistom prelazite preko područja koja želite raspršiti.

Creating the base 2

4. korak

Označite masku sloja na sloju Base 2, nakon desnog klika odaberite Apply Layer Mask.

Applying layer mask of Base 2 layer

5. korak

Kombinacijom Control-klik na ikonu sloja Base 2 označite sloj. Odaberite Lasso Tool (L), desnim klikom bilo gdje na platno odaberite Make Work Path i primijenite ove postavke:

Making work path

6. korak

Sada klikom na ikonu oka uz sloj Base 2 sakrijte sloj. Označite grupu Subject Typography i odaberite  Layer > New > Layer da napravite novi sloj. Ostavite zadano ime sloja Layer 1 jer ćemo ga kasnije izbrisati.

Creating a new layer named Layer 1

7. korak

Odaberite Pen Tool (P), desnim klikom bilo gdje na platno odaberite Fill Work Path i primijenite ove postavke:

Filling work path with Typography_Pattern_1
Custom Pattern je Typography_Pattern_1.

8. korak

Kombinacijom Control-klik na ikonu sloja Layer 1 napravite selekciju sloja, označite pozadinu, Background layer i odaberite Layer > New > Layer Via Copy za kopiju sloja i dajte joj ime L_1 (skraćeno od Letter_1). Zatim desnim klikom na Layer 1 odaberite Delete Layer da obrišete taj sloj.

Creating first letters layer

9. korak

Sada ponovite sve korake od šestog do osmog koliko god puta želite ovisno o broju slova koje želite napraviti koristeći uzorak Typography_Pattern_1. Ja sam postupak ponovio devet puta tako da sada imam ukupno deset slojeva sa slovima.

Creating more letters layers

10. korak

Sada ćemo napraviti još slojeva sa slovima, ali koristeći druge uzorke jer su i slova različita. Ponovite sve korake od šestog do osmog, ali u sedmom umjesto dosad primijenjenih postavki primijenite dolje navedene:

Filling work path with Typography_Pattern_2
Custom Pattern je Typography_Pattern_2.

11. korak

Sada ponovite deseti korak koliko god puta želite, ovisno o tome koliko slova želite napraviti koristeći Typography_Pattern_2. Ja sam postupak ponovio još devet puta tako da sada imam ukupno dvadeset slojeva sa slovima.

Creating more the letters layers

12. korak

Napravit ćemo još slojeva sa slovima, ali s našim zadnjim uzorkom jer imamo različita slova. Ponovite sve korake od šestog do osmog, ali u sedmom koraku umjesto zadnje primijenjenih postavki primijenite dolje navedene.

Filling work path with Typography_Pattern_3
Custom Pattern je Typography_Pattern_3.

13. korak

Sada ponovite dvanaesti korak koliko god puta želite ovisno o broju slova koja želite kreirati koristeći uzorak Typography_Pattern_3. Ja sam postupak ponovio još devet puta tako da sada imam ukupno trideset slojeva sa slovima.

Creating more letters layers

14. korak

Označite prvi sloj sa slovima, odaberite Filter > Displace, primijenite dolje navedene postavke i pritisnite OK. Nakon toga otvorit će vam se još jedan prozor u kojem možete odabrati prethodno spremljenu datoteku i otvoriti ju klikom na Open.

Displacing letters

15. korak

Označite sljedeći sloj sa slovima i uz kombinaciju Control-F primijenite prethodno primijenjen filter s istim postavkama. Koristite istu metodu za primjenu ovog filtera na sve ostale slojeve sa slovima.

Displacing other letters

16. korak

Sada ćemo grupirati sve slojeve sa slovima. Označite prvi, gornji sloj sa slovima i pritiskom kombinacije Shift-klik na zadnji sloj sa slovima označite sve takve slojeve, odaberite Layer > New > Group from Layers za novu grupu slojeva sa slovima i dajte joj ime Letters. Zatim ovu grupu povucite iznad grupe Subject Typography.

Creating new group from layers named Letters

6. Kako raspršiti slova

1. korak

U ovoj ćemo cjelini raspršiti slova koja smo upravo kreirali. Sve što sada trebate napraviti je aktivirati Move Tool (V), označiti sloj sa slovima koji želite i pomaknuti ga u željenom smjeru. Ja želim da se disperzija kreće prema dolje i evo što sam dobio:

Dispersing the letters

2. korak

Sada ćemo napraviti transformaciju nekih slova da dobijemo dubinu. Označite sloj slova koji želite transformirati i odaberite Lasso Tool (L), napravite desni klik bilo gdje na platnu i primijenite ove postavke:

Transforming the letters

3. korak

Ja sam napravio transformaciju još nekoliko slojeva sa slovima. Slobodno transformirajte koliko god slojeva želite, primijenite i različite vrijednosti za širinu i visinu (width/height). Evo što sam ja dobio:

Transforming a more letters

4. korak

Kako bismo dobili dubinu i dojmljiviji efekt neka ćemo slova "zamutiti". Označite sloj sa slovima kojem želite dodati zamućenje, odaberite Filter > Blur > Gaussian Blur i primijenite ove postavke: 

Adding gaussian blur filter to letters

5. korak

Ja sam "zamutio" još nekoliko slojeva sa slovima. Slobodno transformirajte koliko god slojeva želite i primijenite druge vrijednosti za filter Gaussian Blur. Evo što sam ja dobio:

Adding gaussian blur filter to more letters

6. korak

Sada još napravite samo završne promjene na raspršenim slovima, možete ih po želji pomicati, transformirati i dodavati zamućenje slojevima sa slovima. Isto tako slobodno pomaknite ili transformirahte cijelu grupu Letters, promijenite redoslijed slojeva u panelu slojeva Layers. Evo što sam ja dobio:

Making final changes to the letters

7. Kako napraviti efekt slova koja nedostaju

1. korak

U ovoj ćemo cjelini napraviti efekt slova koja nedostaju. Označite sloj Text i odaberite Layer > Layer Mask > Reveal All za dodavanje "blank" maske ovom sloju.

Making layer mask to Text layer

2. korak

Označite masku sloja na sloju Text i pritisnite D na tipkovnici za ponovno postavljanje "swatcheva". Odaberite Brush Tool (B), napravite desni klik bilo gdje na platnu, odaberite neki od tipogafskih kistova koje smo definirali u početku i pritisnite Enter. Zatim prijeđite kistom preko dijelova na kojima želite dobiti efekt slova koja nedostaju. Možete koristiti i meki kist za rubove. Evo što sam ja dobio:

Creating missing letters effect

8. Kako napraviti prilagodbe

1. korak

U ovoj ćemo cjelini napraviti neke završne prilagodbe efekta. Prvo ćemo dodati lijep kolorit. Zato označite grupu Letters, odaberite Layer > New Adjustment Layer > Curves za kreiranje sloja krivulja ispod sloja Base i dajte mu ime Color Look. 

Creating new curves adjustment layer

2. korak

Nakon dvoklika na ikonu sloja Color Look primijenite sljedeće postavke:

Changing settings of curves adjustment layer

3. korak

Sada ćemo dodati diskretan filter. Odaberite Layer > New Adjustment Layer > Photo Filter za novi filter sloja "adjustment" i dajte mu ime Photo Tint.

Creating new photo filter adjustment layer

4. korak

Nakon dvoklika na ikonu sloja Photo Tint primijenite navedene postavke:

Changing settings of photo filter adjustment layer

5. korak

Dodat ćemo još i diskretan kontrast. Pritisnite D na tipkovnici da ponovo postavite "swatcheve", odaberite Layer > New Adjustment Layer > Gradient Map da dodate novi sloj gradijenta, dajte mu ime Overall Contrast.

Creating new gradient map adjustment layer

6. korak

Promijenite Blending Mode sloja Overall Contrast na Soft Light i smanjite Opacity na 8%.

Changing blending mode and opacity of Overall Contrast layer

7. korak

Na kraju ćemo cijeli efekt "izoštriti". Pritisnite kombinaciju tipki Control-Alt-Shift-E, zatim odaberite Filter > Other > High Pass i primijenite ove postavke:

Adding high pass filter to Layer 1

8. korak

Dvoklikom na ime sloja Layer 1 promijenite sloju ime u Overall Sharpening. Promijenite mu Blending Mode u Hard Light i smanjite Opacity na 82%.

Changing name blending mode and opacity of Overall Sharpening layer

Uspjeli ste!

Čestitam, uspjeli ste! Ovo je naš krajnji rezultat:

Final result

Želite li napraviti dolje prikazan efekt samo jednim klikom i u svega nekoliko minuta pogledajte Typography 4 Photoshop Action.

Action final results

Ova akcija funkcionira na način da prijeđete kistom (pobrišete) mjesta na kojima želite postići raspršivanje slova, aktivirate akciju i akcija će odraditi sve umjesto vas, u potpunosti omogućavajući slojevite, prilagodljive promjene.

Možete odabrati između pet različitih smjerova disperzije:

  • desno
  • lijevo
  • gore
  • dolje
  • prema sredini

Svaki smjer omogućava tri različite veličine slova, fonta:

  • mali
  • srednji
  • veliki

Ova akcija svaki put kad je pokrenuta daje drugačiji, jedinstven rezultat, čak i kad primijenjena na isto područje disperzije. Slova će uvijek biti drugačije raspoređena i raspršena. "Subject Typography" je tekstni sloj u potpunosti dostupan za uređivanje. Možete koristiti svoj tekst, promijeniti font, stil fonta, razmak između slova, visinu i sl. Ova akcija vam stavlja na raspolaganje 10 prethodno kreiranih, "preset" boja.

Dostupna je uz detaljan video tutorijal koji pokazuje kako koristiti i prilagoditi izgled vaše akcije na način da iz efekta izvučete najviše.

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.