Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photoshop Actions
Design

Kako Izraditi Fantastičnu 'Raspršenu' Akciju u Adobe Photoshopu

by
Difficulty:IntermediateLength:LongLanguages:

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 ćete naučiti kako izraditi fantastičan efekt 'raspršenosti'.

Prvo ćemo napraviti nekoliko uzoraka koje ćemo upotrijebiti za izradu raspršenih dijelova. Zatim ćemo odrediti dijelove fotografije koje želimo raspršiti i izraditi dijelove. Nakon toga ćemo ih raspršiti u odabranom smjeru, transformirati ih, neke od njih zamagliti/zamutiti kako bismo dodali dubinu i na kraju još malo podesiti dizajn.

Pokušati ću sve vrlo detaljno objasniti kako bi svi mogli izraditi efekt, pa čak i oni koji su prvi puta u životu otvorili Photoshop.

Na slici iznad je prikazan efekt koji ću vam pokazati kako izraditi u ovom tutorijalu. Ako želite pomoću jednog klika i u samo nekoliko minuta izraditi efekt prikazan na sljedećoj slici, pogledajte moju 'Dispersion Photoshop Action' akciju.

Dispersion photoshop action final results

Što vam je potrebno

Kako biste pratili ovaj tutorijal, biti će vam potrebna sljedeća fotografija:

1. Kako Započeti 

Prvo otvorite fotografiju sa kojom želite raditi. Da otvorite fotografiju, idite na File > Open, odaberite fotografiju i kliknite Open. Prije nego što počnemo, provjerite nekoliko stvari:

  1. Vaša fotografija bi trebala biti u RGB Color modu, 8 Bits/Channel. Idite na Image > Mode kako biste to provjerili.
  2. Za postizanje najboljih rezultata, fotografija bi trebala biti 1500–4000 px širine/dužine ('width/height'). Idite na Image > Image Size kako biste to provjerili.
  3. Fotografija bi vam trebala biti Background sloj. Ako nije, idite na Layer > New > Background from Layer.
Checking image size and mode

2. Kako Izraditi Uzorke

1. korak

U ovom koraku ćemo izraditi neke uzorke koje ćemo upotrijebiti za izradu raspršenih dijelova. Stoga idite na File > New da napravite novu datoteku, nazovite je Pattern 1 i odaberite postavke prikazane ispod:

Creating new file named Pattern 1

2. korak

Sada odaberite Ellipse Tool i kliknite lijevim gumbom miša bilo gdje unutar radne površine da izradite elipsu i odaberite dolje prikazane postavke: Zatim smjestite elipsu točno u sredinu radne površine.

Creating new ellipse

3. korak

Kliknite lijevim gumbom miša ikonu oka na Background sloju kako biste ga sakrili, idite na Edit > Define Pattern da odredite novi uzorak i nazovite ga Circle_Pattern_1.

Defining new pattern named Circle Pattern 1

4. korak

Sada možete zatvoriti Pattern 1 datoteku. Idite na File > New da napravite novu datoteku, nazovite je Pattern 2 i unesite ispod prikazane postavke:

Creating another new file named Pattern 2

5. korak

Odaberite Ellipse Tool i kliknite lijevim gumbom miša bilo gdje unutar radne površine da izradite elipsu, i odaberite postavke prikazane na sljedećoj slici: Zatim smjestite elipsu točno u sredinu radne površine.

Creating another ellipse

6. korak

Kliknite lijevim gumbom miša ikonu oka na Background sloju da ga sakrijete, idite na Edit > Define Pattern da definirate uzorak i nazovite ga Circle_Pattern_2.

Defining new pattern named Circle Pattern 2

7. korak

Sada možete zatvoriti datoteku Pattern 2. Idite na File > New da napravite novu datoteku, nazovite je Pattern 3 i odaberite ispod prikazane postavke:

Creating another new file named Pattern 3

8. korak

Odaberite Ellipse Toolkliknite lijevim gumbom miša bilo gdje unutar radne površine da izradite elipsu, i odaberite postavke prikazane na sljedećoj slici: Zatim smjestite elipsu točno u sredinu radne površine.

Creating another ellipse

9. korak

Kliknite lijevim gumbom miša ikonu oka na Background sloju kako biste ga sakrili, idite na Edit > Define Pattern da odredite novi uzorak i nazovite ga Circle_Pattern_3.

Defining new pattern named Circle_Pattern_3

3. Kako Izraditi Bazu

1. korak

U ovom dijelu ćemo izraditi bazu koja određuje koji dijelovi fotografije će biti raspršeni. Idite na Layer > New > Layer da napravite novi sloj i nazovite ga Base.

Creating new layer named Base

2. korak

Sada uzmite Brush Tool (B), odaberite meki kist, podesite veličinu kista i njime obojite dijelove koje želite raspršiti. Možete upotrijebiti bilo koju boju - uopće nije važno.

Creating the base

4. Kako Izraditi Dijelove

1. korak

U ovom dijelu ćemo izraditi dijelove koje ćemo raspršiti kasnije. Pritisnite Control-kliknite na minijaturu/sličicu ('thumbnail') Base sloja kako biste selektirali taj sloj.

Making selection of the Base layer

2. korak

Sada sakrijte Base sloj klikom na ikonu oka tog sloja. Odaberite Lasso Tool (L), kliknite desnim gumbom miša bilo gdje unutar radne površine, odaberite Make Work Path, i unesite postavke prikazane dolje na slici:

Making work path from selection

3. korak

Selektirajte Background sloj i idite na Layer > New > Layer kako biste izradili novi sloj. Ostavite zadano ime Layer 1 jer ćemo ovaj sloj ionako obrisati u jednom od sljedećih koraka.

Creating a new layer for filling it with Circle_Pattern_1

4. korak

Odaberite Pen Tool (P), kliknite desnim gumbom unutar radne površine, odaberite Fill Path, i zatim odaberite Circle_Pattern_1 kao Custom Pattern. Unesite ostale postavke prikazane ispod:

Filling work path with Circle_Pattern_1

5. korak

Sada pritisnite Control-kliknite na sličicu/minijaturu ('thumbnail') sloja Layer 1 kako biste ga odabrali, selektirajte Background sloj i odaberite Layer > New > Layer Via Copy.

Creating a new layer via copy to create first medium parts

6. korak

Dvaput kliknite na naziv Layer 2 i promijenite ga u MP_1 pošto su to dijelovi srednje veličine. Zatim kliknite desnim gumbom miša na Layer 1 odaberite Delete Layer.

Deleting Layer 1 and renaming Layer 2 to MP_1

7. korak

Sada, kako biste izradili više dijelova srednje veličine, ponovite sve korake od 3. koraka do 6. koraka u ovom poglavlju. Naravno, u 6. koraku promijenite ime prema broju sloja sa srednjim dijelovima. Ponovite ove korake koliko god puta želite, ovisno o tome kliko dijelova želite izraditi. Ja sam ih ponovio 49 puta i izradio 50 slojeva sa dijelovima srednje veličine.

Creating more medium parts

8. korak

Kako bi nam kasnije bilo mnogo lakše s njima raditi, sada ćemo sve dijelove zajedno grupirati. Stoga, dok je selektiran vaš posljednji sloj sa dijelovima srednje veličine, pritisnite Shift-kliknite na prvi sloj srednje velikih dijelova na vrh, idite na Layer > New > Group from Layers da napravite novu grupu za ove slojeve i nazovite je Medium Parts.

Creating new group named Medium Parts

9. korak

Sada ćemo izraditi male dijelove. Selektirajte Background sloj i idite na Layer > Name > Layer da izradite novi sloj, ostavite zadano ime Layer 1 jer ćemo ga kasnije, u jednom od sljedećih nekoliko koraka, obrisati.

Creating a new layer for filling it with Circle_Pattern_2

10 .korak

Uzmite Pen Tool (P), kliknite desnim gumbom miša bilo gdje unutar radne površine, odaberite Fill Path, i zatim odaberite Circle_Pattern_2 kao Custom Pattern. Unesite druge postavke prikazane ispod:

Filling work path with Circle_Pattern_2

11. korak

Sada pritisnite Control-kliknite na sličicu ('thumbnail') sloja Layer 1 da napravite selekciju tog sloja, odaberite Background sloj i zatim odaberite Layer > New > Layer Via Copy.

