Creați zăpadă în zăpadă animată în Photoshop

Zăpada creată digital poate fi destul de greu de generat în Photoshop, într-un mod realist. Am publicat recent un tutorial care arată cum să adăugăm zăpadă la o imagine statică, așa că în acest tutorial am decis că ar fi distractiv să arătăm cum să creăm un efect realist de zăpadă animat în Photoshop și să-l transformăm într-un animat GIF fişier. Să începem!


Tutorial Active

Pentru a finaliza tutorialul, veți avea nevoie de următoarele elemente:

  • Central Park în timpul iernii - Fotografie de Grant Friedman

Videoclip nerealizat

Acest videoclip a fost înregistrat în timpul procesului de creare a acestui tutorial. Din păcate, nu am reușit să înregistrăm audio pentru acest videoclip, așa că este tăcut. Am vrut să-l includem cu partea scrisă a acestui tutorial doar în cazul în care ar putea fi de ajutor.


1. Creați fulgii de zăpadă

Pasul 1

Creați un document nou 800 px-800 px.


Pasul 2

Selectează Instrument perie (B) și setați mărimea la un număr mic, cum ar fi 4.


Pasul 3

Pe un nou strat, vopsiți niște puncte negre aleatoriu peste pânză. Fiecare punct va deveni o singură fulg de zăpadă. Denumiți acest strat Fulgi de zapada. Este important să evitați gruparea prea multor fulgi de zăpadă într-o zonă.



2. Set Up Animation

Pasul 1

Înainte de a începe animarea fulgilor de zăpadă, este important să luați în considerare modul în care acestea cad. Pe măsură ce fulgii de zăpadă coboară din cer, văd că plutesc înainte și înapoi în coborârea lor, dându-le o aparență grațioasă. (Vezi imaginea de mai jos). Urmând această interpretare a zăpezii care se încadrează, putem identifica două mișcări; cădere (în jos) și plutitoare (lateral-lateral). Pentru a anima zăpada care se încadrează, vom începe cu ușoară mișcare laterală-laterală.


Pasul 2

Deschide Panoul de timp (fereastră> Cronologie).


Pasul 3

Panoul de timp apare, dar nu va afișa la început o cronologie. În schimb, apare un singur buton care vă întreabă ce linie de timp doriți să utilizați. Asigurați-vă că ați selectat Creați cronologie video.


Pasul 4

Acum, când a fost creată o cronologie de timp video, două straturi ar trebui să fie vizibile în cronologie - acestea corespund celor două straturi din Panoul straturilor. În Panoul de timp, faceți clic pe săgeata de lângă Fulg de nea pentru a descoperi proprietățile de animație.


Pasul 5

Asigurați-vă că poziția de redare este poziționată la primul cadru și faceți clic pe pictograma cronometru până la Activați animația de tip keyframe. Aceasta va plasa automat un cadru cheie pe primul cadru.


Pasul 6

Înainte de a adăuga mișcare, ajută la înființarea unor ghiduri. Apropiați-vă de una dintre fulgii de zăpadă și plasați un ghidaj vertical peste ea.


Pasul 7

Așezați încă două ghidaje pe fiecare parte a fulgii de zăpadă. Aceasta va reprezenta distanța pe care o vom deplasa de la o parte la alta.

Bacsis: Folosește Rigla de bare (Command / Ctrl + R) pentru a vă asigura că cele două ghidaje sunt la distanță egală față de ghidajul central.



3. Animați mișcarea Side-to-Side

Pasul 1

Acum, când scena noastră este configurată și animația pentru cadrele cheie este activată, putem începe să ne mișcăm fulgii de zăpadă pentru a le anima. Deplasați capul de redare la cel de-al doilea marcator (1: 00f) de pe cronologie și, utilizând Mutați instrumentul, mutați fulgii de zăpadă până când ajunge la ghidajul din stânga.

Bacsis: Deplasarea de deplasare va constrânge mișcarea orizontală.


Pasul 2

Apoi, avansați capul de redare la cel de-al treilea marcator (3: 00f) de pe cronologie și mutați fulgii de zăpadă la ghidajul din dreapta.


Pasul 3

În cele din urmă, avansați capul de joc la cel de-al patrulea marcator (4: 00f) și mutați fulgii de zăpadă înapoi la ghidajul central.


Pasul 4

Din moment ce animația noastră va juca peste patru secunde, trebuie să setăm sfârșitul zonei de lucru la cel de-al patrulea marcator. Trageți Sfârșitul zonei de lucru (4: 00f). De asemenea, faceți clic pe meniul derulant din partea dreaptă sus a paginii Panoul de timp și alegeți Redare în buclă.


Pasul 5

presa SPATIU pentru a previzualiza animația.


Pasul 6

