Cum să creezi cu ușurință o animație gif. Creați imagini gif din mai multe fotografii. Lecție de Photoshop

În esență, un „gif” este o imagine care combină animația și desenul. Caracteristica principală a unui gif este că este foarte ușor de creat. Astăzi vă vom spune despre un astfel de fenomen pe internet precum gif-urile și vă vom spune cum să le faceți.

Ce se întâmplă când un câine își linge fața

Cum să te comporți dacă ești înconjurat de boori

Cum să faci un GIF dintr-o fotografie?

După cum am scris, crearea unui „gif” este un proces simplu. Astăzi folosesc servicii online speciale pentru a crea „gif-uri”. Vă vom spune cum să faceți un „GIF” dintr-o fotografie folosind serviciul online:

Ce regretă oamenii cel mai mult la sfârșitul vieții?

Beneficiile consumului de cafea

15 operații plastice șocante care s-au terminat prost

  1. Găsiți servicii de animație GIF online pe Internet (de exemplu: gifovina.ru sau minimultik.ru).
  2. găsiți imaginile pe care le veți folosi pentru a crea un „gif”
  3. copiați aceste fișiere pe computer
  4. selectați dimensiunea dorită a animației viitoare („mare”, „avatar”, etc.)
  5. selectați viteza cu care se vor schimba cadrele
  6. Faceți clic pe butonul „continuați” (sau „continuați”).

Astăzi, VKontakte este cea mai populară rețea socială din țările CSI. Oportunitățile pe care le oferă VKontakte au depășit de mult comunicarea obișnuită prin internet: puteți juca jocuri, viziona videoclipuri, asculta muzică și multe altele. Acum veți învăța cum să efectuați diverse manipulări cu gif-uri VKontakte.

Dacă există un „gif” gata făcut

„GIF-urile” pot fi găsite pe Internet. Dacă aveți un gif gata făcut sau unul pe care l-ați creat, îl puteți introduce în Vkontakte. Vei avea nevoie:

  1. copiați sau amintiți-vă linkul către „gif”
  2. introduceți sau introduceți un link către „gif” în fereastra de pe perete.
  3. apoi faceți clic pe butonul „Trimite”.

Salvați „gif”-ul

Dacă găsiți gif-uri interesante pe Internet sau pe paginile prietenilor de pe Vkontakte, le puteți salva pentru dvs. și le puteți folosi la momentul potrivit. Vei avea nevoie:

  1. creați o secțiune „Documente” pe pagina dvs
  2. dacă secțiunea a fost deja creată, accesați ea și faceți clic pe butonul „adăugați document”.
  3. dacă acesta este un „GIF” de pe pagina VKontakte a utilizatorului, faceți clic pe „semnul plus” care se află pe „GIF” și urmați instrucțiunile suplimentare.
  4. Dacă doriți să utilizați un GIF, va trebui să îl găsiți în documente și să îl atașați la o postare sau un perete.

Lecții video

23.08.17 55.4K

Termenul GIF ( Format de schimb grafic ascultă)) a fost introdus la sfârșitul anilor 80 de una dintre cele mai importante companii americane numită CompuServe, care a fost cumpărată ulterior de AOL.

De ce să folosiți o imagine GIF?

Editorul GIF poate exprima totul, de la emoții la idei comerciale și de marketing. Imaginile GIF atrag atenția potențialilor clienți atunci când navighează pe site-ul dvs.

Utilizați un GIF pentru a vă exprima stilul. Și, de asemenea, folosit pentru a crea un brand al unei companii, serviciu sau produs. Există multe resurse disponibile pe Internet pentru a vă ajuta să creați GIF-uri.

Top 10 cele mai bune instrumente pentru a crea GIF-uri

În primul rând, să enumerăm cele mai bune produse software.

