Cum se face animație în gimp. Lecții GIMP. Animație a mișcării apei într-un râu

Gimp - program gratuit pentru editare foto, care este un analog bun al unui editor grafic Adobe Photoshop.

Asemenea Gimp- puternic editor grafic, permițându-vă să editați și să salvați imagini pe computer în toate formatele populare.

Avantajele Gimp

  • Gimp îl poate înlocui pe cel popular editor plătit imagini - Adobe Photoshop pentru majoritatea sarcinilor legate de procesarea fotografiilor;
  • Posibilitatea de a edita o imagine finită sau de a crea una nouă folosind bara de instrumente. Crearea de imagini animate ( format grafic gif);
  • Chiar și un începător se poate ocupa de controalele editorului;
  • Are versiuni în engleză și rusă;
  • Interfață complet personalizabilă.

Pregătirea

Înainte de a crea o animație de zăpadă, trebuie să vă extindeți set standard instrumente oferite de dezvoltatorii Gimp. Pentru cei care lucrează deja cu Adobe Photoshop, această situație este probabil familiară, deoarece totul efecte interesante, inclusiv animația, sunt create folosind pensule specializate suplimentare, filtre etc. Adevărat, grafic Editor Gimp in acest sens arata mult mai bine.

Deci, pentru ca animația să decoreze o fotografie, trebuie să adăugați trei pensule noi la Gimp, care pot fi descărcate complet gratuit folosind următoarele link-uri:

După ce toate cele trei perii au fost descărcate, acestea trebuie să fie instalate mutându-le într-un folder cu instrumente similare, care se află de obicei la: C:\Program Files\GIMP 2\share\gimp\2\brushes.

Dacă programul de editare foto nu este instalat în scaun standard, apoi afla adresa folderul necesar Puteți folosi meniul " Edita» - « Opțiuni", unde este articolul " Cataloagele" care conține fila " Perii" Selectând-o, aplicația va afișa locația folderului cu pensulele folosite în Gimp direct pe computerul utilizatorului, ceea ce, desigur, este foarte convenabil (Fig. 1).

Dar! După ce noile pensule au fost copiate în directorul corespunzător, Gimp va trebui să fie repornit. În caz contrar, editorul grafic pur și simplu nu va „vedea” instrumentele utilizatorului necesare pentru a adăuga zăpadă cădere la o fotografie, a cărei animație, fără îndoială, diversifică aspect, schimbând complet percepția asupra fotografiei.

„Zăpadă care căde” Animație DIY

Pasul 1.Înainte de a crea o animație de zăpadă, trebuie să încărcați mai întâi mediu de lucru programe de editare foto. Puteți face acest lucru în două moduri principale:

  • selectați și trageți fotografia cu butonul stâng al mouse-ului apăsat zona de lucru Gimp;
  • utilizați elementul de sus din meniul principal " Fişier» - « Deschide", indicând programului calea către fișierul dorit.

Pentru a facilita observarea de către utilizator a modificărilor efectuate, fotografia prezentată în Fig. 2.

Pasul 2. După ce ați încărcat o fotografie, trebuie să vă gândiți cum să creați strat nou. La urma urmei, pentru a obține o animație frumoasă, veți avea nevoie de trei dintre ele! Deci, înainte de a îngheța grafică raster va deveni o imagine animată frumoasă, trebuie să găsiți opțiunea „ Straturi» și apăsați tasta dreapta"mouse" pe butonul " Perii", provocând meniul contextual, în care trebuie să selectați un articol cu ​​un nume care vorbește literalmente de la sine - „ Creați o copie a stratului».

Pasul 3. După ce repetați operația de mai sus de trei ori, deschideți fila „” în Gimp. Perii„(Fig. 3), setați culoarea primului plan la alb. Și selectați una dintre periile pentru fulgi de nea, ajustând dimensiunea până când obțineți parametru optim pentru o singură fotografie.

Pasul 4.Începem să aplicăm fulgi de zăpadă pe stratul principal al fotografiei, creând astfel partea principală a ceea ce surprinde cărțile animate. Pentru ca efectul să fie mai interesant, este necesar să se alterneze tipurile și dimensiunile fulgilor de zăpadă utilizați, încercând să le aplice punctual și nu în smucituri.

Important de știut!În procesul de adăugare a fulgilor de zăpadă, primele trei straturi care alcătuiesc fotografia nu vă vor permite să vedeți simultan imaginea de ansamblu, deoarece grafica raster și caracteristicile de lucru cu aceștia au propriile lor specificități. Numai ultima copie a fotografiei o va arăta, așa că ar trebui să lucrați cu atenție, imaginându-vă la ce rezultat vă veți aștepta în final, pentru că animația ar trebui să fie discretă.