După ce te uiți la animație, mișcarea fulgii de zăpadă este prea dură. Acest lucru poate fi ameliorat prin adăugarea unor cadre cheie suplimentare. Glisați capul de redare chiar înaintea celui de-al doilea marcator (1:00). Observați poziția fulgului de zăpadă.


Pasul 7

Utilizarea Sagetile, îndreptați fulgii de zăpadă mai aproape de ghid.


Pasul 8

Repetați acest lucru pentru cealaltă parte a marcatorului de un minut (1: 00f)


Pasul 9

Faceți același lucru la marcatorul de trei secunde (3: 00f).


Pasul 10

Previzualizați animația apăsând SPATIU. Prin înțeparea fulgilor de zăpadă mai aproape de ghid, am reușit să ne ușuram și să ieșim din schimbarea direcției (astfel, oferindu-i o mișcare mai naturală).



4. Configurați pentru mai multă animație

Pasul 1

Acum, că fulgii de zăpadă au o animație laterală, trebuie să ne asigurăm că nici unul dintre ei nu este animat de pe pânză. Verificați marginile animației pentru a dispărea fulgi de zăpadă și utilizați Instrumentul de ștergere (E) pentru a le elimina.


Pasul 2

Faceți clic pe pictograma ochi de pe fundal strat în nostru Panoul straturilor. Aceasta va ascunde stratul alb astfel încât fulgii de zăpadă să apară pe un fundal transparent.


Pasul 3

Selectați ambele straturi în Panoul straturilor și faceți clic dreapta. Alege Conversia la obiectul inteligent. Este important ca ambele straturi să fie selectate.


Pasul 4

Următorul pas este să ne extindem panza pentru a face loc pentru a anima zăpada care se încadrează. Utilizarea Instrumentul de tăiere (C), apucați marginea inferioară și trageți în jos pentru a extinde pânza. Deținere Alt va extinde pânza în mod egal în ambele direcții.


Pasul 5

Creați un nou strat sub Fulgi de zapada strat și Completati cu alb.


Pasul 6

Poziționați Fulgi de zapada strat în partea de sus a pânzei.



5. Animați mișcarea descendentă

Pasul 1

În Panoul de timp, faceți clic pe săgeata de pe Fulgi de zapada strat pentru a dezvălui proprietățile de animație. Rețineți că Poziţie proprietatea a fost înlocuită cu Transforma deoarece acesta este acum un obiect inteligent.


Pasul 2

Glisați Sfârșitul zonei de lucru marker la cel de-al patrulea marker secundar (4: 00f).


Pasul 3

Deplasați capul de redare în primul cadru și faceți clic pe pictograma cronometru Activați animația de tip keyframe și să plasăm un cadru cheie la primul cadru.


Pasul 4

Deplasați capul de redare la cel de-al patrulea marcator (4: 00f) și utilizați Mutați instrumentul (V) pentru a trage Fulgi de zapada strat în partea de jos a pânzei.


Pasul 5

presa SPATIU pentru a previzualiza animația. După cum puteți vedea, zăpada se prăbușește acum cu o ușoară mișcare laterală-laterală. În următorii pași, vom completa zăpada pentru a acoperi restul pânzei.



6. Adăugați mai multe zăpadă

Pasul 1

Faceți o copie duplicat (Layer> Duplicate Layer) din Fulgi de zapada strat. Acest lucru se poate face și în Panoul straturilor prin tragerea stratului peste Creați o pictogramă a unui nou strat. Duplicarea stratului păstrează animația. Notă: apăsând Comandă / Ctrl + J nu va funcționa deoarece nu copiază proprietățile de animație.


Pasul 2

Deplasați noul strat în jos pe linia de timp în jurul marcatorului de zecime (10f).


Pasul 3

presa SPATIU pentru a previzualiza animația. Zăpada continuă să cadă din partea de sus a pânzei.


Pasul 4

Continuați această tehnică până când întreaga pânză este acoperită de zăpadă care se încadrează. Este posibil să fie necesară ajustarea manuală a cadrelor cheie pentru unele straturi.

Pasul 5

Observați cum zăpada pare prea uniformă. Pentru a adăuga unele variante, putem crea un alt strat duplicat și un cadru cheie care să scadă într-un ritm mai rapid decât restul zăpezii.

Pentru a adăuga chiar mai multe variante, modificați cadrele cheie ale unora dintre straturi pentru a vă deplasa mai repede sau mai încet. Asigurați-vă că nu există lacune în zăpadă.


Pasul 6

Selectează tot Fulgi de zapada straturi și Conversia la obiectul inteligent.



7. Adăugați varianta la zăpadă

Pasul 1

