Animații în Photoshop. Desenarea texturii fibrei de carbon. Animarea imaginilor statice

Dacă ați vrut să faceți o animație GIF de text în Photoshop, de exemplu, pentru o carte poștală, sau să creați orice altă animație interesantă, în acest articol voi încerca să vă spun pas cu pas cum să faceți o animație în Photoshop și să o salvați pe computerul tau.

La început creați animație din imagini, iar apoi ne vom uita la cum să facem animație gif pentru text.

Creați în Photoshop fișier nou: „Fișier” – „Nou”. Desenați două forme pe el: pe stratul „Shape 2” – o țintă, pe stratul „Shape 3” – o săgeată.

Acum accesați fila „Windows” și selectați „Animation” din meniul drop-down.

Se va deschide următoarea fereastră, în care vom crea animația.

Dacă fereastra dvs. arată ca în imaginea de mai jos, faceți clic pe butonul din colțul din dreapta jos „Conversie în animație cadru”.

Principiul creării animației este următorul. Există o imagine principală, o duplicăm. Apoi pe duplicat asezam obiectele in pozitiile in care ar trebui sa fie la sfarsit. Selectați cadrul duplicat și faceți clic pe butonul „Tweens animation frames”, astfel vom face cadre suplimentare între primul și cel duplicat - acest lucru va crea efectul de animație.

Acum să vorbim despre totul în ordine. Selectați primul cadru și faceți clic „Duplică cadrele selectate”.

Stratul principal va fi duplicat și va fi creat cadrul 2. Selectați-l și plasați obiectele în pozițiile finale din imagine. În paleta de straturi, selectați stratul pe care este desenată săgeata și folosind „Instrumentul de mutare” (cel de sus din bara de instrumente) îl deplasăm în centrul țintei.

În următoarea casetă de dialog trebuie să selectați numărul de cadre intermediare „Cadre de adăugat”. Totul depinde de imaginea ta, dar cu cât sunt mai multe, cu atât tranziția este mai lină.

În fereastra de creare a animației între cadrul 1 și cadrul 2 au fost adăugate 5 cadre suplimentare. Numerele lor sunt de la 2 la 6. Drept urmare, ultimul nostru strat, pe care sunt situate obiectele în pozițiile lor finale, a devenit 7.

Făcând clic pe butonul „Play”, vezi rezultatul. am selectat întârziere mare timp pentru fiecare cadru: 1,4 secunde, deci săgeata din animație se mișcă foarte încet. Să reducem timpul la 0,1 secunde - valoarea poate fi selectată din lista derulantă de sub fiecare cadru.

În colțul din stânga jos al ferestrei puteți selecta de câte ori se va repeta animația. Să selectăm „Pentru totdeauna” din listă, astfel încât de fiecare dată după terminare să înceapă din nou.

Pentru a face acest lucru, trebuie să duplicați stratul cu ținta. Apoi, în fereastra de animație, vom crea un nou grup de cadre, acestea vor începe de la numărul 8. Pentru aceste cadre, dezactivați stratul cu prima țintă din paleta de straturi și vom lucra cu ținta și săgeata duplicate.

Creați un duplicat al stratului „Forma 2” în paleta de straturi. Apasa pe el Click dreapta mouse-ul și selectați „Duplicate Layer” din meniu.

Acum, în fereastra de animație, să duplicăm ultimul al șaptelea cadru. Faceți clic pe butonul „Duplică cadrele selectate”.

În același mod, duplicăm noul al optulea cadru.

Primul cadru pentru a doua parte a animației va fi cadrul 8, iar ultimul va fi cadrul 9, numărul acestuia se va schimba după ce introducem cadre intermediare. Selectați cadrul 8 și în paleta de straturi dezactivați vizibilitatea stratului pe care a fost desenată prima țintă - îndepărtați ochiul din fața stratului.

