Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

În acest articol voi vorbi despre animația din Photoshop. Vom vedea cum funcționează animația în Photoshop utilizând exemplul creării unui banner de Anul Nou.







Voi lucra în Adobe Photoshop CS6. Am o interfață rusă, așa cum scriu de la serviciu.

La domiciliu am o versiune în limba engleză și vă sfătuiesc să studiați în versiunea în limba engleză, motiv pentru care:

  • Puteți naviga cu ușurință în program în orice limbă (după limba engleză în limba rusă puteți găsi cu ușurință unelte, deoarece aceasta este limba dvs. maternă, iar după rusă, puteți avea probleme cu adaptarea).
  • Cele mai multe lecții bune sunt scrise în limba engleză.
  • Programele de localizare diferă de cele mai multe ori, calitatea interfeței de traducere uneori lasă mult de dorit. Traducerea incorectă a instrumentelor poate confunda începătorul cu studiul programului persoanei.

Să începem să creăm o animație în Photoshop CS6

Creați un nou document Fișier-Nou (Ctrl + N).

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

În fereastra care se deschide, setăm dimensiunile bannerului: 600 x 120, să o numim "Banner de Anul Nou" -> "Ok".

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Creați un fundal

Am selectat materialele pe care le voi folosi în munca mea (fundaluri, fonturi etc.).

Deschideți textura pregătită: Ctrl + O. Descărcați textura pe care o folosesc aici.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Deschideți paleta de straturi Straturi - F7.

Selectați fereastra cu textura, trageți stratul din paleta de straturi pe stratul cu banner.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Dacă textura este prea mică sau prea mare în comparație cu bannerul, ajustați dimensiunea acesteia cu transformarea "Ctrl + T".

În colțurile imaginii vor apărea marcatori pătrari mici. Țineți Shift pentru a salva rapoartele de aspect la redimensionare, trageți în diagonală marcatorul de colț, reduceți sau măriți dimensiunea imaginii până când întreaga suprafață a bannerului este umplută cu fundal.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

După ce am ajustat textura la dimensiunea bannerului, procedăm la corecția culorii.

Accesați meniul "Imagine" - "Ajustări" - "Hue / Saturation" (Imagine - Corecție - Nuanță / Saturație).

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Am pus aceste setări pentru a obține o culoare strălucitoare și bogată:

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Scrieți textul

Creați un strat nou (Ctrl + Shift + N) sau faceți clic pe pictograma noului strat din paleta de straturi.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Selectați "Instrumentul tip orizontal" (T).

Alegeți un font. Am ales Lobster (faceți clic pentru a descărca). Cum se adaugă un font în Photoshop. Noi scriem orice text. Am ales dimensiunea fontului de 72pt.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Am defuzat ușor textul din fereastra "Caracter", setând valoarea la +25.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Puteți deschide acest panou din meniul "Tip" - "Panouri" - "Panoul de caractere" ("Font" - "Panouri" - "Panoul de caractere").

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Adăugați text strălucitor

Creați un nou strat (Ctrl + Shift + N).

Selectați instrumentul Perie (B).

Alegeți o pensulă cu orice stea, va fi o culoare albă #ffffff. Pentru a selecta o culoare, faceți clic pe pătratul mic din partea inferioară din panoul din stânga.







Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Pe noul strat, atragem asteriscuri în locuri arbitrare. Pentru a face stelele să apară mai luminoase, faceți clic de câteva ori într-un singur loc. Iată ce am primit:

Efectuați un strat duplicat (Ctrl + J). Faceți clic pe pictograma ochi din paleta de straturi pentru a ascunde vizibilitatea stratului anterior.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Selectați stratul superior cu o copie a stelelor. În panoul din stânga, selectați Lasso Tool (L).

Selectați fiecare stea unul câte unul, apăsați «V» (Mutare instrument Tool) și transferate în orice alt loc, așa că avem în diferite cadre Stars vor fi în locații diferite, astfel încât va crea un efect de sclipitoare.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

După mutarea all-star într-o locație diferită, de a crea un duplicat al stratului pe care să lucreze (Ctrl + J), ascunde stratul precedent în paleta Straturi, faceți clic pe glazik, și se repetă operația pentru a muta stelele în locații noi, puteți, de asemenea, dorisovat mai multe stele noi.