Creating a new layer via copy to create first small parts

12. korak

Dvaput kliknite na ime Layer 2 i promijenite naziv u SP_1 pošto su to mali dijelovi. Zatim kliknite desnim gumbom miša na sloj Layer 1 i odaberite Delete Layer.

Deleting Layer 1 and renaming Layer 2 to SP_1

13. korak

Sada, kako biste izradili više malih dijelova, ponovite sve korake od 9. koraka do 12. koraka u ovom poglavlju. Naravno, u 12. koraku promijenite naziv prema broju slojeva sa malim dijelovima. Ponovite ove korake koliko god puta želite, ovisno o tome kliko dijelova želite izraditi. Ja sam ih ponovio 14 puta i izradio 15 slojeva malih dijelova.

Creating more small parts

14. korak

Ove dijelove ćemo također grupirati. Stoga, dok je selektiran vaš posljednji sloj sa malim dijelovima, pritisnite Shift-kliknite na prvi sloj malih dijelova na vrhu, idite na Layer > New > Group from Layers da napravite novu grupu za ove slojeve i nazovite je Small Parts.

Creating new group named Small Parts

15. korak

Sada ćemo izraditi velike dijelove. Selektirajte Background sloj i idite na Layer > Name > Layer da izradite novi sloj, ostavite zadano ime Layer 1 jer ćemo ga kasnije, u jednom od sljedećih nekoliko koraka, obrisati.

Creating new layerCreating a new layer for filling it with Circle_Pattern_3

16. korak

Uzmite Pen Tool (P)kliknite desnim gumbom miša bilo gdje unutar radne površine, odaberite Fill Path, i zatim odaberite Circle_Pattern_3 kao Custom Pattern. Unesite ostale ispod prikazane postavke:

Filling work path with Circle_Pattern_3

17. korak

Sada pritisnite Control-kliknite na sličicu ('thumbnail') sloja Layer 1 da napravite selekciju tog sloja, odaberite Background sloj i zatim odaberite Layer > New > Layer Via Copy.

Creating a new layer via copy to create first large parts

18. korak

Dvaput kliknite na ime Layer 2 i promijenite naziv u LP_1 pošto su ovo mali dijelovi. Zatim kliknite desnim gumbom na Layer 1 i odaberite Delete Layer.

Deleting Layer 1 and renaming Layer 2 to LP_1

19. korak

Kako biste izradili više malih dijelova, sada ponovite sve korake od 15. koraka do 18. koraka u ovom poglavlju. Naravno, u 18. koraku promijenite naziv prema broju slojeva sa malim dijelovima. Ponovite ove korake koliko god puta želite, ovisno o tome kliko dijelova želite izraditi. Ja sam ove korake ponovio 13 puta i izradio 14 slojeva s velikim dijelovima.

Creating more large parts

20. korak

Ove dijelove ćemo također grupirati. Stoga, dok je selektiran vaš posljednji sloj sa velikim dijelovima, pritisnite Shift-kliknite na prvi sloj velikih dijelova na vrhu, idite na Layer > New > Group from Layers da napravite novu grupu za ove slojeve i nazovite je Large Parts.

Creating new group named Large Parts

21. korak

Sada Large Parts grupu povucite iznad grupe Medium Parts. Zatim odaberite Pen Tool (P), kliknite desnim gumbom miša bilo gdje unutar radne površine i odaberite Delete Path.

Changing layer order and deleting path

5. Kako Raspršiti Dijelove

1. korak

U ovom poglavlju ćemo raspršiti dijelove. Uzmite Move Tool (V) i počnite selektirati slojeve dijelova u Layers kartici i počnite ih pomicati kako bi postigli raspršeni efekt. Možete ih raspršiti u kojem god smjeru želite. Ja ću ih raspršiti u smjeru prema gore. Evo mojeg rezultata:

Dispersing the parts

2. korak

Sada ćemo zamagliti neke dijelove kako bismo dodali dubinu. Selektirajte neke slojeve sa dijelovima, idite na Filter > Blur > Gaussian Blur i unesite postavke prikazane na sljedećoj slici:

Bluring the parts layer

3. korak

