Creați un GIF animat. Creați animație gif online fără photoshop. Editor foto PicMix

Te-ai întrebat vreodată cum sunt create GIF-urile animate? Autorul lecției te invită să stăpânești câteva secrete de animație într-o singură noapte cu ajutorul acestei lecții. Veți învăța, de asemenea, cum să utilizați Timeline, care este disponibil în Photoshop CS6. Acum să începem!

Rezultatul lecției.

Pasul 1

Creați un document nou ( Ctrl + N) cu dimensiunile fișierului de 800 x 500 pixeli. Umpleți fundalul cu orice culoare doriți. Acum să mergem la meniu Straturi- Stilstrat- Acoperiregradient(Strat > Stiluri de straturi > Suprapunere gradient). Aplicați următoarele setări: Stil Radial(Radial), culori de la negru (#000000) la albastru (#54799b), care vor fi folosite în centru.

Pasul 2

Creați un nou strat și denumiți-l Stratul de zgomot. Selectați un instrument Completati(Paint Bucket Tool) și umpleți stratul creat cu o culoare închisă (#231f20). Lăsați stratul activ Stratul de zgomotși mergi la meniu Filtru - Zgomot - Adăugați zgomot(Filtru>Zgomot>Adăugați zgomot). În caseta de dialog cu setările filtrului, setați următoarele valori: Efect(Suma) 3%, distributie Uniformă(Uniform) și faceți clic pe OK.

Pasul 3

Apăsați combinația de taste (Ctrl +U) iar în caseta de dialog setări de corecție care apare, introduceți valorile Saturare(Saturație) 100%: Schimbați modul de amestecare al acestui strat la Lumina slaba(Lumina slaba).

Nota traducatorului: Pentru a obține aceeași culoare ca și autorul din captura de ecran, atunci când ajustați Nuanța/Saturația, puteți seta valoarea Nuanței la - 140.

Pasul 4

Adăugați orice text doriți. Aici vom folosi textul siglei site-ului 123RF. În stilurile de straturi folosiți Accident vascular cerebral(Accident vascular cerebral). Selectați valorile mărimii cursei în funcție de preferințele dvs.

Nota traducatorului: Pe captura de ecran a autorului există deja text rasterizat împreună cu stilul Stroke. Pentru a obține același rezultat, după aplicarea cursei, îndepărtați umplerea (Completati) din stratul de text 0%, convertiți acest strat într-un obiect inteligent și apoi rasterizați-l.

Pasul 5

În acest pas vom crea un efect strălucitor pentru text folosind stiluri de straturi. Faceți dublu clic pe strat pentru a afișa fereastra Opțiuni stil. Pentru a personaliza stilurile de straturi, utilizați capturile de ecran de mai jos.

embosare(Teșit și relief)

Umbra interioara(Umbra interioara)

Stralucire interioara(Stralucire interioara)

Suprapunere de culoare(Suprapunere de culoare)

Strălucire externă(Strălucire exterioară)

Umbră(Umbra)

Pasul 6

După ce ați terminat de creat efecte de lumină folosind stiluri de straturi, accesați paleta Straturi și reduceți valoarea acestui strat Umple(Umpleți) cu 0%.

Pasul 7

Duplicați stratul creat la pasul 5 și dezactivați toate stilurile de straturi de pe această copie. Acum setați stilurile astfel:

Umbra interioara(Umbra interioara)

Stralucire interioara(Stralucire interioara)

Pasul 8

Mai jos este rezultatul după ce ați aplicat stilurile de strat.

Pasul 9

Acum vom crea puncte de lumină în mișcare. Creați 5 straturi peste cele existente și redenumiți-le ca 1,2,3, R și F. Dacă aveți propriul text, creați straturi conform literelor dvs. Grupați aceste straturi într-un folder și dați-i un nume Pete Luminoaseși schimbați modul de amestecare la Luminarea bazei(Color Dodge).

Activați instrumentul Perie(Instrument perie), selectați o perie moale, setați Opacitate(Opacitate) la 95% și desenați pete deasupra textului cu culoare albă. Pentru fiecare literă există un punct luminos separat pe propriul strat. Mai jos, în captură de ecran, puteți vedea cum arată straturile autorului în paleta de straturi.

Pasul 10

Acum să mergem la meniu Fereastra - Cronologie(Fereastră > Cronologie). Veți observa că straturile dvs. sunt deja construite în această paletă din partea stângă a acesteia. Selectați fiecare dintre cele cinci straturi de evidențiere care se află în grup. Pete Luminoaseși asigurați-vă că indicatorul de timp curent (glisor albastru) este la cadru zero. Acum, pe fiecare strat din grup, când este activ, faceți clic pe opțiune Poziţie(Poziție) pentru a crea un cadru cheie.

Nota traducatorului: Pentru a activa scala de timp, faceți clic pe butonul Creați o cronologie pentru un videoclip(Creează cronologie video) și toate straturile tale se vor încărca în cronologie. Va fi selectat același strat sau grup ca și în paleta de straturi.

Pasul 11

Setați indicatorul de timp curent (glisor albastru) la 01:00 Fși mutați straturile cu pete luminoase de-a lungul traiectoriei mișcării lor față de conturul literei.

Pasul 12

Așa va arăta poziția inițială a punctului luminos de pe litere. Mutați indicatorul de timp curent de-a lungul scalei și mutați straturi cu puncte luminoase, creând cadre cheie. Continuați să le mutați până când ați terminat de mutat pata pe întreaga literă a fiecărui strat de text. Pentru instrucțiuni, vedeți câteva capturi de ecran de mai jos.

De ce ar trebui să faci un GIF dintr-un videoclip?

De ce să nu folosești pur și simplu video?

Videoclipul este greu. Videoclipul va cântări câțiva MB, iar un GIF similar va fi de 10-100 de ori mai mic.

Da, canalele de internet devin din ce în ce mai grase, dar există și internetul mobil, sunt computere lente și așa mai departe.

Animația GIF are 2 funcții...

Pentru ce sunt folosite GIF-urile?

Vad 2 functii. Primul este de a arăta în mod clar un proces.

Iată, de exemplu, GIF-ul meu care arată cum funcționează programul Punto Switcher:

Ai putea descrie pentru o lungă perioadă de timp cum funcționează programul, dar este mult mai ușor să pui un gif ca acesta. Și totul este clar pentru toată lumea. Greutatea sa este de numai 29 KB.

Apropo, a doua opțiune este să faci o captură de ecran cool cu ​​săgeți. Am scris despre cum să fac asta.

A doua funcție este pur și simplu FAN (divertisment, glumă etc.).

Când trebuie să arăți o emoție într-un articol, nu există o modalitate mai bună de a o găsi decât animația GIF.

De exemplu, acest gif arată perfect furia (499 kb):

iar aceasta este plictiseala (392 kb):

și iată atenția (385 kb):

Inserând o astfel de imagine într-un articol, îți vei transmite imediat pe deplin emoția. Nu e grozav?

Dar cum să găsești GIF-ul potrivit online?

De exemplu, l-am folosit pentru a face acest gif dintr-un videoclip YouTube în 5 minute. Dimensiune - doar 390 KB:

Poate fi folosit atunci când trebuie să arătați, de exemplu, formalism excesiv și glamour în circumstanțe absolut nepotrivite.

Cum am realizat această animație, precum și cum să reduc dimensiunile GIF în general - instrucțiunile mele pas cu pas.

Opțiunea 2. GIF din captura de ecran

Dacă doriți să înregistrați un GIF al unui proces (de exemplu, pentru a trimite un ajutor vizual unui coleg), atunci puteți pur și simplu să faceți un screencast cu orice program.

Pentru aceasta folosesc programul convenabil ShareX harvester (link).

Desigur, vă permite să luați videoclipuri de pe ecran, dar poate crea imediat un GIF al întregului proces.

Nu doar un singur gif. Coub!

Poza este buna. Dar uneori sunetul este chiar mai bun. GIF-ul cu sunet este Coub.

Internetul este plin de cuburi amuzante.

Preferatul meu este „Ei bine, te rog! Nu prea am vrut!”

Dar despre meșterii noștri populari care vor da căldură oricărui tehnologic din Massachusetts:

Și acest cub este despre drumurile rusești. Din păcate, vedem astfel de scene în fiecare primăvară:

Striptease în pădure. Nu am fost niciodată la un striptease, acum știu cum se întâmplă:

Ei bine, sunt sigur că toată lumea este în această stare vineri seara.

Animația gif este binecunoscută celor care se ocupă cu crearea de bannere și diverse elemente în mișcare. Aproape fiecare utilizator de internet a întâlnit cel puțin o dată o imagine în mișcare animată sub forma unei reclame sau a unei părți a unui site web. Beneficiile animației GIF sunt evidente: un element luminos mobil poate atrage mult mai multă atenție și poate întruchipa aproape orice idee a designerului. Dar ce este animația Gif și în ce constă? Cum să faci un GIF? Ce program poți folosi pentru a crea animație Gif? Care sunt beneficiile programului nostru gratuit Gif Animator?

Format Gif: caracteristici și avantaje

Fișier gif combină mai multe imagini care sunt afișate pe ecran într-o anumită secvență și în cele din urmă formează un element animat. Prin urmare, pentru a crea o animație Gif, nu vă grăbiți să apelați imediat la programul nostru gratuit Gif Animator - pregătiți mai întâi un set de imagini din care va fi creată imaginea dvs. în mișcare și gândiți-vă clar la esența a ceea ce doriți să obțineți în Sfârşit.

• Procedura de postare a animației Gif pe web nu este diferită de postarea unei imagini neanimate - un Gif obișnuit.
• Imaginea animată gratuită pe care decideți să o creați folosind programul Gif Animator de pe site-ul nostru web nu necesită pluginuri suplimentare pentru vizualizare.
• Datorită compresiei la crearea GIF-urilor, animația ajunge să fie de dimensiuni reduse.
• După crearea unui Gif, animația poate fi stocată în cache. Nu este nevoie să contactați din nou serverul. La fel cum lucrați cu o imagine GIF animată, nu trebuie să vă reconectați la server.
• Odată ce decideți să creați o imagine animată folosind programul nostru gratuit Gif Animator online, o puteți plasa pur și simplu pe pagină - nu este nevoie să utilizați nicio tehnică de programare pentru a face acest lucru.

Cum să faci animație gratuită în Gif Animator?

Din păcate, nu există multe programe specializate care să vă permită rapid, eficient și, cel mai important, să creați animație Gif online gratuit. De aceea, vă oferim produsul nostru unic - programul Gif Animator, cu ajutorul căruia puteți crea orice imagine în mișcare într-un timp minim.

• alege imaginile necesare pentru a crea animație GIF gratuită;
• Descarca le în ordinea în care vrei să le vezi ca rezultat;
• Faceți clic pe „Creați Gif”.

Pentru a obține mult mai multe oportunități de a lucra cu programul online gratuit pentru crearea de imagini animate Gif Animator - doar înregistrați-vă pe site-ul nostru!

Cu siguranță toată lumea știe despre imagini mici animate, cu alte cuvinte, GIF-uri. Utilizatorii site-ului vk.com sunt familiarizați în special cu ele, deoarece au posibilitatea de a le adăuga în comentarii. Desigur, există o opțiune de a face imagini gata făcute. Dar nu veți găsi întotdeauna ceea ce doriți și de aceea vreau să vorbesc despre servicii care vă permit să vă creați propriile imagini animate. În același timp, nu aveți nevoie de cunoștințe de super computer. Știrile complete enumeră o serie de servicii, așa că unul dintre ele se va potrivi și ție!

Animații GIF online

1.Loogix

Pentru a utiliza acest serviciu aveți nevoie de cel puțin 3 imagini. Dacă doriți un GIF care conține mai mult de 3 imagini, atunci puteți adăuga până la 10 imagini folosind linkul cu textul „Adăugați încă o imagine”. Serviciul poate crea o imagine animată la 5 viteze diferite. De asemenea, este posibil să adăugați efecte animației dvs. (de exemplu, „Blur”).

Acest serviciu include și alte două opțiuni pentru crearea de animații:
• Crearea de animații inverse

2.Picasion

Picasion foarte asemănător ca aspect cu serviciul Loogix, dar ușor diferit. În plus, acest serviciu oferă importarea imaginilor de pe site-ul Flickr folosind o etichetă de imagine specială (pentru căutare).

Pe lângă serviciul principal, mai sunt trei:
• Realizarea de GIF-uri geniale
• Crearea de avatare
• Redimensionarea unei imagini

3. Gickr

La fel ca cele două servicii anterioare Gickr folosește de la 3 la 10 imagini pentru a crea animație. De asemenea, acest serviciu vă permite nu numai să creați animații de diferite dimensiuni, ci și la viteze diferite (până la 10 secunde). Este posibil să importați imagini din Flickr și Picasa.

4. MakeaGIF

Makeagif este un serviciu și mai simplificat pentru crearea de animații decât cele discutate anterior. Aproape în centru există un buton mare cu textul „adăugați imagini”, cu care puteți încărca imaginile necesare. Pentru a încărca mai multe imagini simultan, trebuie să țineți apăsată tasta CTRL și să le selectați pe cele de care aveți nevoie.

Pe langa acest serviciu mai exista si:
• Realizarea de GIF-uri din videoclipuri de pe Youtube
• GIF-uri folosind o cameră web
• Conversia video în animație GIF

5. GIFMaker.me

Un alt serviciu pentru crearea de animații GIF care acceptă formatele de imagine JPG, PNG și GIF. Tot ceea ce aveți nevoie pentru a crea animație este imediat vizibil. Trebuie doar să încărcați imaginile necesare, apoi, mutând glisoarele, să priviți fereastra de previzualizare din dreapta sus.

6. ImgFlip

Voi spune imediat că atunci când creați animații pe acest serviciu, veți avea un filigran pe GIF-urile dvs. Pentru a elimina acest semn, trebuie să aveți un cont Pro. În rest, acest serviciu este foarte asemănător cu cele despre care am discutat mai sus.

7. GIFPal

Pe lângă capacitățile de bază pentru crearea de animații, acest serviciu vă permite să adăugați diferite efecte pentru GIF-uri: luminozitate, contrast și saturație.

Tehnica descrisă mai jos constă în lipirea mai multor fișiere grafice într-o anumită secvență. În timpul procesului de creare GIF, puteți modifica parametrii aferenți, puteți aplica diferite efecte și puteți selecta calitatea.

Metoda 1: Gifius

Un serviciu online creat special pentru obținerea de animație prin descărcarea și procesarea imaginilor. Este posibil să descărcați mai multe imagini simultan.

Metoda 2: Gifpal

Unul dintre cele mai populare site-uri gratuite din acest segment, care vă permite să efectuați multe operațiuni de procesare a animației. De asemenea, acceptă capacitatea de a descărca mai multe imagini în același timp. În plus, puteți folosi camera web pentru a crea GIF-uri. Gifpal vă cere să aveți cea mai recentă versiune.

1. Pentru a începe să lucrați pe acest site, trebuie să lansați Flash Player: pentru a face acest lucru, faceți clic pe pictograma corespunzătoare, care arată astfel:



2. Confirmați intenția de a utiliza Flash Player cu butonul "Permite"într-o fereastră pop-up.



3. Clic "Incepe acum!".



4. Selectați un articol „Începe fără cameră web” pentru a elimina utilizarea unei camere web în timpul procesului de creare a animației.



5. Click pe „Selectați imaginea”.



6. Adăugați imagini noi în biblioteca personală folosind butonul „Adăugați imagini”.



7. Selectați imaginile de care aveți nevoie pentru animație și faceți clic "Deschis".



8. Acum trebuie să adăugați imagini la panoul de control GIF. Pentru a face acest lucru, selectați o imagine din bibliotecă una câte una și confirmați selecția cu butonul "Selectați".



9. În cele din urmă, transferăm fișierele la procesare făcând clic pe pictograma camerei corespunzătoare. Ea arata asa:



10. Selectați întârzierea dintre cadre folosind săgețile. O valoare de 1000 ms este egală cu o secundă.



11. Clic „Creați un GIF”.



12. Încărcați fișierul terminat folosind butonul „Descărcați GIF”.



13. Introduceți un nume pentru munca dvs. și faceți clic "Salva"în aceeași fereastră.

Conversia video în animație

A doua metodă de a crea GIF-uri este conversia obișnuită. În acest caz, nu selectați cadrele care vor fi afișate în fișierul terminat. Într-una dintre metode, puteți limita doar durata videoclipului convertit.

Metoda 1: Videotogiflab

Un site conceput special pentru crearea de animații din videoclipuri în formate MP4, OGG, WEBM, OGV. Un mare plus este capacitatea de a ajusta calitatea fișierului de ieșire și de a vizualiza informații despre dimensiunea GIF-ului pregătit.

1. Începem să lucrăm apăsând un buton "Alege fișierul" pe pagina principală a site-ului.
2. Selectați videoclipul de convertit și confirmați alegerea făcând clic "Deschis".



3. Convertiți-vă videoclipul în GIF făcând clic "Începe să înregistrezi".



4. Dacă doriți să faceți o animație mai scurtă ca durată decât fișierul descărcat, faceți clic pe momentul dorit „Opriți înregistrarea/Creați GIF” pentru a opri procesul de conversie.



Când totul este gata, serviciul va afișa informații despre dimensiunea fișierului primit.

5. Ajustați cadrele pe secundă (FPS) folosind glisorul de mai jos. Cu cât valoarea este mai mare, cu atât calitatea va fi mai bună.



6. Descărcați fișierul finalizat făcând clic pe butonul „Salvați animația”.

Metoda 2: Convertio

Acest serviciu este specializat în conversia unei game largi de formate de fișiere. Conversia de la MP4 la GIF are loc aproape instantaneu, dar, din păcate, nu există opțiuni suplimentare pentru personalizarea animației viitoare.

După cum puteți vedea din articol, crearea unui GIF nu este deloc dificilă. Puteți personaliza animația viitoare mai detaliat folosind serviciile online care au fost create special pentru lucrul la acest tip de fișier. Dacă doriți să economisiți timp, puteți utiliza site-uri pentru conversia obișnuită a formatului.