Selectați cadrul 9, acesta va fi ultimul din grup și plasați obiectele din imagine în pozițiile lor finale. Pentru a face acest lucru, utilizați „Instrumentul de mutare”. Pentru a muta săgeata, trebuie să selectați stratul pe care este desenată - „Forma 3”; pentru a muta ținta, selectați stratul „Copie Forma 2”.

Să creăm cadre intermediare între 8 și 9. Selectați cadrul 9 și faceți clic pe butonul „Tweens animation frames”.

Selectați numărul de cadre. În exemplu sunt 5 dintre ele.

Să trecem la primul cadru și să ne uităm prin animație.

Pentru a salvați animația gif în Photoshop, faceți clic pe fila „Fișier” – „Salvare pentru web și dispozitive”. În fereastra următoare, selectați opțiunile așa cum se arată în imaginea de mai jos. Dimensiunea animației dvs. poate fi diferită „Dimensiunea imaginii”. Faceți clic pe „Salvare”.

Animația realizată în exemplu arată astfel.

Acum să trecem la crearea de animație GIF pentru text în Photoshop.

În exemplu vom crea animație pentru textul următor, crearea pas cu pas Am descris acest text într-un articol anterior. Dacă sunteți interesat de cum să faceți o inscripție frumoasă în Photoshop, urmați linkul și citiți articolul pe acest subiect.

Deci, deschideți imaginea cu text și apoi fereastra de animație, așa cum este descris mai sus.

Dacă aveți o imagine cu text scris pe ea pentru care veți crea animație, în paleta Straturi, selectați stratul care corespunde acestui text.

Să creăm cadre intermediare. Selectați al doilea cadru și apăsați butonul „Cadre de animație Tweens”.

Selectăm numărul acestor cadre.

Să ne asigurăm că textul se mișcă pe mai mult de o traiectorie. Pentru a face acest lucru, duplicați ultimul creat pe pasul anterior, cadrul 10 și apoi cadrul 11. Un grup nou cadrele vor începe de la 11 și 12 (la acest moment) cadrul va fi ultimul. Selectați-l și mutați inscripția în poziția finală.

Să creăm cadre intermediare între 11 și 12. Selectați cadrul 12 și faceți clic pe butonul „Cadre de animație Tweens”. Am adăugat 8 cadre suplimentare.

Să facem animație în Photoshop

Să o definim de la bun început...

Ce este animația GIF?

Aceasta este o imagine animată, adică o imagine care se poate mișca. Animația GIF poate fi realizată din mai multe imagini sau dintr-un videoclip. Astăzi este posibil să faci animație online. Încărcați imaginile, faceți clic pe create și veți obține o animație GIF gata făcută. De asemenea, puteți face o animație GIF dintr-un videoclip.

Astăzi vom crea animație GIF în Photoshop.

Avem nevoie de fotografii, imagini, poze. Nu vă spun cum să editați fotografiile! Ne vom ocupa de un proces de creare a animației!

Trebuia să fac o animație GIF. M-am gândit, de ce nu, pe baza acestei animații, să scriu o pagină dedicată subiectului de creare a animației în Photoshop!?

Vom descrie pe deplin procesul de creare a animației!

Deschideți Photoshop și creați un strat separat pentru fiecare imagine.

Cum se creează un strat separat pentru animație?

Fac asta: încărcați toate imaginile în Photoshop, tăiați partea dorită a imaginii și lipiți aceste piese într-un fișier separat. Fișier separat necesare pentru a nu strica din neatenție o fotografie de pe computer!

Când inserați o piesă tăiată într-o animație, un strat este creat automat!

Dacă nu aveți elementul de meniu „Animație”, faceți clic în meniul derulant, afișați toate elementele de meniu.

Un meniu pentru controlul animației va apărea în partea de jos a programului Photoshop. Creăm atâtea copii ale cadrelor selectate cât se va schimba animația dvs.

Animația mea gif va schimba imaginea de 9 ori. Dacă dintr-o dată numărul de cadre se dovedește a fi mai mult decât aveți nevoie, atunci chiar în dreapta butonului de adăugare există un buton de ștergere.