2. korak možete ponoviti da zamaglite koliko god dijelova želite. Također, možete upotrijebiti različite Radius vrijednosti u Gaussian Blur kartici. Ja sam zamaglio sveukupno 14 dijelova, i evo mojeg rezultata:

Bluring more parts layers

4. korak

Sada ćemo promijeniti naziv svih slojeva koje smo zamaglili u BP_1, BP_2, i tako dalje, ovisno o tome koliko zamagljenih slojeva imate. Ovako će nam kasnije, ako se ukaže potreba, biti lakše podesiti efekt.

Zatim selektirajte sve zamagljene slojeve sa dijelovima, u mojem slučaju to su svi slojevi od BP_1 do BP_14 pošto sam zamaglio 14 dijelova, i idite na Layer > New > Group from Layers da napravite novu grupu od tih slojeva. Nazovite je Blurred Parts. Smjestite ovu grupu iznad svih ostalih grupa sa dijelovima, odmah ispod Base sloja.

Creating new group named Blurred Parts

5. korak

Sada ćemo neke dijelove transformirati kako bismo pojačali dubinu. Selektirajte neke od slojeva sa dijelovima, pritisnite Control-T tipke na tipkovnici i promijenite širinu i visinu kao što je prikazano ispod:

Tranforming the parts layer

6. korak

5. korak možete ponoviti da transformirate koliko god želite dijelova. Također možete upotrijebiti različite vrijednosti za transformaciju. Ja sam ih transformirao sveukupno devet, i ovo je moj rezultat:

Transforming more parts layers

7. korak

Sada možete na dijelovima napraviti neke završne promjene, poput zamagljenja nekih dijelova, transformiranja, promjene njihove pozicije, izrade još dijelova kopiranjem nekih slojeva ili uklanjanjem nekih dijelova skrivajući neke slojeve ili koristeći Eraser Tool (E) i meki kist. Evo mojeg rezultata:

Final changes to the parts

6. Kako Dodati Pokret

1. korak