Primul program de pe listă este Wondershare Filmora. Este considerat unul dintre cele mai bune programe pentru crearea de videoclipuri și GIF-uri. Este ușor de utilizat și oferă multe caracteristici și mai mult de 100 de efecte vizuale. Precum și control deplin asupra setărilor audio și video.

  • Ușor de folosit;
  • Vă permite să creați GIF-uri din imagini statice;
  • Vă permite să creați GIF din videoclipuri de orice format, de exemplu, AVI, MPEG, WAV, DAT, EVO, MKV, MP4, WMV etc.;
  • Vă permite să editați GIF folosind comenzi precum decuparea, combinarea, rotirea, accelerarea, încetinirea, corectarea culorii;
  • Vă permite să editați GIF-uri cu efecte uimitoare, text și subtitrări.

2.Photoscape

Puteți crea o mulțime de efecte interesante în videoclipuri folosind Photoscape. Editorul GIF include următoarele instrumente și funcții:

  • Editor;
  • Vedere;
  • GIF-uri animate;
  • Alegerea culorilor;
  • Încadrare;
  • Filtre.

Pro: ușor de utilizat.
Contra: puțin lent.

3.Gifted Mișcare

Utilizează Java și poate rula pe toate sistemele de operare. Nu necesită instalare.

  • Vă permite să editați imagini;
  • Suporta PNG, JPEG, BMP, GIF;
  • Nu este necesară licența.

Fișierele sunt compatibile cu toate edițiile de Windows, inclusiv versiunile pe 32 și 64 de biți. Acesta este unul dintre puținele programe dezvoltate folosind tehnologia informației ecologice ( Software verde) .

Creează filme, prezentări de diapozitive, GIF-uri animate și multe altele.

Pro: consumă puțină putere a dispozitivului, ușor de utilizat.
Contra: Control incomplet asupra procesului de editare.

Servicii online pentru crearea GIF-urilor

Există un număr mare de servicii online care vă permit să creați imagini GIF. Una dintre problemele cu astfel de resurse este confidențialitatea și filigranul. Prin urmare, vă rugăm să acordați atenție termenilor și condițiilor înainte de a descărca imagini.

5.Picasion

Picasion vă permite să importați fotografii sau videoclipuri din Picasa, Flickr sau orice altă galerie. Acest serviciu este disponibil în mai multe limbi, inclusiv engleză, spaniolă, portugheză și rusă. Puteți ajusta dimensiunea imaginilor, puteți crea și adăuga propriul avatar.

Avantaje: editor GIF gratuit ușor de utilizat, care acceptă multe formate.
Contra: afișează un număr mare de reclame.

6. GifPal

Un creator GIF ușor de utilizat.

  • Reglarea vitezei cadrului.
  • Editarea cronologiei.
  • 30 de efecte.
  • Până la 20 de cadre.
  • Fără filigrane pe fotografii.

Pro: Instrument gratuit cu efecte utile.
Contra: Editorul GIF animat necesită acces la internet pentru a fi utilizat.

7. Gickr

Gickr facilitează crearea propriilor imagini GIF, încărcându-le din galeria de imagini sau din contul Flicker, YouTube, Picasa. Serviciul oferă o navigare sigură și este eficient.

Pro: gratuit.
Contra: este necesar acces la internet.

8. FaceAGif

Creează-ți propriile GIF-uri și bucură-te de funcții fantastice într-un mediu sigur.

La InVision, animațiile GIF nu sunt folosite pentru răsfăț - ele joacă un rol important din punct de vedere al marketingului și al instruirii. Așa că am încercat chiar să le folosim pe pagina noastră de pornire în loc de animații făcute cu cod.

În cele din urmă, oamenii au început să ne întrebe: „Cum creați animații GIF?” Este timpul să dezvăluim secretul.

Design de imagine GIF

1. Ingredient secret

Iată micul meu secret: toate animațiile mele GIF au început ca fișiere video. De obicei folosesc ScreenFlow, pe care îl folosesc și pentru a crea videoclipuri cu produsele noastre. Acesta este un program simplu care conține în același timp multe instrumente utile de animație.
După ce salvez animația ca fișier video, o import în Photoshop prin Fișier > Import > Cadre video ca straturi.

Sfat: Dacă ScreenFlow sau After Effects nu vă plac, creați o animație în Keynote și exportați-o ca videoclip. În sfârșit, o utilizare a acestei funcții în Keynote.

2. Mai puține culori = mai multă distracție

Dacă doriți să faceți animații GIF cool, atunci trebuie să abordați alegerea culorii cu grijă deosebită. Acest lucru nu va afecta numai dimensiunea fișierului, dar vă va permite și să creați animații mai lungi cu o dimensiune mai mică a fișierului. (Pentru mine, mic este mai puțin de 1 MB)

3. Folosiți estomparea mișcării dacă este posibil

Programe precum ScreenFlow și After Effects vă permit să exportați videoclipuri cu estomparea mișcării aplicată. Acest lucru nu numai că va oferi animației dvs. un aspect profesional, dar va facilita și reducerea dimensiunii fișierului în Photoshop.

4. Fii (oarecum) leneș

Imaginează-ți ce alte elemente aș putea adăuga la animația GIF la începutul acestei postări. Sfaturi mici cu nume de utilizator, un cursor care dă clic pe butonul plus și așa mai departe. Oamenii nu trebuie să vadă totul pentru a obține o înțelegere generală a ceea ce văd, așa că arătați doar ceea ce aveți nevoie - sunteți limitat de timp și dimensiunea fișierului.

Exportați animații GIF

Înainte de a vă face griji cu privire la sfaturile de mai jos, încercați să exportați animația GIF. Dacă este o dimensiune rezonabilă, o treabă bună! Continuați în același spirit. În caz contrar, încercați următoarele metode.

5. Eliminați cadrele duplicat

Cel mai probabil, animația dvs. se oprește sau rămâne nemișcată pentru un anumit moment în timp. Dacă te uiți cu atenție, vei observa că acest moment este format din mai multe cadre identice. Dacă există 10 astfel de cadre, atunci ștergeți 9 dintre ele și setați durata cadrului rămas la, de exemplu, 1 secundă.

Dacă acest lucru nu ajută, încercați să importați din nou videoclipul, dar de data aceasta selectați opțiunea Limitați la fiecare 2 cadre. Acest lucru ar trebui să reducă semnificativ dimensiunea fișierului.

Sfat: Dacă animația dvs. constă din mai mult de 150 de cadre, veți întâmpina probleme când încercați să reduceți dimensiunea fișierului.

6. Mai puține culori

Când salvați o animație GIF în Photoshop, veți vedea un meniu derulant lângă opțiunea Culori. Experimentați cu valorile, încercați cel mai mic număr posibil de culori care nu vor transforma întregul fișier în gunoi.

7. Modificați parametrul Lossy*

Sincer să fiu, nici nu știu ce înseamnă acest parametru. Dar eu exactȘtiu că dacă îl setați la un nivel între 1 și 10, veți scăpa de kilobytes în plus fără a pierde calitatea.

* „Lossy” - nivel acceptabil de pierdere a informațiilor grafice într-un fișier raster, permițându-vă să reduceți dimensiunea fișierului imaginii

Nimic nu s-a schimbat! Ajutor!

Dacă ați încercat tot ce s-a menționat mai sus și tot nu puteți reduce dimensiunea animației GIF, atunci trebuie să faceți un pas înapoi. Poate vrei imposibilul? Există o altă modalitate de a realiza ceea ce îți dorești? Este posibil să împărțiți un fișier în două animații GIF? Va fi mai bine dacă animația GIF se concentrează pe un aspect.

De la traducător. Cu toate dorințele și comentariile dumneavoastră cu privire la traducere, vă rog să mă contactați într-un mesaj personal. Mulțumesc!

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ă trecem 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 dimensiunii 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șire ș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(Umplere) la 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 de lumină 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ă trecem 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 în raport cu 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 mai jos câteva capturi de ecran.

Îți plac imaginile animate cu sclipici, dar Photoshop nu este disponibil momentan? Te va ajuta un serviciu online, care poate crea imagini live complexe cu elemente animate (acolo se numesc timbre sau timbre). Mai mult, puteți încărca acolo detaliile pentru imagini animate: sclipici, animații și imagini pur și simplu frumoase.

Iată una dintre animațiile pe care le-am făcut în PixMix în 5 minute

Cum să începeți să utilizați editorul foto online PixMix