Cum să setați timpul de afișare al fiecărui cadru dintr-o animație?

Va trebui să arătăm fiecare cadru timp diferit. Pentru a edita timpul de afișare, faceți clic pe linia mică - triunghi.

Selectați din meniul drop-down la fix arătând fiecare cadru. Dacă aveți nevoie de un timp diferit pentru afișarea cadrului, selectați altul și setați ora necesară.

Cum să salvezi animația GIF?

Salutare, cititori ai blogului meu!

Așa cum am promis, lecțiile de Photoshop continuă!

Astăzi vom discuta următoarea întrebare: „Cum se creează animație în Photoshop?”. Voi încerca să-ți dau instrucțiuni detaliate la crearea animației. Și la sfârșit voi oferi un scurt tutorial video...

Cum se creează animație în Photoshop?

Cum se face animație în Photoshop: ce înseamnă și este dificil?

Realizarea de animații în Photoshop este destul de simplă dacă știi cum să o faci =) Dar sincer să fiu, după ce ai încercat o dată, vei face totul cu cu ochii inchisi... În acest articol, sub îndrumarea mea clară, vei învăța cum să faci animație fără probleme!

Animație, vom deveni adevărați animatori?

Animația noastră este aspect neted inscripții pe care le vom face cu ajutorul instrumentului Animaţieîn Photoshop, exact asta vom face. Astăzi poți juca rolul unui animator începător =)

Să începem?

În primul rând, să decidem de ce avem nevoie! Dar avem nevoie de Photoshop: nu contează ce versiune. Puteți folosi versiunea pe care o folosesc eu, o puteți descărca!

Deschideți programul Photoshop și afișați fila de animație mediu de lucru: Fereastra - Animație. În versiunea mea a programului, această filă este numită Scala de timp, deci fac asta ( pune o bifă):

Ca rezultat, veți avea un panou ca acesta mai jos:

P.S. L-am tuns putin...

Ei bine, acum folosind file Fișier - Creați..., sau apăsând CTRL+N - creați un fișier nou. Setați dimensiunile, faceți clic Bineși scrieți textul nostru din care vom face animație. Asta am primit:

P.S. M-am jucat putin cu deformarea eu =)

Acest cadru devine automat al nostru Scala de timp, setați-l la viteza de 0,1 secunde si cu ajutorul Realizarea unei copii cadre dedicate mai creezi 10 ( depinde de modul în care setați transparența - căutați mai departe și veți înțelege totul):

P.S. Aceasta este o poză terminată.

Pe primul cadru oprim imaginea ( faceți clic pe a doua imagine și în straturi dezactivați vizibilitatea stratului - inscripție și această imagine trageți pe primul loc). Ca urmare, am 10 cadre la o viteză de 0,1 secunde, iar ultima ( Cadrul 11) - 1 sec.

În a doua imagine, textul ar trebui să fie activat, schimbăm doar transparența: în straturi, faceți clic dreapta pe stratul cu inscripția, selectați fila - Opțiuni de amestecare...

ÎN Parametri principali - Opac. Punem 10%. Repetăm ​​aceste acțiuni cu fiecare cadru, mărind transparența: a doua - 20%, a treia - 30% etc., până ajungem la 100% - cadrul final ( numărul de cadre depinde de modul în care utilizați transparența).

De asemenea, în Opțiuni de amestecare poți încerca să folosești cipuri suplimentare ( trebuie doar să bifezi caseta și rezultatul este în fața ta).

Alte butoane Scale de timp Nu explic: cred că butonul de redare și altele vă sunt familiare... ( pentru a vedea ce fel de buton este în fața ta, trebuie doar să treci mouse-ul peste el și o inscripție cu denumirea va apărea în fața ochilor tăi)

Cum să salvezi animația în Photoshop?

