Cum să faci o animație frumoasă cu Gimp. Lecții GIMP

Vizualizarea a 12 postări - de la 1 la 12 (din 12 în total)

Dragi guru gimp, vă rugăm să spuneți unui începător! Nu pot înțelege.

Cum să faci o astfel de imagine gif, astfel încât trei imagini să se înlocuiască, dar în același timp, fiecare dintre aceste imagini are și animație (apare textul)?!


Efectuarea manuală a acestei animații este o perioadă plictisitoare (deși este posibil.)
Și Gimp pentru animație nu este cea mai bună alegere. Feudoul animației este grafica vectorială.
Dacă sarcina este privată, de ex. Deoarece trebuie făcut o dată și uitat, este mai bine să creați o prezentare în Impress și să o exportați într-un gif.
(inclus in pachet libreoffice-> http://ru.libreoffice.org/download/)
În același timp, există o mulțime de efecte, nu doar atenuare. Iese ieftin și vesel.
Dacă doriți să o faceți în Gimp, atunci trebuie să descărcați GAP (GIMP Animation Package)

Puteți citi despre asta în rusă:
http://www.gimpbnksb.ru/forum/14-152-1

Ladd, Mulțumiri! Voi încerca acest plugin acum, dă-ți seama :)
biroul nu este potrivit, deoarece sarcina este de a face un banner.

Poți doar să scrii pașii pentru a crea ceea ce am nevoie (dacă este lung și trist: D)? si apoi voi incerca sa-mi dau seama singur...
Pur și simplu nu înțeleg ce trebuie făcut exact pentru a obține rezultatul dorit... din câte am înțeles, trebuie să faci multe straturi (secvență - mai întâi un strat cu o imagine, apoi straturi cu texte, apoi un strat al celei de-a doua imagini etc.) și apoi încărcați toate acestea într-un gif , Deci?!

Primul meu sfat nu mai este că LibreOffice nu stochează în mod adecvat efectele de animație în format gif.
Cum să manual?
1. Citiți câteva informații despre gif
2. Înțelegeți ce este modul combinare / înlocuire
3. Creați o animație simplă și exportați în gif (de exemplu, desenați o animație a unei mingi care sări, 4-6 cadre)
4. Creați o schiță a animației dvs
5. Evaluați experimental dimensiunile fișierelor de ieșire și nevoia de optimizare
6. Salvați imaginea în modul: Culoare indexată (adică cu propria paletă)
7. Ocupă-te cu Gap, el te va ajuta foarte mult.
8. Pentru experimente cu întârziere, utilizați orice animație. De exemplu:

Dacă trebuie să faci multă animație, mergi la flash, poți desena videoclipuri mai serioase. Calitatea unei astfel de animații este o reducere mai sus.
P.S. Secvența este corectă, trebuie doar să vedeți care este diferența dintre combinare și înlocuire, precum și cum se comportă canalul alfa.

Dezacord. Deci ceva nu era în regulă cu Flash. Flash se bazează pe grafică vectorială, fonturi pe grafică vectorială, toate efectele sunt pure matematică, dimensiunea fișierului va fi mică. Singurul lucru care ar putea crește dimensiunea videoclipului final au fost imaginile raster importate incorect (fie le-ați lăsat în raster, fie trasarea a fost făcută cu parametri nereușiți.)

Și cel mai probabil cu un bliț să fac ceva greșit... :)
Doar că mai devreme a existat un partener care era doar implicat în design și grafică, iar eu eram doar în cod .... A plecat, și toată munca lui a fost pusă pe mine, așa că acum studiez! :)

Foarte multumit de editor! Intuitiv clar, dacă stai cu el măcar puțin.

Mi-am dat seama că totul, a apărut o singură întrebare - este posibil să se facă cumva o întârziere diferită între afișarea straturilor individuale (cadre), dacă o salvez în .gif ca animație? Sau întârzierea este setată de un parametru pentru TOATE straturile simultan în fereastră, când deja o export în .gif?

Este foarte ușor să faci o altă întârziere:
1. Pregătiți un fișier din mai multe straturi
2. Exportați în gif cu comun tuturorîntârzierea cadrului
3. Deschideți fișierul gif
4. În teancul de straturi (dialog Straturi) lângă numele stratului va exista o întârziere
(100 ms în mod implicit.) Schimbați această valoare la 500 ms pentru orice strat, exportați din nou în gif și voilà, cadrul se va bloca pentru o jumătate de secundă.
P.S. Nu sunt sigur că toți spectatorii vor accepta întârzieri diferite pentru cadrele aceleiași animații.

WiL-13 a scris:
Adică apare o imagine, apoi sunt rânduri de text pe ea una după alta, apoi o a doua imagine, are și mai multe rânduri una după alta etc...

Dacă animația este simplă, atunci este mai logic să o faci în JavaScript sau chiar CSS3.
Și este cu adevărat mai bine să refuzi să folosești Flash, tehnologia moare încet.