Zăpada începe să arate mai bine, dar mai sunt multe de făcut. În următorii pași, vom adăuga mai multă varietate și densitate la zăpadă. Începeți prin a face Copiați (Comandă / Ctrl + J) din Fulgi de zapada layer (deoarece toată animația se află în interiorul obiectului inteligent, putem copia obiectul inteligent și putem păstra în continuare animația).

Asigurați-vă că capul de joc se află la primul cadru, astfel încât stratul nostru animă întregul patru secunde.


Pasul 2

Transformați (Command / Ctrl + T) acest strat astfel încât să fie puțin mai mare și să fie rotit în afara centrului.


Pasul 3

Fă altul Copiați (Comandă / Ctrl + J), și redimensionați-o și rotiți-o în direcția opusă. Acest lucru va face ca zăpada să se încrucișeze, oferindu-i un comportament mai realist.


Pasul 4

Continuați să adăugați copii noi de zăpadă și să le transformați în moduri diferite, pentru a adăuga variații la dimensiune și la viteză (un strat care a crescut vertical va părea că are zăpadă mai rapidă decât cea care a scăzut vertical). Aveți grijă să nu exagerați nici o transformare.


Pasul 5

presa SPATIU pentru a previzualiza rezultatele. Deoarece am adăugat straturi și straturi de obiecte inteligente animate, Photoshop poate încetini puțin timp încercând să facă o previzualizare.


Pasul 6

În cele din urmă, asigurați-vă că Sfârșitul zonei de lucru a fost mutat în cel de-al patrulea marker (4: 00f). Când sunteți mulțumit de rezultate, selectați toate straturile și Conversia la obiectul inteligent. Redenumiți layerul la Ninsoare. Salvați (Command / Ctrl + S) fișierul.



8. Pregătirea unei imagini pentru zăpadă

Pasul 1

Acum, când a fost creată zăpada, putem lucra la obținerea unei imagini gata pentru a primi zăpada. Deschideți imaginea dorită. În acest caz, folosesc o fotografie a editorului Tuts + Photoshop Editor, Grant Friedman din Central Park.


Pasul 2

Următorul pas este să decupați fotografia. Nu sunt niciodată un mare fan al tăiat fotografii care nu sunt ale mele. Cu toate acestea, deoarece rezultatul final va fi un GIF pătrat, trebuie făcut. Folosește Instrumentul de tăiere (C) și setați raportul de aspect la 1: 1 (Square).


Pasul 3

Reglați ghidajele de decupare de pe ecran pentru a decupa imaginea la 600 px la 600 px. Faceți clic pe marcajul de selectare (sau apăsați pe Enter) pentru a vă angaja la modificări.



9. Adăugați zăpadă la o fotografie

Pasul 4

Accesați documentul privind zăpada și faceți clic pe panza și trageți stratul până la fila document care conține fotografia. Plasarea cursorului peste fila va deschide documentul. Continuați să glisați peste documentul foto și eliberați butonul mouse-ului. Obiectul inteligent ar trebui să fie plasat pe partea de sus a fotografiei noastre.


Pasul 2

În cazul în care Panoul de timp nu este deja deschis, du-te la Fereastră> Cronologie. Faceți clic pe butonul pentru Creați cronologie video.


Pasul 3

Glisați Sfârșitul zonei de lucru la cel de-al patrulea marker secundar (4: 00f).


Pasul 4

presa SPATIU pentru a previzualiza animația. După cum am menționat mai înainte, este posibil să dureze puțin timp pentru ca Photoshop să facă animația. Zăpada ar trebui să fie ușor de văzut, deoarece este tot în negru (vom schimba acest lucru mai târziu).



10. Completați fotografia cu zăpada

Pasul 1

Acum este momentul să adăugați straturi de zăpadă în fotografie. Începeți prin redimensionare (Comandă / Ctrl + T) Ninsoare astfel încât este doar mai mare decât pânza.


Pasul 2

Copiați (Comandă / Ctrl + J) Ninsoare strat și Transformați (Command / Ctrl + T) pentru a se potrivi în zona spre spatele căii. Deoarece acest strat de zăpadă este mai mic, ninsoarea va apărea mai încet, la fel ca în viața reală.


Pasul 3

Pentru a preveni apariția și dispariția zăpezii din partea superioară și inferioară a stratului, trebuie să adăugăm o mască de strat. Mai întâi, ascundeți originalul Ninsoare (vrem să vedem clar stratul copiat). Apoi faceți clic pe Adăugați masca straturilor icon și utilizați o perie mare, moale pentru a masca partea de sus și de jos a stratului.


Pasul 4

presa SPATIU pentru a previzualiza animația. Zăpada ar trebui să pară căzută în spatele liniei de copac și să se oprească la sol în depărtare.


Pasul 5

A face o Copiați (Comandă / Ctrl + J) din acest strat și redimensionați-l (Comandă / Ctrl + T) pentru a fi un pic mai mare decât stratul anterior. Acest strat de zăpadă ar trebui să pară la jumătatea drumului.