U ovom poglavlju ćemo dijelovima dodati pokret. Kliknite na ikonu oka Background sloja, pokraj sličice ('thumbnail), kako biste ga sakrili, selektirajte Blurred Parts grupu i zatim na tipkovnici pritisnite tipke Control-Alt-Shift-E.

Hiding Background layer and merging visible

2. korak

Promijenite Blending mode ovog sloja u Screen, idite na Filter > Blur > Gaussian Blur i unesite ispod prikazane postavke.

Adding gaussian blur filter to Layer 1

3. korak

Sada opet na tipkovnici pritisnite tipke Control-Alt-Shift-E za izradu 'screenshota'. Zatim idite na Filter > Blur > Motion Blur i odaberite ispod prikazane postavke:

Adding motion blur filter to Layer 2

4. korak

Idite na Filter > Distort > Wave i odaberite ispod prikazane postavke:

Adding distort wave filter to Layer 2

5. korak

Sada kliknite desnim gumbom miša na Layer 1 u Layers kartici, odaberite Delete Layer i kliknite na ikonu oka sloja Layer 2 koja se nalazi pokraj sličice ('thumbnail'), kako biste sakrili taj sloj. Selektirajte grupu Blurred Parts i pritisnite opet tipke Control-Alt-Shift-E.

Deleting Layer 1 and merging visible

6. korak

Sada odaberite Layer 2 i kliknite na ikonu oka pokraj sličice. Pritisnite Control-kliknite na sličicu ('thumbnail') sloja Layer 3 da selektirate taj sloj, odaberite Move Tool (V) i kliknite Align Bottom Edges u gornjem izborniku. Zatim idite na Select > Deselect da uklonite selekciju.

Aligning Layer 2 with selection of Layer 3

7. korak

Kliknite desnim gumbom miša na Layer 3 i odaberite Delete Layer. Zatim kliknite na ikonu oka Background sloja kako biste prikazali taj sloj. Povucite Layer 2 odmah iznad Background sloja, dvaput kliknite na njegovo ime i promijenite naziv u Parts Motion. Smanjite mu Opacity na 20%.

Renaming Layer 2 to Parts Motion and changing its opacity

7. Kako Dijelovima Dodati Kontrast

1. korak

U ovom poglavlju ćemo dijelovima dodati kontrast. Pritisnite tipku D na tipkovnici da resetirate uzorke, odaberite grupu Blurred Parts i idite na Layer > New Adjustment Layer > Gradient Map da napravite novi 'curves' sloj za podešavanje ('adjustment layer'). Nazovite ga Parts Contrast.

Creating new gradient map adjustment layer named Parts Contrast

2. korak

Sada ovom sloju promijenite 'blending mode' u Soft Light i smanjite Opacity na 20%.

Changing blending mode and opacity of Parts Contrast layer

3. korak

Sada, dok je Parts Contrast sloj selektiran, pritisnite tipku Shift-kliknite na Parts Motion sloj da selektirate ta dva sloja i sve slojeve koji se nalaze između njih, te idite zatim na Layer > New > Group from Layers da napravite grupu od tih selektiranih slojeva. Nazovite je Parts i promijenite 'blending mode' u Normal.

Creating new group named Parts

8. Kako Primijeniti Završna Podešenja

1. korak

U ovom poglavlju ćemo napraviti neka konačna podešavanja na našem dizajnu. Idite na Layer > New Adjustment Layer > Curves da izradite novi 'curves' sloj za podešavanje ('adjustment layer') i nazovite ga Color Look.

Creating new curves adjustment layer named Color Look

2. korak

Dvaput kliknite na sličicu ('thumbnail') Color Look sloja i unesite sljedeće postavke:

Changing settings of Color Look adjustment layer

3. korak

Sada idite na Layer > New Adjustment Layer > Vibrance da izradite novi 'vibrance' sloj za podešavanje ('adjustment layer') i nazovite ga Overall Vibrance.

Creating new vibrance adjustment layer

4. korak

Dvaput kliknite sličicu ('thumbnail') Overall Vibrance sloja i unesite sljedeće postavke:

Changing settings of Overall Vibrance adjustment layer

5. korak

Pritisnite tipku D na tipkovnici da resetirate uzorke i idite na Layer > New Adjustment Layer > Gradient Map da napravite novi 'gradient map' sloj za podešavanje ('adjustment layer'). Nazovite ga Overall Contrast.

Creating new gradient map adjustment layer named Overall Contrast

6. korak

Ovom sloju promijenite 'blending mode' u Soft Light i smanjite Opacity na 15%.

Changing blending mode and opacity of Overall Contrast layer

7. korak

I na kraju ćemo dizajnu dodati oštrinu. Pritisnite tipke Control-Alt-Shift-E na tipkovnici da napravite 'snapshot' snimku, idite na Filter > Other > High Pass te odaberite ispod prikazane postavke:

Adding high pass filter to Layer 1

8. korak

Sada dvaput kliknite na naziv Layer 1 i promijenite ime u Overall Sharpening. Zatim mu promijenite 'blending mode' u Hard Light i smanjite Opacity na 80%.

Renaming Layer 1 to Overall Sharpening and changing its blending mode and opacity

Uspjeli ste!

Čestitam, uspjeli ste doći do kraja! Evo našeg konačnog rezultata:

Final result

Manualna izrada ovog efekta zaista može biti dugotrajna i zahtjevna. Ako želite izraditi efekt raspršivanja sa samo jednim klikom u svega nekoliko minuta, sa smjerom i oblikom dijelova po vašoj želji, pogledajte moju 'Dispersion Photoshop Action' akciju.

Dispersion photoshop action final results

Akcija funkcionira tako da samo prijeđete kistom preko dijelova koje želite raspršiti, odaberete oblik i smjer te pokrenete akciju. Akcija će sve sama učiniti umjesto vas u nekoliko minuta i pružiti vam u potpunosti slojeviti rezultat kojega možete podesiti po vlastitoj želji. Akcija uključuje 13 različitih oblika od kojih možete birati:

  • krug
  • srce
  • dijamant
  • zvijezdu
  • trokut
  • heksagon
  • muzičku notu
  • krug-liniju
  • srce-liniju
  • dijamant-liniju
  • zvijezdu-liniju
  • trokut-liniju
  • heksagon-liniju

I također pet različitih smjerova raspršivanja od kojih možete odabrati:

  • desno
  • lijevo
  • gore
  • dolje
  • sredinu
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.