Deci, după ce a lucrat pe rând cu toate cele trei straturi, utilizatorul poate trece la ultimul exemplar, care arată întotdeauna numărul total de fulgi de zăpadă adăugați la fotografie (Fig. 4).

Pasul 5. Pentru ca cărțile poștale animate să arate mișcare atunci când sunt vizualizate, ar trebui să utilizați meniul „ Filtre» - « Animaţie» - « Redare" După aceasta, fotografia ta va prinde viață în fața ochilor tăi!

Cum se salvează animația?

După finalizarea pașilor descriși, trebuie să salvați corect animația pe computerul utilizatorului. Pentru a face acest lucru, trebuie să deschideți meniul „ Fişier» - « Salvați ca", unde trebuie să indicați numele originalși asigurați-vă că selectați GIFimage ca format de imagine. Fișierul salvat, în consecință, va primi automat extensia gif, care este extrem de versatil și nu va cauza probleme de redare.

Din moment ce despre care vorbim despre căderea zăpezii, la salvarea animației, ar trebui să primească un parametru obligatoriu pentru amânarea redării între cadre la nivelul 140 - 200, deoarece fotografia arată cel mai armonioasă cu aceste valori.

Dacă apar dificultăți în procesul de salvare a rezultatelor muncii dvs., puteți încerca o soluție:

Astfel, după ce ați studiat algoritmii care au fost implementați de dezvoltatorii care au creat un editor grafic atât de convenabil precum Gimp, puteți transforma cu ușurință frumoase fotografiiîn cărți animate.

Administrarea site-ului site-ul web exprimă recunoştinţă autorului pentru articol Snjoke, precum și editorul Paffnutiy.

Imaginile animate în format gif se găsesc peste tot pe Internet. Bannerele, butoanele, logo-urile, toate, folosind chiar și mici animații, adaugă ceva dinamică conținutului paginii. Există multe diverse programe care vizează în mod special crearea gif-uri animate-imagini. Cu toate acestea, majoritatea dintre ele pot lucra numai cu imagini gata făcute
, distorsionându-le sau deplasându-le în spațiu. Prin urmare, este complet logic să creezi imagini animate folosind un program cu care poți desena și. Mai jos vreau să arăt cât de ușor este să creezi un efect de animație folosind GIMP. Cu toate acestea, mai întâi, puțin despre însăși ideea unui gif animat. Formatul gif vă permite să stocați o imagine sub formă de mai multe straturi, fiecare dintre ele poate reprezenta imagine separată

. Ideea este că pentru fiecare strat dintr-o imagine GIF, puteți seta timpul în care va fi afișat. Astfel, prin alternarea straturilor puteți obține animație. Deci, așa cum am menționat mai sus, pentru a crea un gif animat trebuie să aveți mai multe straturi (citiți mai multe despre lucrul cu straturi în GIMP). Să luăm în considerare


cel mai simplu exemplu . Creați o nouă imagine. Lăsați stratul inferior alb. Pe celelalte patru vom desena literele cuvântului GIMP care apar. Cel mai simplu mod de a face acest lucru este să scrieți o inscripție pe un nou strat, apoi să creați patru copii ale acestui strat și să ștergeți literele inutile din fiecare dintre ele. Acest lucru va avea ca rezultat cinci straturi, dintre care unul este fundalul, celelalte patru reprezintă cuvântul GIMP literă cu literă:). După aceasta, GIMP vă va solicita să exportați imaginea în gif. În același timp, vă va lăsa să alegeți dacă să combinați straturile într-o singură imagine sau să le salvați ca animație. Deoarece suntem interesați de animație, selectați-o pe a doua și faceți clic pe „ Export". După aceasta, se va deschide un meniu pentru selectarea parametrilor pentru gif-ul animat:


Primii doi parametri stabilesc proprietățile generale ale gif - acestea sunt împletireŞi comentariu. Suntem mai interesați de parametrii de animație:

- Buclă infinită. Când acest parametru este activat, straturile vor fi alternate la nesfârșit, adică. după ce ultimul strat este afișat, primul va fi afișat. Dacă această opțiune este dezactivată, animația se va reda o dată și se va opri la ultimul strat de imagine.

- Întârziere între cadre- timpul în microsecunde în care fiecare strat va fi afișat implicit.