Masca stratului va copia și ea. Editați acest lucru pentru stratul de zăpadă mai mare.


Pasul 6

Fă altul Copiați (Comandă / Ctrl + J). De data aceasta, aruncați masca stratului în pictograma coș de gunoi din partea de jos a ferestrei Panoul straturilor. Photoshop vă va solicita ce să faceți cu stratul. Selectați Șterge.


Pasul 7

Redimensionați acest strat. Continuați să faceți copii suplimentare și Transformați (Command / Ctrl + T) în moduri diferite pentru a adăuga variații.


Pasul 8

Apoi, creați un altul Copiați (Comandă / Ctrl + J) și redimensionați stratul la aproximativ 175%.


Pasul 9

Adauga o Blur Gaussian (Filter> Blur Gaussian Blur) cu Rază de 2,9 px. Acest lucru va oferi iluzia că zăpada este în afara focului, care se încadrează chiar în fața camerei.


Pasul 10

Ca pas opțional, adăugați o cantitate mică de Gaussian Blur la cele două spate cele mai multe straturi.



11. Finalizați zăpada

Pasul 1

Unul din ultimele lucruri pe care trebuie să le facem este să facem fulgii de zăpadă albi. Pentru a face acest lucru, dublu click unul dintre miniaturile din Ninsoare obiecte inteligente. Aceasta va deschide acel obiect inteligent pentru editare. Asigurați-vă că ați dezvăluit stratul de fundal alb.


Pasul 2

Apoi, adăugați Inversa ajustați stratul în partea de sus a stiva de straturi. Rezultatul ar trebui să fie zăpada albă pe fundal negru.


Pasul 3

Salvați (Command / Ctrl + S) documentul obiect inteligent și reveniți la documentul de lucru. Este posibil să observați că fotografia nu mai este vizibilă. Selectați toate straturile de zăpadă și schimbați Mod amestec la ecran.


Pasul 4

presa SPATIU pentru a previzualiza. Toate straturile de zăpadă pe care le-am adăugat au creat un efect de parallax, creând aspectul de adâncime la zăpadă.



12. Modificați zăpada

Pasul 1

Din moment ce totul a fost creat folosind obiecte inteligente, putem edita ușor zăpada. În acest caz, zăpada ar putea părea mai groasă și poate puțin mai moale. Pentru a edita zăpada, dublu click miniatură a unuia dintre obiectele inteligente.


Pasul 2

Dacă ninsoarea arăta prea uniformă în prima noastră previzualizare, atunci faceți timp aici pentru a repoziționa și redimensiona Fulg de nea până când sunteți mulțumiți de variație.


Pasul 3

Continuă să dublu click fiecare obiect inteligent până ajungem la original Fulgi de zapada strat.


Pasul 4

Dublu click Fulgi de zapada strat și adăugați un negru Lumină exterioară layer folosind setările de mai jos. Faceți clic pe OK.


Pasul 5

Salvați (Command / Ctrl + S) și Închide fiecare document obiect inteligent până când ne întoarcem la scena noastră de zăpadă. presa SPATIU pentru a previzualiza animația. Zăpada arată mult mai bine.



13. Creați GIF

Pasul 1

Cea mai rapidă modalitate de a crea un GIF este de obicei să utilizați Salvați pentru Web opțiune. Cu toate acestea, din moment ce am folosit o mulțime de obiecte inteligente stratificate pentru a construi scena noastră, Photoshop va încetini, fără îndoială, atunci când încearcă să proceseze toate aceste informații. În schimb, vom crea mai întâi un fișier video. Mergi la Fișier> Export> Rendere video


Pasul 2

În Render Video , schimbați setările după cum doriți sau utilizați setările de mai jos și dați clic pe Face.


Pasul 3

Odată ce fișierul a terminat de redat, localizați-l pe computer și deschideți-l în Photoshop. Photoshop ar trebui să deschidă automat acest lucru ca fișier video


Pasul 4

Acum, du-te la Fișier> Salvați pentru Web și ajustați setările conform dorințelor dvs. și dați clic pe Terminat. Dacă doriți ca animația dvs. să circule, asigurați-vă că ați activat. Pentru mai multe informații despre cum să optimizați un fișier GIF, consultați articolul lui Martin Perhiniak despre 10 moduri de a optimiza un fișier animat GIF.



Felicitări! Ați terminat.

În acest tutorial, am învățat cum să facem o zăpadă care se încadrează în mod tradițional, cum ar fi zăpada care se încadrează, și o descompune în câteva animații simple cu ajutorul obiectelor inteligente. Sperăm că acest tutorial ți-a arătat cât de ușor poate fi animația în Photoshop.