Astfel, vom avea 3 straturi cu stele, în fiecare dintre care stelele vor fi în poziții diferite.

Să trecem la crearea unei animații în Photoshop

Deschideți cronologia. Accesați meniul "Fereastră" - "Cronologie" (fereastră - Cronologie).

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

După aceasta, scara va schimba aspectul. În acest moment, apăsăm în colțul din stânga jos al ferestrei pe pictograma cu trei pătrate pentru a crea o animație cadru-cu-cadru.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Mergeți la paleta de straturi - F7. Trebuie să dezactivați primele două straturi cu stele (faceți clic pe ochi), lăsând doar una vizibilă. Aceasta va fi prima lovitură.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Apoi, creați un al doilea cadru făcând clic pe pictograma corespunzătoare din partea de jos a liniei de cronologie.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Accesați paleta Straturi. Opriți primul strat cu stelele, activați al doilea. Astfel, în al doilea cadru, vom arăta stelele deja în alte locuri.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Din nou, faceți clic pe pictograma pentru noul cadru. Opriți al doilea strat cu stelele, activați al treilea.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Fiți atenți la timpul de sub fiecare cadru, aceasta este durata afișării cadrului. 5 secunde, care sunt, în mod implicit, pentru noi foarte mult - animația se va opri, faceți clic pe săgeată și setați durata fiecărui cadru pentru 0,1 secunde.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Pentru ca cadrele să se schimbe fără probleme, trebuie să creăm cadre intermediare între cadrele cheie. Pentru aceasta, aflându-se pe primul cadru, faceți clic pe pictograma cu mai multe cercuri din partea inferioară a panoului temporar.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

În fereastra care apare, specificați câte cadre intermediare dorim să creați. Voi pune 2. Pentru toate cadrele, cu excepția ultimului, am pus "Cadrul următor".

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Între primul și al doilea cadru cheie aveți 2 intermediare.

Acum ne aflăm pe cel de-al doilea cadru cheie (acum este al patrulea), dați din nou clic pe pictograma cu cercurile și creați încă 2 cadre intermediare. Acum trebuie să închidem ultimul și primul cadru pentru a obține o animație netedă.

Selectați ultimul cadru din linia temporală. Dați clic pe cani. În fereastra afișată, în rândul "Cadre intermediare" se selectează "Primul cadru", adăugăm încă cadre 2.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Acum, sub cadrele de mai jos din stânga indicăm numărul de repetări ale animației "Constant".

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Selectați primul cadru, faceți clic pe triunghiul din dreapta "Redare" pentru a vedea ce sa întâmplat.

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Pentru a salva animația creată în Photoshop, accesați meniul "File" - "Save For Web Dispozitive "(" Fișier "-" Salvați pentru Web ").

Animație în Photoshop cs6 - lecții de lecție de desen și design în Adobe Photoshop

Selectăm formatul de fișier pentru salvarea GIF, faceți clic pe "Salvați ...", selectați directorul în care vom salva, faceți clic din nou pe "Salvați".

Deci, în această lecție ne-am uitat la modul de a face animația în Photoshop CS6.

Sper că ați învățat ceva nou și util din această lecție.

Dragă Victoria!
Vă mulțumesc foarte mult pentru materialele minunate, accesibile și utile.
Dacă este posibil, spuneți-mi în Photoshop CS5 că nu există un pod mini, dar există separat un program Lightroom 4.1 pe 64 de biți în care fac prima prelucrare și apoi postprocesarea în Photoshop. Este corect și nu poate fi deranjat de un pod mini?
Odată cu venirea Anului Nou și a Crăciunului, sănătatea sibiană puternică. Ivan din Omsk

Bună, Ivan! Vă mulțumesc pentru cuvintele voastre bune, sunt foarte multumit!

Sincer, nu folosesc nici unul, nici celălalt. Pentru mine, în ceea ce privește artistul-designer, acest lucru nu este necesar. Aceasta este mai mult o întrebare pentru fotografi ...

Cred că nu există metode corecte sau greșite, principalul lucru fiind pentru tine să fii confortabil și confortabil de lucru.







Articole similare

Trimiteți-le prietenilor: