U ovom članku ću vam pokazati kako da napravite realističnu animaciju vatre u Photoshopu bez upotrebe lukavih alata, trikova ili tehnika.

Možete kreirati gif.webp animaciju koristeći ovo metodom gotovo bilo koje teme, ovdje ću to pokazati na primjeru animacije vatrenog teksta.

Štaviše, tekst možete animirati na dva načina: vatra će gorjetinaslova, i, druga opcija - vatra će gorjeti ne na slovima, već nau obliku slova , tj. kreiraćemo animaciju plamena kao tekst.

Primjeri rezultata animacije zapaljenih slova i vatre u obliku teksta, koji se mogu dobiti tehnikom opisanom u materijalu:

Otvorite program Photoshop, kreirajte dokument 400 x 400 piksela. Pritisnite taster D na tastaturi, boje u paleti boja na traci sa alatkama postaju crne i stare, a crna je glavna jedan, zatim pritisnite kombinaciju tastera Alt + Delete, dokument će biti ispunjen crnom (prednjim planom) bojom.

Sada napišite neki tekst koristeći Horizontal Type Tool, neku riječ. Evo šta sam dobio:

Ako niste unapred podesili boju teksta (npr. ispao je tekst iste boje sa pozadinom, u našem slučaju crna, pa se tekst ne vidi zbog spajanja sa pozadinu), tada morate tekstu dati drugu boju.

Da biste to uradili, u panelu slojeva, dvaput kliknite na sličicu tekstualnog sloja (izgleda kao bijeli kvadrat sa slovom T), dok će sav tekst biti odabran, a zatim na vrhu Radni prozor Photoshopa, ispod glavnog menija, kliknite na tekst okvira u boji:

Nakon toga će se otvoriti paleta boja u kojoj možete postaviti bilo koju boju za tekst.

Kopirajte sloj teksta prevlačenjem sloja na ikonu "Kreiraj novi sloj"(Kreirajte novi sloj).

Onemogući vidljivost gornjeg sloja teksta.

Držite tipku Ctrl i kliknite na donji tekst i slojeve pozadine, dok su odabrani, i pritisnite kombinaciju tipki Ctrl + E da spojite odabrane slojeve u jedan.

Dalje, rotirajte platno za 90 stepeni u smeru kazaljke na satu, da biste to uradili, idite na karticu glavnog menija Slika ->Rotacija slike ->90° u smeru kazaljke na satu (Slika ->Rotacija slike ->90° CW). Zatim primijenite filter “Vjetar”, karticu Filter ->Stilizacija ->Vjetar (Filter ->Stiliziraj ->Vjetar).

Podesite metodu vetra, smer sa leve strane. Primijenite filter još tri do pet puta pritiskom na Ctrl+F tri do pet puta. Zatim rotirajte platno nazad koristeći Slika ->Rotacija slike ->90° u smjeru suprotnom od kazaljke na satu (Slika ->Rotacija slike ->90 °CCW ).

Imam ovu sliku:

Nakon toga, primenite filter talasanja ( Filter ->Distort ->Ripple, ili Filter ->Distort ->Ripple) sa parametrom Amount (Amount) 77% i Size: Large (Size: Medium).
Zatim dvaput primijenite Gaussov filter zamućenja sa radijusom zamućenja od jednog piksela. Rezultat je sljedeći:

Već liči na vatru, što naravno prija.

Sada kreirajte novi dokument pritiskom na Ctrl+N, povećajte veličinu, recimo 1200 puta 1200 piksela. I na njega primijenite Filter ->Render ->Clouds (Filter ->Render ->Glouds), zatim četiri puta primijenite Filter ->Render ->Clouds with overlay (Filter ->Render ->Difference Glouds).

Dalje, promijenite boju slike. Pritisnite tipke Ctrl + U (ili karticu menija Slika ->Korekcija ->Nijansa / Zasićenost, na engleskom Slika ->Prilagodbe ->Nijansa / Zasićenost). Otvara se prozorHue/Saturation, u kojem čekiramo Colorize box, takođe postavljamo parametar Hue na 40, a Saturation na 80. Kao rezultat, dobio sam ovako:

Ovaj sloj ću nazvati Oblaci.

Sljedeće otvorite oba dokumenta u prozorskom modu (možete promijeniti način prikaza dokumenta pomoću tipke F), glavni prozor Photoshopa će izgledati ovako:

I uz pomoć Move Tool (tipka V), prevucite dokument sa oblacima na dokument sa tekstom pomoću miša. U panelu sa slojevima, postavite sloj "Oblaci" između slojeva, izaberite režim mešanja "Osvetljavanje osnova" (Color Dodge) i postavite neprozirnost ispune na 85%.

Zatim, koristeći "Move" alat, prevucite sloj "Oblaci" što je moguće niže, ali tako da potpuno preklapa sloj "Background"

Otvorite panel za animaciju, Prozor ->Animacija (Prozor ->Animacija). Vidimo da je prvi okvir animacije kreiran automatski. Postavite vrijeme prikaza okvira na 0,1 sekundu, za to morate kliknuti na crni trokut na ikoni okvira:

Kreirajte drugi okvir animacije klikom na ikonu(kreirajte kopiju odabranih kadrova) u panelu animacije.

Zatim, koristeći "Move" alat, prevucite sloj "Oblaci" što je više moguće, ali tako da potpuno preklapa sloj "Background" . Ovaj sloj možete povući ne strogo prema gore, već prema gore i bočno, jer. linearna veličina ovog sloja je mnogo veća od pozadinskog.

Sada kreirajte srednje okvire animacije između ova dva. Kliknite na dugme "Kreiraj srednje okvire"

U prozoru koji se otvori unesite vrijednost 10 u parametar "Dodaj okvire" , kliknite na OK. Još deset prelaznih okvira će biti dodato između naša dva okvira, čija razlika leži u različitoj poziciji sloja "Oblaci" za svaki kadar. Pokrenite animaciju. Imam ovo:

Pa, već izgleda kao animacija vatre, ali se čini da se sam tekst ne vidi. Tekstualni sloj sa isključenom vidljivošću, koji je dupliran na samom početku, pomoći će nam da riješimo ovaj problem.
Važno! Idite na prvi okvir u paleti animacija.

Zatim u panelu slojeva uključite vidljivost gornjeg tekstualnog sloja i dajte mu stilove klikom na ikonu "Dodaj stil sloja"nalazi se na dnu ploče slojeva. Postavite stilove na sljedeći način: Emboss i Color Overlay, ostavite opcije Embossing zadane i postavite Color Overlay na crno 000000. Zatim u panelu slojeva postavite neprozirnost na 30%. Pa vec je bolje, jasno je da ne gori nesto, vec tekst:

Kao što se sjećamo, za kreiranje ove animacije u sloju "Oblaci" , korišten je mod blendinga "Lightening the basics" (Color Dodge), a neprozirnost ispune je bila 85%.

Pokušajmo koristiti druge vrijednosti.
Pređite na prvi kadar u paleti animacija, ovo je važno! Promijenite način miješanja sloja "Oblaci" u Overlay (Overlay ) i postavite neprozirnost na 100%, a zatim pokrenite animaciju vatre. Pogledajte rezultat:

Ali ova vatra mi se više sviđa od prve opcije. Možete još malo smanjiti neprozirnost sloja "Oblaci" .

Kategorija: