Cum să faci un GIF cu Photoshop (și alte alternative)

ammentorp / 123RF ammentorp / 123RF

Dacă o imagine spune o mie de cuvinte, atunci un GIF animat probabil spune 10.000. Sau poate 50.000? Un milion? OK, nu supraanalizați metafora! Ideea este că GIF-urile sunt uimitoare. Sunt ca niște flipbook-uri de pe internet - minunate pentru a transmite gânduri și emoții pe care cuvintele nu le pot descrie, pentru a arăta capriciile adorabilelor tale animale de companie, pentru a face artă abstractă sau pentru a-ți râde.

Acest tutorial simplu ar trebui să vă ghideze prin procesul de realizare a GIF-urilor de top

GIF-urile sunt, de asemenea, modeste, redate în general la rezoluție redusă și frecvență limitată, dar formatul a devenit un drag al internetului. A servit ca un exemplu timpuriu de ceva pe care l-ai putea face online, pe care nu l-ai putea face în tipar, și a supraviețuit în mare parte neschimbat de la începuturile sale la sfârșitul anilor 1980, rămânând popular astăzi, în ciuda creșterii dramatice a formatelor video web de înaltă calitate. Acest lucru, desigur, face doar umilul GIF și mai impresionant.

Probabil că predicăm corului. La urma urmei, dacă citiți acest lucru, știți deja cât de minunate sunt GIF-urile animate. Poate că ați folosit o tastatură GIF pe telefon pentru a trimite o animație amuzantă unui prieten sau le-ați văzut apărând în comentariile de pe Facebook. Dar ți-ai făcut vreodată propriul? Cu toții avem idei pentru cele mai mari GIF-uri, capodopere miniaturale care așteaptă o șansă la viață - dar poate nu știi cum să faci din visul acesta o realitate. Nu trebuie să vă faceți griji: acest tutorial simplu ar trebui să vă ghideze prin procesul de creare a GIF-urilor de top, chiar dacă nu vă putem spune în mod definitiv cum se pronunță.

Cum se face un GIF animat dintr-un videoclip (Photoshop)

Înainte de a sări direct în tutorial, ar trebui să ne adresăm elefantului din cameră. Adobe Photoshop este probabil cel mai bun software disponibil pentru realizarea de GIF-uri (sau editarea imaginilor în general). Dacă nu aveți Photoshop, există programe care vă pot oferi unele dintre aceleași funcționalități, cum ar fi GIMP, dar dacă doriți să luați în serios crearea de GIF-uri, Photoshop este calea de urmat.

GIF animat de cal

Pasul 1- Găsiți o secvență video bună pe web pe care doriți să o transformați într-un GIF. Acest lucru poate fi practic orice, dar încercați să optați pentru un clip care nu este prea lung, deoarece scurtimea este sufletul GIF.

Pasul 2- Salvați videoclipul pe computer. Consultați ghidul nostru despre cum să descărcați videoclipuri YouTube dacă aveți nevoie de îndrumări despre extragerea de imagini de pe web. Tăiați filmările doar la lungimea pe care doriți să o redea GIF. Două sau trei secunde este grozav, cinci îl împing și 10 sau mai multe sunt posibile cu tăierea potrivită, dar fișierul va fi mare și greu de lucrat. Regula generală este de a vă transmite ideea în cât mai puține cadre.

Pasul 3 - Deschideți videoclipul cu Photoshop. Pentru a face acest lucru, navigați la Fișier> Import> Rame video în straturi. Selectați fișierul video dorit și Photoshop îl va deschide ca o serie de cadre statice. Puteți alege să importați întregul videoclip de la început până la sfârșit sau să utilizați glisoare pentru a selecta o porțiune mai mică a clipului. Puteți limita importul la fiecare alt cadru (sau la fiecare a treia, a patra, etc.) cadru pentru a micșora fișierul, dar acest lucru va face și video mai mic.

Import GIF Photoshop

Pasul 4 - Mizerie cu setările. Puteți regla echilibrul culorilor și ce nu cu Photoshop în acest moment, dacă doriți. Când ai totul perfect, mergi spre Fișier> Salvare pentru web. Veți întâlni apoi o fereastră care arată astfel:

Setări Gif în Photoshop

Toate aceste setări pot fi modificate pentru a micșora GIF-ul. În mod ideal, veți dori să nu o faceți mai mare de 1 MB, astfel încât să nu fie nevoie de vârste pentru a încărca pe paginile web. Joacă-te cu toate acestea până găsești un loc dulce.

  • Culori: Aceasta limitează numărul de culori utilizate pentru a crea imaginea, deci cu cât este mai mare cu atât mai bine (GIF-urile sunt limitate la maximum 256 de culori). Mergeți la 128 sau mai jos numai dacă trebuie, sau dacă GIF-ul dvs. nu are multă culoare pentru început
  • Dither: Dithering-ul împrăștie pixeli de culori diferite într-o imagine pentru a face să apară ca și cum ar exista culori intermediare în imagini cu o paletă de culori limitată. Setările superioare vor produce imagini cu aspect mai bun, dar vor crește și fișierul
  • Pierdător: Utilizați această setare pentru a aplica o scădere intenționată a calității. O setare mai mică este mai bună, dar ar putea fi necesară o anumită pierdere de calitate pentru ca fișierul să fie suficient de mic
  • mărimea: Modificarea dimensiunilor GIF-ului dvs. poate avea un impact uriaș asupra dimensiunii fișierului

Pasul 5- Salveaza si distribuie! Apăsați butonul de salvare pentru a finaliza creația. Odată ce ați făcut acest lucru, îl puteți încărca pe un site gratuit de găzduire de imagini, cum ar fi Imgur, pentru a-l partaja cu prietenii dvs. și a-l încorpora în bloguri și site-uri web.

Cum se face un GIF animat folosind imagini statice (Photoshop)

De asemenea, puteți crea GIF-uri animate în Photoshop prin strângerea de imagini statice. Acest proces constă în stratificarea fiecărui cadru de jos în sus și apoi secvențierea straturilor utilizând instrumentul de animație / cronologie Photoshop.

Pasul 1- Colectați imaginile statice pe care doriți să le secvențați pentru GIF și puneți-le într-un singur folder. Apoi, în Photoshop, faceți clic peFișier> Scripturi> Încărcați fișiere în stivă. De acolo, faceți clic Naviga și selectați imaginile de pe desktop pe care doriți să le înșirați într-un GIF.

Selectați „OK” și o nouă compoziție ar trebui să se deschidă cu aceste fotografii acum redate ca straturi individuale într-o singură imagine. Aranjați-le în consecință; primul cadru ar trebui să ocupe chiar stratul inferior și așa mai departe.

De asemenea, puteți crea fiecare strat individual în Photoshop în sine, mai degrabă decât să încărcați în serie fotografii sub formă de straturi. Rulați Photoshop și creați o imagine nouă făcând clic pe Fișier> Nou și apoi selectând „OK”. Apoi, deblocați stratul de fundal făcând dublu clic pe pictograma de blocare, creați un strat nou deschizând Strat> Nou ...> Strat și proiectați fiecare cadru în consecință. Din nou, înșirați animația de jos în sus. (Acest proces funcționează dacă utilizați o versiune mai veche a Photoshop care nu are opțiunea „Încărcați fișierele în stivă”.) Încărcați fotografiile în Photoshop, trageți-le în noul dvs. proiect și redimensionați straturile nou create în consecință folosind Photoshop instrument de transformare (Edit> Transformare gratuită sau Ctrl + T, apoi trageți colțurile pentru a redimensiona obiectul).

Doriți ca rezultatul final să arate astfel, fiecare cadru al animației separat ca un strat și aranjat cronologic de jos în sus:

Imaginea primului diapozitiv în gif

Pasul 2- Acum, că v-ați aranjat straturile în consecință, puteți începe să vă secvențiați straturile. Din nou, acest proces va varia în funcție de ce versiune de Photoshop utilizați. Dacă rulați în continuare CS5 sau o versiune inferioară (hei, nu vom judeca), accesați fereastra de animație deschizând Fereastră + Animaţie. La fel, faceți clic pe Fereastră + Cronologie în Photoshop CS6 și Photoshop CC pentru a accesa fereastra Cronologie. Pentru Photoshop CC, faceți clic pe meniul derulant din mijlocul ferestrei Cronologie și selectați „Creați animație cadru”.

După ce ați deschis instrumentul de secvențiere Photoshop, faceți clic pe săgeata mică, orientată spre dreapta, în colțul din dreapta sus, apoi selectați Realizați cadre din straturi.

De asemenea, puteți să faceți clic pe săgeata orientată spre dreapta pentru a crea manual un nou cadru (sau puteți utiliza pur și simplu comanda rapidă Ctrl> Shift> Alt> F). De acolo, utilizați pictograma ochi de lângă fiecare strat pentru a ascunde straturile pe care nu doriți să le apară în cadrul pe care l-ați creat.

Imaginea ultimului diapozitiv din gif

De aici, utilizați meniul de sub fiecare cadru pentru a comuta durata acestuia. Meniul din colțul din stânga jos dictează de câte ori va fi redat GIF - setați-l la Pentru totdeauna dacă doriți să se bucle la nesfârșit.

Pasul 3- Felicitări! Ați creat un GIF animat folosind imagini statice și acum tot ce trebuie să faceți este să îl exportați din Photoshop utilizând procesul descris mai sus. Pentru o recapitulare rapidă:

A se îndrepta spre Fișier> Salvare pentru web. Nu uitați să păstrați GIF-ul dvs. nu mai mare de 1 MB. Dacă este necesar, modificați setările de culoare, scurgere, pierdere și dimensiune până când GIF-ul dvs. a fost redimensionat corespunzător. Odată ce vă bucurați, salvați GIF-ul nou creat.

Cum să faci un GIF animat folosind imagini statice (gratuit)

Dacă nu aveți acces la Photoshop, există metode gratuite pentru a crea un GIF, deși este posibil ca calitatea produsului final să nu fie la fel de mare. Există diverse programe gratuite (precum GIMP sau Pixlr) care oferă funcțiile de bază ale Photoshop, permițându-vă astfel să creați imagini statice și să le redați în ordine, precum și site-uri web care vă permit să tăiați GIF-uri din videoclip. Niciunul dintre aceste procese nu va fi la fel de eficient ca Photoshop, cu toate acestea sunt mai ieftine și destul de simple.

Folosind imagini statice

Există mai multe aplicații din browser care vă permit să creați GIF-uri dintr-o serie de imagini statice. De exemplu, vom folosi Ezgif. Acest site vă permite să încărcați o serie de imagini, să le aranjați și să le transformați într-un GIF animat. Desigur, pentru a face acest lucru va fi nevoie de un set de imagini care funcționează în ordine. Pentru a face acest lucru, vom avea nevoie de un înlocuitor Photoshop gratuit. Vom folosi Pixlr în acest exemplu.

Pasul 1 - Primul lucru de făcut este să creați o imagine nouă. Alegeți dimensiunea pânzei, dar rețineți că cu cât este mai mare dimensiunea fișierului unui GIF, cu atât se va încărca mai încet, așa că încercați să reduceți cantitatea de lucruri pe care o veți potrivi pe pânză. Mai simplu și mai mic este adesea mai bun.

Pasul 2- Odată ce ai o pânză, realizează primul cadru al GIF-ului tău. Pentru acest exemplu, vom folosi instrumentul de formă pentru a crea o persoană dintr-un cerc, dreptunghiuri și linii, salvând această imagine pentru a crea primul cadru.

persoana gif 1

Animația constă în redarea unei serii de imagini cu modificări ușoare pentru a da iluzia mișcării, astfel încât pentru a face un GIF, va trebui să faceți mai multe imagini, fiecare cu o ușoară variație față de ultima. Din motive de simplitate, acest gif va avea doar câteva cadre, deci nu va fi frumos, dar ar trebui să ilustreze conceptul.

Pasul 3- Pentru următorul cadru, vom face figura să ridice brațele ștergându-le și desenând brațe noi ridicate în sus. Salvați imaginea pentru a crea al doilea cadru.

persoana gif 2

Pasul 3- Apoi, vom folosi instrumentul Tip pentru a face textul să apară și să salvăm această imagine ca al treilea cadru.

persoana gif 3

Pasul 4- Apoi, vom adăuga mai mult text și îl vom salva ca al patrulea cadru.

gif persoană 4

Pasul 5- Cu cadrele noastre gata, le vom încărca în Ezgif. Selectați fila etichetată GIF Maker și faceți clic pe Alege fisierele buton. Selectați toate fișierele de imagine asociate GIF-ului dvs.

Pasul 6- Apoi, faceți clic pe butonul etichetat Încărcare. Când fișierele imagine sunt terminate de încărcare, asigurați-vă că acestea sunt în ordinea corectă. De asemenea, puteți seta timpul de întârziere, care este timpul dintre cadre și puteți alege de câte ori (dacă este cazul) doriți ca GIF să se bucle.

prezentare gif maker 1

Pasul 7- După ce ați terminat, faceți clic pe butonul etichetat Animează-l!

prezentare gif maker 2

GIF-ul dvs. ar trebui să apară apoi, împreună cu butoane pentru al edita sau a-l salva pe computer.

Cum să faci un GIF animat dintr-un videoclip (gratuit)

Dacă doriți să utilizați un anumit fragment de videoclip pentru un GIF, există numeroase site-uri care vă pot ajuta să le creați cu foarte puține informații din partea dvs. Ezgif, Giphy, ImgFlip, Gfycat și multe alte servicii online vă permit să creați GIF-uri fără ajutorul cardului de credit, deși confortul vine cu un sacrificiu în nivelul de control pe care îl aveți.

Pasul 1- Utilizarea unuia dintre aceste instrumente online este incredibil de simplă. De exemplu, vom folosi Giphy. Acest site vă permite fie să lipiți adresa URL pentru un anumit videoclip, fie să încărcați un fișier video de pe computer. Introduceți adresa URL sau încărcați videoclipul și continuați cu Pasul 2.

Pasul 2- După ce ați făcut acest lucru, veți putea alege punctul din videoclip în care va începe GIF și alegeți cât timp va rula GIF. De asemenea, puteți introduce o subtitrare, dacă doriți.

ecran giphy 2

Pasul 3- Odată ce ați decis aceste elemente, pur și simplu apăsați peCreați GIF butonul și permite site-ului să aibă grijă de restul.

Procesul este mai mult sau mai puțin același pentru alte site-uri, inclusiv ImgFlip. Cu toate acestea, dacă doriți mai mult control asupra calității rezultate a GIF-ului dvs., ar trebui să rămâneți cu Photoshop. Acestea fiind spuse, pentru funcționalitatea de bază video-GIF, site-uri precum Giphy ar trebui să funcționeze bine.

Cum să faci un GIF dintr-un videoclip YouTube

Puteți utiliza site-urile de mai sus și multe altele pentru a crea un GIF dintr-un videoclip YouTube. Avem aici un ghid pas cu pas care vă poate ajuta să creați GIF-uri minunate din orice videoclip YouTube.

Si asta e! Acum sunteți un guru GIF (sau un GIF Jedi, dacă preferați pronunția soft g), iar fluxurile dvs. de socializare sunt pe cale să devină infinit mai interesante. Deși, probabil ar trebui să vă avertizăm: cu o mare putere vine o mare responsabilitate; alege-ți momentele cu înțelepciune și nu-ți inunda prietenii cu un atac copleșitor de GIF-uri de pisică de calitate inferioară, oricât de drăguțe ar fi acestea. Există un timp și un loc, iar calitatea depășește întotdeauna cantitatea. GIF poate fi modest, dar este și o legendă; merită respectul tău. Studiază-l, practică-l, stăpânește-l.

Postări recente

$config[zx-auto] not found$config[zx-overlay] not found