După ce ați descărcat fundalul viitoarei imagini live. Selectați o ștampilă, faceți clic pe ea (săgeata galbenă) și faceți clic pe pensulă (săgeata verde). După ce faceți clic pe imagine, acolo va apărea un cerc - aceasta este o perie. Puteți mări sau micșora dimensiunea prin mișcarea glisorului din partea de sus (cadru albastru).

Imaginile de animație pe care le vei plasa pe imagine nu se mișcă sau se micșorează, sunt pur și simplu pavate, adică așezate în rânduri pe fundal. Și pentru a lăsa unul sau mai multe în locurile potrivite, trebuie doar să le ștergeți cu instrumentul „Eraser”.

Puteți scrie sclipici sau text simplu cu o lovitură pe capodopera animată. Pentru a face acest lucru, faceți clic pe litera „T” (săgeata galbenă). Scrieți text (săgeată albastră). În partea de sus, selectați stilul fontului (Săgeată turcoaz) și contur (liliac) sau fără contur (roșu).

Selectați cerneala din stânga (adică completați textul), când faceți clic pe text în editorul foto online, secțiunea „Cerneală” este selectată automat

Faceți clic pe cuvântul „Ok” și veți vedea textul pe imaginea animată.

Veți vedea un cadru dreptunghiular în jurul textului și instrumentelor în fiecare colț al acelui cadru:

  1. Cruce – șterge
  2. Săgeată cu două vârfuri - faceți inscripția mai mare sau mai mică
  3. Săgeată rotunjită – înclinați într-un fel sau altul
  4. Dreptunghi într-un cerc - reproducere text

Puteți schimba cerneala, conturul și stilul textului fără a modifica textul în sine. Faceți clic pe „Ok” și vedeți ce obțineți.

Și după ce îți creezi capodopera, trebuie să dai clic pe bifa verde din stânga jos a imaginii. Când serviciul generează o imagine, veți fi redirecționat către o pagină în care trebuie să introduceți numele imaginii. Descrierea este opțională.

Acolo puteți selecta viteza de animație. În mod implicit, este setat la mediu.

Și, în sfârșit, trebuie să faceți clic pe butonul verde „Înregistrare”.

După aceea, editorul foto PicMix va genera imaginea animată strălucitoare. Și sub imaginea animată veți vedea aceste funcții:

De asemenea, puteți adăuga sclipirile folosite în această imagine animată la favorite. Și vor apărea în secțiunea „Mărcile mele preferate” și le veți vedea când veți începe să creați o nouă imagine GIF. Pentru a face acest lucru, treceți mouse-ul peste marcă și, în fereastra care apare, faceți clic pe cuvintele „Adăugați la Favorite”.

De asemenea, puteți adăuga mărci la favorite în secțiunea STAMPE din meniul principal al site-ului PikMix.

Când suntem redirecționați către o altă pagină, faceți clic pe cuvintele „Versiune fără logo”

Și imaginea noastră animată se deschide într-o fereastră nouă.

Îl puteți descărca pe computer. Pentru a face acest lucru, faceți clic dreapta pe animație și selectați „Salvare imagine ca” în fereastra drop-down.

Cel mai probabil, pe Facebook poza nu va fi citită imediat, dar mai întâi va apărea o publicație ca aceasta

Nu vă grăbiți să faceți clic pe cuvântul „Publicați”. Actualizează pagina și pune link-ul acolo din nou. Dacă același lucru apare din nou, apoi reîmprospătați pagina. Și numai când apare imaginea ta frumoasa animată, dați clic pe cuvântul „Publica”.

Imaginea animată arată grozav pe Facebook. Google+ și Odnoklassniki. Dar pe VKontakte imaginea se dovedește a fi mică și pentru a vedea animația în toată splendoarea ei, trebuie să faceți clic pe ea. Nu prea îmi place, sincer să fiu.

Și în secțiunea „My PicMix” poți seta un avatar pentru contul tău ca oricare dintre imaginile Gif pe care le-ai creat pentru acest serviciu.

Acum puteți crea imagini animate uimitoare în editorul foto online PicMix și le puteți posta pe rețelele sociale.

Și dacă nu înțelegeți capturile de ecran și explicațiile din articolul meu, atunci vă sugerez să vizionați tutorialul video