Alege Format gif(este deja acolo automat) și faceți clic Salvați…(selectați calea de salvare, de exemplu - desktop), Toată animația este păstrată =)

P.S. Puteți elimina fundalul din animație ștergând stratul „Background” (dar pentru mine se îmbină cu șablonul)

Cred că totul este clar aici, chiar și fără un tutorial video... Dar totuși, așa cum am promis, uite aici:

Asta e tot pentru azi, pa!

Salutari prieteni! Uneori dau peste întrebarea, este posibil să faci animație în Photoshop? Deci, în această lecție voi arăta că acest lucru este posibil și că nu este deloc dificil. După aceasta, veți înțelege că nu este deloc necesar să descărcați și să instalați programe pentru dvs. dacă brusc trebuie să faceți un banner animat sau o altă animație. Și crede-mă, este foarte simplu. De exemplu, să ne facem propriul preîncărcător simplu sau, după cum este indicat corect în comentarii, un throbbber. Și așa, să trecem la treabă!

Deschideți Photoshop și creați un fișier de 9x9 pixeli.

Să mărim pentru a mări pătratul nostru mic la maximum (tasta Z). Există mai multe moduri de a mări. Mai întâi, faceți clic dreapta pe imagine din meniul derulant și selectați Fit pe ecran. În al doilea rând, faceți clic de mai multe ori până când imaginea este mărită la valoarea sa maximă, iar în al treilea rând, cel mai simplu, după părerea mea, faceți clic pe stânga colțul de sus pânză și ținere butonul din stanga mouse-ul, mutați-l în jos și la dreapta până ne traversăm pătratul.

Acum, cel mai important lucru de care avem nevoie pentru a crea o animație GIF este spatiu de lucru cu instrumentele potrivite. Accesați meniul Fereastră -> Spațiu de lucru -> Video. Ar trebui să arate ceva ca captura de ecran, dar pot exista diferențe. Ne va interesa panoul de animație din partea de jos.

Mai jos putem vedea primul nostru cadru de animație evidențiat.

Acum să desenăm cu un creion (B) în colțul din stânga jos, să spunem portocale pătrat de 3x3 pixeli.