Gif-urile animate sunt omniprezente pe internet. Bannerele, butoanele, logo-urile, toate, folosind chiar și o mică animație, aduc ceva dinamică conținutului paginii. Există multe programe diferite care vizează în mod special crearea de imagini animate gif. Cu toate acestea, majoritatea dintre ele pot lucra doar cu imagini finite, distorsionându-le sau mutându-le în spațiu. Prin urmare, este complet logic să creezi imagini animate folosind un program cu care poți și să desenezi. Mai jos vreau să vă arăt cât de ușor este să creați 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 în mai multe straturi, fiecare dintre acestea putând fi o 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, trageți 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ă adunarea literă cu literă a cuvântului GIMP:

Acum salvați imaginea rezultată ca gif ( Fișier - Salvare ca). După aceea, GIMP vă va solicita să exportați imaginea ca gif. În același timp, el vă va oferi să alegeți dacă să îmbinați straturile într-o singură imagine sau să le salvați ca animație. pentru că suntem interesați de animație, selectați a doua și faceți clic pe „ Export„. După aceea, se va deschide un meniu pentru selectarea opțiunilor gif de animație:

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

- Ciclu fără sfârșit. Dacă această opțiune este activată, straturile vor fi intercalate pe termen nelimitat, adică după ce ultimul strat este afișat, va fi afișat primul. Dacă această opțiune este dezactivată, animația se va reda o dată și se va opri la imaginea ultimului strat.

- Întârziere între cadre- timpul în microsecunde pe care fiecare strat îl va afișa implicit.

- Locația cadrului- are trei moduri. Prima (implicit) - nu-mi pasă (oricare ar fi), îi spune lui GIMP să se elimine. Al doilea - Combinați (straturi suprapuse), suprapune un strat peste altul fără a le îndepărta pe cele precedente, adică. le unește. Astfel, dacă aveți locuri transparente în straturi, straturile anterioare se vor afișa prin ele. În mod implicit, GIMP utilizează de obicei acest mod ca fiind cel mai flexibil. Îl folosesc mereu și eu. Al treilea mod - Înlocuire (un cadru pe strat), înlocuiește stratul anterior cu cel nou.

Utilizați aspectul implicit al stratului și setați timpul dintre cadre la 200. GIF-ul rezultat ar trebui să arate astfel:

Dacă deschidem acum acest gif cu GIMP, vom vedea că în dialogul de straturi, în numele fiecărui layer, a fost adăugat în paranteze un parametru - timpul de afișare. Astfel, prin modificarea valorii dintre paranteze, puteți seta fiecare strat la propriul timp de afișare personal. De exemplu, setați ultimul strat la 500, astfel încât literele complete să rămână 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ă apelezi la elementul special din meniu Filtre - Animație. Conține trei articole - Redare, OptimizareȘi Deoptimizare. Să ne dăm seama ce este:

- Redare. Acest element ne permite să redăm o imagine de animație proaspăt primită:

Mai sus este un gif animat care simulează funcționarea acestui filtru lansat de butonul Start Stop. Astfel, este clar că acest buton începe redarea imaginii și, de asemenea, o oprește. Buton derulează înapoi ne întoarce la primul cadru al imaginii, butonul Etapa vă permite să schimbați cadrele manual. Dar toate acestea sunt departe de cele mai interesante caracteristici ale acestui filtru. Dacă faceți clic pe imaginea redată, 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, în fereastra browserului, pentru a vedea cum va arăta această animație pe pagina dvs. Apropo, această caracteristică poate fi folosită și pentru imagini neanimate.

- Optimizare. Când am aplicat 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, cu un număr mare de 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 din situație poate fi reducerea manuală a dimensiunii fiecărui strat și distrugerea pieselor suplimentare. Uita de asta!!! Filtru Optimizare in cel mai scurt timp va face totul pentru tine !!!. Filtrul face aproximativ următoarele: calculează fiecare strat și găsește punctele modificate, în raport cu cel precedent, și le lasă doar pe ele, modificând dimensiunea stratului la minim posibil (adică tăind în punctele extrem de schimbate). În acest caz, toate punctele neschimbate din interiorul acestui strat vor fi înlocuite cu unele transparente. Luați un gif nou creat cu legenda GIMP și aplicați acest filtru.

După cum puteți vedea, a rămas doar o literă în fiecare strat, iar toată culoarea albă a fost înlocuită cu transparentă, deoarece. nu are rost să-l trageți în fiecare strat, având un singur fundal alb pentru toți. În plus, a apărut încă un parametru în numele stratului dintre paranteze - combina. Acesta este doar modul aspectul cadrului. După aplicarea filtrului Optimizare acest mod va conta întotdeauna combina, adică noul cadru va fi adăugat celor anterioare. Încercați să schimbați această setare în a inlocui si vei obtine asa ceva:

Același efect ar putea fi obținut cu modul combina, lăsând inițial o singură literă în fiecare strat și aplicând filtrul Optimizare. Diferența va fi că în acest caz fiecare strat va conține o literă neagră și o culoare de fundal pentru a picta peste precedentul. Rezultatul este o dimensiune mai mare a fișierului. Cu toate acestea, de multe ori câștigul nu este atât de mare, și de lucru cu a inlocui nu foarte convenabil, așa că personal nu îl folosesc niciodată.
Printre alte lucruri, Optimizare oferă un ajutor neprețuit atunci când lucrați cu straturi în care există imagini neclare. pentru că gif contine maxim 256 de culori, atunci estomparea unui obiect pe un fundal transparent este foarte greu de afisat si de multe ori pur si simplu dispare. Prin urmare, folosesc întotdeauna o imagine de fundal în fiecare strat și deja desenez un nou element pe el. De exemplu, pe site-ul companiei la care lucrez, trebuia să afișez strălucirea soarelui rotativă pe fundalul clădirii. Când am făcut fiecare evidențiere pe un nou strat separat de clădire, când a fost salvată ca gif, și-a pierdut jumătate din raze și nu mai era 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 scăzut de trei ori față de cel neoptimizat!

- Deoptimizare. Filtru de optimizare inversă. Până acum, nu mi s-a părut util, dar este foarte posibil să vă fie util atunci când trebuie să faceți modificări la o imagine optimizată.

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:
1 . Fiecare cadru de animație este un strat de imagine separat.
2 . Pentru fiecare cadru pot fi specificați doi parametri: timpul de afișare în microsecunde și tipul acestuia, combinare (unire) sau înlocuire (înlocuire). Parametrii sunt specificați în numele stratului și încadrați între paranteze, de exemplu: Layer1 (1000ms)(combine).
3 . Optimizarea stratului vă permite să reduceți semnificativ dimensiunea imaginii de animație.

Acesta este de fapt totul despre tehnicile de bază pentru crearea de imagini animate gif folosind GIMP. Sper că acest mic articol ți-a fost de ajutor. Dacă aveți comentarii sau completări, vă rugăm să-mi trimiteți un e-mail.

gimp

Acesta este un tutorial pentru Gimp. Sincer să fiu, nu mă pricep foarte bine la desenul cu mână liberă, dar cu programe precum Gimp, opțiunile mele artistice au crescut. Vreau să umplu akak.ru cu instrucțiunile mele Gimp și să ajut mulți oameni sătui de jucării de calculator, timp pierdut pe internet și muncă excesivă în WordPade. Sper să vă bucurați!

Instruire

Nivel de dificultate: Ușor

Ce vei avea nevoie:

• Fantezie
• Interes

1 pas

Luptă la umbră

Mai întâi, să creăm un desen gol. Apoi utilizați instrumentul de umplere plată. Selectați culoarea dorită pentru dvs., țineți apăsat ctrl și mutați banda în jos. Totul ar trebui să arate ca în imagine.

2 pas

Am ales aceasta culoare

Acum avem nevoie de „culoare” - „tonare”, selectăm culoarea și salvăm. Puteți alege orice culoare, dar rețineți că în viitor va exista un logo cool cu ​​numele dvs. pe acest fundal.

3 pas

Efect de piele de șarpe

Acum să lucrăm cu filtrele. Faceți clic pe „filtre” - „distorsiuni” - „mozaic”. Introduceți setările dorite și salvați. Acest efect poate fi folosit pentru a crea picturi murale, sfere, fundaluri și doar pentru distracție.

4 pas

Ar trebui să iasă așa ceva.

Acum trebuie să introducem câteva cuvinte. Pentru a face acest lucru, luăm un instrument similar cu o literă;), selectați fontul de care avem nevoie și scriem ceva. Mi-am ales numele. După ce tastăm, luăm instrumentul „selecție epiliptică” și încercuim textul, astfel încât să nu rămână mult spațiu în apropierea textului. Acum luăm „filtre” - „lumină și umbră” - „supernova”. Punând o „stea” în zona de selecție, luați instrumentul „deget” și pătați steaua în jurul textului.

5 pas

Și acum cel mai important lucru! Animaţie. Luăm „filtre” - „animație” - „crearea unei sfere (minge)”. Lăsați setările așa cum sunt și salvați. Ar trebui să apară o nouă fereastră. Pentru a vizualiza animația, accesați „filtre” - „animație” - „redare”. Apare o fereastră nouă, apăsați pe play și urmăriți creația. Apropo, viteza de vizualizare poate fi ajustată folosind colțul din stânga jos.

6 pas

" opțiune. Acum luăm animația numită „ripples” Facem totul ca în pasul de mai sus. Trebuie să salvați animațiile într-un mod special! Faceți clic pe „fișier” - „salvare ca...” și introduceți numele imaginii dvs. În partea de jos există o fereastră „selectați tipul fișierului prin...”, LUAM FORMAT GIF, altfel veți avea doar o poză. Salvăm, apare o nouă fereastră și acolo veți selecta cu siguranță „salvare ca animație”. Și poza este salvată