- Poziția cadrului- are trei moduri. Prima (implicit) - Nu-mi pasă (indiferent), îi spune lui GIMP să se ocupe singur. A doua - Combinați (suprapunerea stratului), pune un strat peste altul fără a le îndepărta pe cele precedente, adică. le unește. În acest fel, dacă aveți zone transparente în straturile dvs., straturile anterioare vor apărea. În mod implicit, GIMP utilizează de obicei acest mod, deoarece este cel mai flexibil. Îl folosesc mereu și eu. Al treilea mod -Înlocuire (un cadru pe strat)

, înlocuiește stratul anterior cu unul nou.


Utilizați aranjamentul implicit al stratului și setați timpul dintre cadre la 200. Rezultatul ar trebui să fie un gif ca acesta:


Dacă acum deschidem acest gif folosind GIMP, vom vedea că în dialogul de straturi a fost adăugat un parametru în numele fiecărui strat între paranteze - timpul de afișare. Astfel, prin modificarea valorii dintre paranteze, puteți seta fiecărui strat propriul timp de afișare personal. De exemplu, setați ultimul strat la 500 pentru a păstra textul complet pe ecran mai mult timp. Acesta a fost cel mai simplu exemplu de creare a unei animații. Dar mereu vrem mai mult! Este timpul să apelăm la elementul special din meniu Redare, Filtre - Animație. Conține trei puncte - Optimizare

- RedareŞi


De-optimizare . Să ne dăm seama ce este: . Acest element ne permite să redăm noua imagine de animație primită: Mai sus este un gif animat care simulează funcționarea acestui filtru lansat de butonul Pornire/Oprire. Astfel, puteți vedea că acest buton începe redarea imaginii și, de asemenea, o oprește. Buton oportunități interesante acest filtru. Dacă dați clic pe imaginea de redare, veți vedea cum cursorul se schimbă într-o săgeată verticală. Acum puteți trage animația în orice (!) loc de pe ecran, de exemplu într-o fereastră de browser, pentru a vedea cum va arăta această animație pe pagina dvs. Apropo, această caracteristică poate fi folosită și pentru imagini neanimate.

- Filtre - Animație. Când am folosit pentru prima dată acest filtru, încântarea mea nu a cunoscut limite. Faptul este că fiecare strat dintr-un gif animat este, de fapt, o imagine separată, iar prin salvarea unui gif ca animație, salvăm mai multe imagini deodată. Astfel, când cantitati mari straturi, dimensiunea gif-ului nostru animat va crește chiar în fața ochilor noștri, ceea ce nu este bine, având în vedere dorința de a minimiza dimensiunea imaginilor pentru web. O cale de ieșire poate fi reducerea manuală a dimensiunii fiecărui strat și distrugerea pieselor în exces. Filtre - Animație Uita de asta!!! Filtra


va face totul pentru tine in cel mai scurt timp!!!. Filtrul face aproximativ următoarele: calculează fiecare strat și găsește puncte modificate în raport cu cel anterior și le lasă numai pe acestea, modificând dimensiunea stratului la minim posibil (adică, tăierea la punctele modificate extreme).În acest caz, toate punctele neschimbate din interiorul acestui strat vor fi înlocuite cu unele transparente. Luați gif-ul nou creat cu legenda GIMP și aplicați acest filtru. După cum puteți vedea, rămâne doar o literă în fiecare strat și întregul alb a fost înlocuit cu unul transparent, deoarece nu are rost să-l trageți în fiecare strat, având unul pentru toți fundal alb. În plus, un alt parametru a apărut în numele stratului dintre paranteze - Filtre - Animație combina alb. Acesta este exact modul pozitia cadrului. După aplicarea filtrului


acest mod va conta întotdeauna alb, adică noul cadru va fi adăugat celor anterioare. Filtre - AnimațieÎncercați să schimbați această setare în pozitia cadruluiînlocui
si vei obtine asa ceva: Filtre - Animație Același efect ar putea fi obținut cu regimul , lăsând inițial o singură literă în fiecare strat și aplicând un filtru. Deoarece gif conține maximum 256 de culori, apoi neclaritatea obiectului fundal transparent Este foarte greu de afișat și de multe ori pur și simplu dispare. De aceea folosesc mereu în fiecare strat imagine de fundal, și deja desenez pe el element nou. De exemplu, pe site-ul companiei pentru care lucrez, trebuia să descriu rachere solară rotativă pe fundalul unei clădiri.

- Conține trei puncte - Când am făcut fiecare evidențiere într-un nou strat separat de clădire, când a fost salvată ca gif, a pierdut jumătate din raze și a încetat să mai fie neclară. Apoi am copiat imaginea clădirii în fiecare strat, am pictat evidențieri pe ea și am optimizat-o. Drept urmare, am obținut ceea ce îmi doream, iar dimensiunea fișierului a fost redusă de trei ori față de cel neoptimizat!

. Filtru de optimizare inversă. Până acum nu i-am găsit o utilizare adecvată, dar este posibil să vă fie util atunci când trebuie să faceți modificări la o imagine optimizată.
1 Deci, ne-am dat seama de principiile de bază ale creării gif-urilor animate folosind GIMP. Rezumând pe scurt, putem trage următoarele concluzii:
2 . Fiecare cadru de animație reprezintă un strat de imagine separat.
3 . Fiecare cadru poate fi specificat cu doi parametri: timpul de afișare în microsecunde și tipul acestuia, combinați sau înlocuiți. Parametrii sunt specificați în numele stratului și sunt încadrați în paranteze, de exemplu: Layer1 (1000ms)(combine).

. Optimizarea straturilor vă permite să reduceți semnificativ dimensiunea imaginii de animație.

Acesta este totul despre tehnicile de bază pentru crearea de imagini GIF animate folosind GIMP. Sper că ați găsit util acest scurt articol. Dacă aveți comentarii sau completări, vă rog să-mi scrieți pe e-mail.
În termeni simpli, orice animație este creată din cadre în așa fel încât pe fiecare cadru ulterior în raport cu cel precedent, se fac mici modificări (deplasări), iar la schimbarea cadrelor cu o anumită viteză se creează efectul de mișcare.

De exemplu, să creăm o animație cu debitul unui râu. Aici este sursa ->
Încărcați imaginea sursă în GIMP2.6.2. Din moment ce vom anima debitul râului și

totul nu ar trebui să se miște, atunci vom folosi mecanismul „Selectare”, vom selecta suprafața apei a râului cu o linie de selecție închisă și vom lucra deja cu această selecție.->
Facem clic pe marginea râului și a malului, dar nu atingem malul. După ce faceți clic pe mouse, în imagine va apărea un cerc mic asociat cu cursorul linie subțire. Selectăm o secțiune dreaptă de-a lungul malului râului, dar astfel încât linia care leagă cursorul cu primul punct de selecție să nu traverseze malul, ci să meargă doar de-a lungul imaginii suprafeței apei (puteți mări, dacă este necesar) și din nou faceți clic pe butonul stâng al mouse-ului și imediat vom avea un al doilea punct de selecție Selectați din nou secțiunea dreaptă și faceți clic cu mouse-ul.->


Astfel, trebuie să ocolim întreaga graniță a râului și să ne întoarcem la punctul de selecție inițial (primul). Faceți clic pe el și linia de selecție se va transforma într-o linie punctată (pistă furnică), aceasta arată că conturul de selecție s-a închis și selecția este completă.->


Următorul pas, deschideți fereastra „Layers” sau „Layers Dialog”, în meniul „Windows”, selectați „Panels” -> „Layers”. În fereastra „Straturi”, creați patru copii ale stratului „Background” (5 straturi în total) și activați al doilea strat de jos. Stratul „Background” va rămâne neschimbat.->

Să începem să facem modificări la acest strat. Faceți clic pe butonul „Filtre” și selectați -> „Distorsion” -> „Ripple” ->


Se va deschide fereastra „Creare Ripple” ->

În această fereastră setăm perioada = 5, Valorile tuturor celorlalte setări pe care le-am folosit sunt subliniate cu roșu, dacă implicit sunt diferite pentru dvs., atunci procedați ca în imaginea mea (în viitor, când creați propria animație, asigurați-vă că experimentați cu aceste setări, puteți obține efecte foarte interesante). Faceți clic pe butonul „OK” din fereastra „Creare Ripple” și efectul „Ripple” va fi aplicat stratului activ.
Activați următorul, al treilea strat din partea de jos și reveniți la meniul „Filtre” și selectați „Repetați cu setări de ondulare” ->


Se va deschide din nou fereastra „Create Ripple”, în această fereastră schimbăm doar perioada și o setăm egală cu 8. Faceți clic pe butonul „OK” și acest efect va fi aplicat stratului nostru activ.
Prin analogie cu straturile rămase, efectuam aceleași operațiuni, DAR->
În fereastra „Creare Ripple”, pentru al patrulea strat de jos setăm perioada egală cu 12, iar pentru ultimul egal cu 6, nu atingem restul.
Asta e, animația este creată. Faceți clic pe butonul „Filtre”, selectați „Animation” -> „Redare” și bucurați-vă de animația creată.
Tot ce rămâne este să-l salvezi format GIF precum animația. Am setat întârzierea dintre cadre la 100 de milisecunde.
Iată rezultatul muncii noastre ->