Duplicați stratul nostru (prindeți și trageți stratul nostru pe pictograma pentru a crea un nou strat.

Opriți stratul de fundal (pictograma ochi) și pe noul strat mutați pătratul nostru în colțul din dreapta jos. Umpleți pânza transparentă deschisă cu culoarea albă (G).

Duplicați din nou stratul superior și mutați pătratul în sus la dreapta. Apoi o altă luare cu pătratul deplasându-se în sus spre stânga. Ar trebui să arate așa:

Apoi, să trecem la lucrul cu panoul nostru de animație. Faceți clic pe pictograma Duplicați cadrele selectate (icoana arată ca pictograma pentru crearea unui nou strat) de 3 ori, astfel încât să obținem 4 cadre în total. Făcând clic pe primul cadru, selectați-l și lăsați vizibil doar stratul de jos în lista straturilor noastre. După aceea, faceți clic pe al doilea cadru și plecați secundă vizibilă stratul de jos. Și așa mai departe. Veți obține următoarele:

În principiu, animația noastră este aproape gata. Făcând clic pe pictograma de animație Plays, puteți vedea ce obținem. Acum să adăugăm puțină netezime prin cadrele intermediare. Pentru a face acest lucru, selectați primul și al doilea cadru (ținând apăsată tasta Ctrl) și faceți clic pe pictograma pe care sunt desenate bilele Tweens. Faceți clic pe OK.

Să facem același lucru cu cadrele 2-3, 3-4, 4-1.

Acum selectăm toate cadrele noastre și pe orice cadru selectăm timpul de tranziție între cadre care îți place. Să spunem 0,1 secunde.

Verificați dacă animația dvs. este în buclă:

Asta e tot. Tot ce rămâne este să ne salvăm bannerul în format gif; pentru a face acest lucru, în Photoshop trebuie să mergeți la meniul fișier și să selectați elementul de meniu „Salvare pentru Web și dispozitive” (Salvare pentru Web și dispozitive) sau, mai convenabil, apăsați combinația de taste Ctrl+Shift+Alt+S . În caseta de dialog, selectați formatul Gif. Aici vă puteți juca cu setările care afectează calitatea și dimensiunea fișierului Gif rezultat. După salvarea animației noastre Gif ca fișier cu Extensie gif, bucurați-vă de propriul nostru preîncărcare! De exemplu, puteți ajunge cu aceste frumoase preîncărcătoare de încărcare:

În zilele noastre, probabil că puteți vizualiza bannerul Gif pe care l-am realizat în Photoshop cu orice program de vizualizare a graficelor, dintre care cele mai comune sunt IrfanView, XNView, Imagine FastStone Viewer și mulți alții.

Cred că acum înțelegeți că nu este nimic complicat în crearea animației Gif în Photoshop și veți începe să vă creați propriile bannere și alte lucruri creative, mai ales că cadrele de animație pot avea orice efect datorită Photoshop însuși.

Dacă aveți nevoie doar de trobbers/snippers, atunci există biblioteci speciale de script Java pentru generația lor. O selecție pentru crearea animațiilor de încărcare poate fi citită în articolul meu

Fă-l animat imagine gif Photoshop este destul de posibil chiar și pentru un începător. Photoshop vă permite să creați animație cadru cu cadru prin schimbarea cadrelor și apoi să salvați lucrarea ca imagine gif.

Aceasta înseamnă că Photoshop nu creează animația în sine, ci organizează doar o prezentare cadru cu cadru a imaginilor pregătite în prealabil și le trimite în formatul final. Numărul de cadre din animația gif finală poate fi oricare, dar cu cât numărul este mai mare, cu atât dimensiunea fișierului va fi mai mare. Prin urmare, ar trebui să vă străduiți întotdeauna să reduceți numărul de cadre la minimum. Cu toate acestea, cu cât se reflectă mai multe cadre într-o secundă de animație, cu atât va fi mai netedă. În general, nu este o idee bună să creșteți numărul de cadre pe secundă peste 30, deoarece ochiul uman nu poate distinge mai multe cadre pe secundă. Chiar și în filme și videoclipuri folosesc 24 de cadre pe secundă.

De asemenea, atunci când creați animație în Photoshop, ar trebui să țineți cont de acest lucru diverse dispozitive iar browserele pot la viteze diferite joacă animație cu o cantitate mare cadre pe secundă, în funcție de dvs capabilități tehnice. Asa de, Telefon celular, de exemplu, poate reda doar 10 cadre pe secundă. Aceasta înseamnă că o secundă de animație cu 30 de cadre va dura 3 secunde, prin urmare animația va încetini.

Atunci când alegeți numărul de cadre pe secundă ale unei animații, totul depinde de ceea ce va fi reprezentat în animație și de scopul acesteia.

Trebuie remarcat faptul că numărul de cadre pe secundă animație gif nu este constantă și se schimbă ușor la crearea animației. Mai simplu spus, este posibil să specificați timpul de afișare al fiecărui cadru individual. De exemplu, puteți seta primul cadru al unei animații să dureze o secundă, iar al doilea cadru să dureze cinci secunde.

Acest lucru este foarte util atunci când trebuie să țineți mai mult un anumit cadru, de exemplu cu text, fără a crește greutatea fișier gif. De obicei, o simplă imagine animată poate avea până la 10 cadre în total, de obicei aproximativ 4-6.

Prin setarea timpului diferitelor cadre, o animație cu 4 cadre poate dura oriunde de la o fracțiune de secundă la un minut sau mai mult. Dar trebuie avut în vedere că trebuie evitate și animațiile prea lungi - animația nu este un clip video, unele browsere nu așteaptă sfârșitul animației și încep să o redea de la început, dacă se pierde instantaneu. imagini gif de pe ecran.

De asemenea, trebuie să acordați atenție faptului că calitatea și redarea culorii unui desen în formatul de animație gif este de obicei vizibil mai scăzută decât în format jpg sau similar, asta
particularitate.

De asemenea, animația nu trebuie făcută în Rezoluție înaltă, acest lucru va cauza încărcare suplimentară pe browsere sau telefoane și, cel mai probabil, va încetini pur și simplu viteza de redare a acestuia. În funcție de scopul animației, rezoluția recomandată poate fi de până la 100 - 150 de pixeli în lățime sau înălțime. Mai mult, cu cât înălțimea animației este mai mică, cu atât lățimea acesteia poate fi mai mare și invers. De exemplu, o rezoluție de cadru de 400X50 pixeli este o rezoluție acceptabilă, dar 400X150 este deja prea mult și este potrivit doar pentru scopuri speciale.

Dar, totuși, cel mai important lucru la care trebuie să acordați atenție atunci când creați animație gif este greutatea acesteia. Pentru uz general pe paginile de internet sau pe dispozitive, dimensiunea animației nu trebuie să depășească 400KB. Acesta este maxim.

Recomandări generale în parametrii animației gif în scopuri generale (avatare, userbars, semnături etc.)

Greutate- nu mai mult de 400 KB, mai bine de 150 KB - 200 KB.
Permisiune— un total de cel mult 30.000 de pixeli (cantitatea este înălțimea înmulțită cu lățimea, de exemplu, 400X50 = 20.000).
Timp de redare complet- nu mai mult de 15 secunde.
Numărul de cadre poate fi orice, atâta timp cât greutatea fișierului gif sau timpul de animație nu depășește recomandările de mai sus, de obicei cu cât este mai mic, cu atât mai bine.
Numărul de cadre pe secundă- nu mai mult de 30, in functie de necesitate.

Creați animație Photoshop.

Photoshop poate crea animații numai începând cu versiunea CS3. Pentru a crea un fișier animat, trebuie fie să pregătiți imaginile necesare în avans, fie să creați imagini direct folosind Photoshop.

În exemplul nostru, folosim toate opțiunile simultan. Vom face o animație pentru semnătura „Avatar”.

Opțiune gata:

Creare:

Mai întâi, să găsim imaginile sursă pentru crearea animației:

Acum să creăm un fișier nou în Photoshop. Specificați lățime 400, înălțime 50. Modul color- 8 biți.

Acum să activăm fereastra „Animation”. Fereastra > Animație. O zonă specială pentru lucrul cu animația va apărea în partea de jos.

Afișează toate cadrele care sunt în animație în secvență. Până acum există un singur cadru, durata 0 secunde, dar putem adăuga oricând altele noi. Cadrele pot fi oricând rearanjate până când imaginea este salvată în format gif.

Fiecare cadru afișează straturile vizibile pentru el. În modul animație, pentru fiecare cadru sunt stabilite condiții separate pentru vizibilitatea stratului sau a celorlalte caracteristici ale acestuia, transparență, contur, culoare etc.

Vă rugăm să rețineți că caracteristicile stratului pentru primul cadru se aplică tuturor cadrelor de animație. Aceasta înseamnă că, de exemplu, dacă schimbați culoarea textului pentru cel de-al zecelea cadru al animației, aceasta se va schimba numai pe al zecelea cadru, iar dacă este pe primul, atunci pe toate cadrele animației simultan.

Umpleți pânza cu culoare. Selectați Instrumentul de umplere (implicit, litera G) și culoarea #3a55a4 și umpleți pânza.

Să adăugăm imaginile originale pe pânză (Fișier > Locați sau pur și simplu le puteți trage din dosar) și le schimbați dimensiunea.

Când adăugați imagini noi pe pânză, acestea formează a strat nou. Aceste straturi le vom lucra în procesul de creare a animației.

Nu uitați să vă salvați periodic munca pentru a nu pierde modificările pe care le-ați făcut. Continua să lucreze Fișier Photoshop disponibil în format PSD. (Mod implicit).

Mai întâi trebuie să creați aspectul imaginii și primul cadru. Este important de reținut că browserele sau dispozitivele care nu vor putea reda animația o vor face
arată doar primul său cadru. Prin urmare, primul cadru al animației ar trebui să reflecte întreaga sa esență.

Afișați și mutați stratul animatsiya1 la marginea stângă a pânzei. Pentru a face acest lucru, selectați stratul dorit (animatsiya1), apoi: Editare > transformare > răsturnare orizontală. Apoi vom muta doar stratul.

Pe primul cadru, nu avem nevoie de stratul animatsiya2, așa că trebuie să-l ascundem. Dacă ascundeți un strat, acesta nu va apărea în cadrul selectat. Să adăugăm ceva text (litera T). De asemenea, trebuie să schimbați culoarea textului, de exemplu, în alb, altfel se va îmbina complet cu fundalul.

Textul este, de asemenea, un strat separat. Primul cadru al animației este gata. Să creăm un al doilea cadru. Mai precis, să creăm o copie a primului cadru. Pentru a face acest lucru, faceți clic pe semnul frunzei din zona de animație.

Al doilea cadru este selectat automat, dar putem selecta orice cadru cu care dorim să lucrăm.

Pentru al doilea cadru, vom ascunde primul strat animatsiya1 și vom face vizibil stratul animatsiya2. De asemenea, aplicați un efect stratului de text și revopsiți-l într-o culoare diferită. Faceți dublu clic pe stratul „AVATAR”, Stiluri > Suprapunere culori și faceți clic pe caseta mică de culoare. Să setăm culoarea #8fbeff.

Drept urmare, așa arată acum al doilea cadru.

Deși Photoshop nu creează animație în sine, poate crea cadre intermediare. Să adăugăm 5 cadre intermediare între cele două ale noastre. Pentru a face acest lucru, trebuie să selectați „Creați cadre intermediare”, în stânga butonului „Duplicare cadru” din zona de animație. Dar mai întâi trebuie să selectați două cadre, între care vor fi create cadre intermediare. Puteți selecta mai multe cadre simultan ținând apăsată tasta Shift.

Să adăugăm 5 cadre.

Acum, panglica de cadre de animație este formată din 7 cadre. Cadrele intermediare oferă tranzitie lina de la un cadru la altul.

Trebuie să setați timpul de afișare a cadrului. Acum toate cadrele nu au timp de afișare - 0 secunde.

Timpul de afișare a cadrelor poate fi setat în bloc - atunci când selectați mai multe cadre, sau separat pentru fiecare. Să setăm timpul de afișare de la cadrele de la 1 la 6 la 0,1 secunde și de la cadrele de la 7 la 1 secundă. Pentru a face acest lucru, faceți clic pe săgeata de lângă timpul de afișare a cadrului.

Gata! Panglica de cadre de animație este gata. Poate fi vizualizat direct în Photoshop făcând clic pe săgeata Redare din zona de animație.

Formatul trebuie setat la Gif. Toate celelalte setări afectează calitate gif animație și greutatea sa originală. Dacă animația se dovedește a fi prea grea, puteți reduce numărul de culori la 128, de exemplu, sau puteți optimiza imediat animația pentru dimensiunea dorită a fișierului. Pentru a face acest lucru, faceți clic pe pictograma cu trei bare din dreapta sus, selectați „optimizare după dimensiunea fișierului” și introduceți greutatea inițială. Animația în sine este optimizată pentru greutatea necesară cu o pierdere minimă posibilă de calitate.

Desigur, acesta este cel mai simplu exemplu crearea de gif-uri animație în Photoshop, dar arată elementele de bază - cum este creată animația. Cu experimentare, puteți face mai bune, mai detaliate și animatii frumoase, dar principiul creării lor este același.