Cum să faci un GIF în PhotoShop din Video

Dacă ați ajuns aici întrebându-vă cum să creați un GIF cu Photoshop, probabil că videoclipul pe care l-ați încărcat pe site-ul dvs. încetinește timpul de încărcare. Ei bine, ai ajuns la locul potrivit. În acest ghid, vă vom arăta cum să creați un GIF în Photoshop din înregistrări video. Va arăta grozav pe site-ul dvs. și va fi mult mai optimizat pentru viteză decât un fișier video!

Cu ajutorul unui GIF, puteți prezenta orice tip de videoclip pe un site web, pe o buclă. Poate fi un clip din material promoțional, o înregistrare pe ecran pentru un tutorial sau aproape orice vrei cu adevărat.

Pentru acest tutorial, veți avea nevoie de câteva imagini video și Adobe Photoshop. Dacă nu aveți un abonament Photoshop puteți face o încercare gratuită, prin urmare s-ar putea să descoperiți că a avea Photoshop este un mare ajutor pentru designul web! Dacă videoclipul dvs. este foarte lung, vă recomandăm să îl reduceți mai întâi într-un editor video precum iMovie sau Adobe Premiere. Photoshop are, de asemenea, o opțiune de tăiere pe măsură ce importați, dar un editor video este mai bun dacă filmările originale sunt extrem de lungi.

Să începem.

Previzualizarea rezultatului final

Acesta este rezultatul final al GIF pe care l-am creat pentru acest tutorial, perfect pentru o secțiune sau un modul de fundal.

Pentru a începe, importați videoclipul în Photoshop

Pentru a importa clipul video în Photoshop trebuie să vă aflați mai întâi în editorul Photoshop. De acolo, faceți clic pe Fișier> Import> Rame video în straturi. Selectați videoclipul pe care doriți să îl utilizați și faceți clic pe Deschidere.

În fereastra pop-up aveți două opțiuni; 1. De la început până la sfârșit - pentru a utiliza videoclipul în întregime sau, 2. Doar pentru zona selectată - pentru a utiliza opțiunea de tăiere și pentru a utiliza doar o secțiune a videoclipului.

Sub aceasta, este o alegere pentru a limita importul la un număr ales de cadre. Selectați un număr mic dacă videoclipul este mai scurt și un număr mai mare dacă videoclipul este mai lung. Acest lucru ar putea dura unele încercări și erori până când veți avea fluxul corect. De exemplu, filmările care au modificări mici sau lente vor avea o mulțime de cadre care arată aproape exact la fel. Pe de altă parte, dacă filmările sunt rapide, cu o mulțime de modificări vizuale, dacă scoateți prea multe cadre, ar putea părea sărit.

Pentru acest tutorial, alegem „De la început până la sfârșit” și „Limită la fiecare 3 cadre”. Asigurați-vă că ați făcut clic pe „Asigurați animația cadrului”.

Efectuați ajustări la filmare

Acesta este momentul perfect pentru a efectua orice tip de ajustare pe care o doriți la înregistrările video, de la decuparea dimensiunii până la ajustarea nivelurilor de culoare. De exemplu, ar putea exista un obiect inestetic pe colțul videoclipului sau înălțimea completă a videoclipului este prea mare pentru locul în care doriți să îl plasați în designul site-ului dvs. web. Alternativ, dacă înregistrările video sunt excesiv de saturate, puteți utiliza panoul de ajustări pentru a regla saturația pe toate straturile simultan.

Pentru cei creativi, efectuarea de ajustări la diferite straturi va crea tot felul de efecte diferite pentru GIF-ul dvs. Ceea ce nu puteți face este să eliminați fundalurile sau să utilizați instrumente care funcționează doar pe un singur strat la un moment dat.

Sfat profesional: asigurați-vă că, indiferent de ajustarea pe care o faceți, ați selectat toate straturile.

Cum se decupează toate straturile simultan

Selectați toate straturile făcând clic pe Stratul 1, apoi în timp ce apăsați tasta, faceți clic pe stratul cel mai de sus. Selectați instrumentul Rectangular Marquee și selectați care sunt videoclipurile pe care doriți să le păstrați (nu ceea ce doriți să scoateți). Faceți clic pe Imagine> Decupați și zonele din afara selecției vor dispărea. În videoclipul nostru, selectăm întreaga zonă video, lăsând un pic în partea de sus neselectată. Vrem să facem întregul videoclip mai puțin înalt și să eliminăm marginea albă a orizontului.

Cum să ajustați culorile în GIF

Cu toate straturile selectate, faceți clic pe fila de ajustări din meniul Panouri. Puteți utiliza oricare dintre instrumentele de ajustare și le puteți aplica straturilor din GIF. De exemplu, puteți transforma culorile în alb și negru sau îi puteți da un efect duoton. Folosim reglarea alb-negru cu o nuanță pentru a face culoarea videoclipului nostru un pic mai artistică. Acest lucru este perfect pentru un fundal care nu va împiedica restul conținutului. Puteți utiliza orice nuanță de culoare doriți și reglați diferitele niveluri de culoare în orice fel doriți. Doar un sfat, dacă adăugați ajustări de culoare, fișierul final va fi mai mare decât dacă nu.

Acest GIF a fost descărcat la 211 MB fără filtrele de culoare și la 312 MB cu ajustările de culoare. Dacă doriți cu adevărat ajustările culorilor, atunci trebuie să tăiați cadrele pentru a micșora fișierul final. Mai multe despre asta în secțiunea următoare.

Utilizați cronologia pentru a edita cadrele

Cu fereastra cronologiei, puteți edita cadrele pentru a reduce dimensiunea finală a fișierului GIF. De exemplu, cadre suplimentare la sfârșitul clipului care par să întârzie sau să creeze o secțiune statică. Cu cât puteți scoate mai multe cadre, cu atât mai bine! Aveți grijă să scoateți prea multe cadre și efectul final devine sărit, luați-vă timp pentru a verifica cum arată bucla după ștergerea unor cadre.

Pentru a accesa fereastra cronologiei și a vedea cum funcționează GIF pe o buclă, faceți clic pe Fereastră> Cronologie. Un panou orizontal lung se va deschide în partea de jos a ecranului. În colțul din stânga jos, există câteva controale. Alegeți opțiunea buclă ca „Forever” și apăsați butonul de redare pentru a vedea cum arată GIF. În cazul nostru, GIF-ul nostru arată destul de bine, dar este încă prea lung. La peste 200 de cadre și cu o ajustare a culorii, fișierul final este de 312 mB. Puteți verifica dimensiunea fișierului final urmând pașii din secțiunea „Salvați ca GIF” de mai jos. După ce aruncați o privire, apăsați doar anulați în loc să salvați. De asemenea, veți putea reduce dimensiunea fișierului cu opțiunile Export pentru web.

Cum să ștergeți cadrele pentru a micșora dimensiunea fișierului GIF

Pentru a face GIF-ul mult mai mic, scoatem ultimele 200 de cadre. Videoclipul complet are o secțiune în care camera dronelor se rotește și se rotește spre stânga spre parcul din spatele plajei. Nu aveam nevoie de ea. Acum GIF-ul nostru cântărește 160 MB. Încă destul de mare. Nu mai scoatem niciun cadru pentru că va deveni agitat, așa că îl lăsăm așa cum este optimizarea ulterioară cu opțiunile „Salvați pentru web”.

Pentru a șterge cadre, puteți selecta unul și apăsați pictograma coș de gunoi care se află sub funcțiile de redare ale ferestrei cronologiei. În mod similar, puteți selecta un grup consecutiv de cadre făcând clic pe unul și apoi cadre înainte sau după apăsând Shift + clic. Dacă nu doriți să tăiați imagini de la începutul sau sfârșitul GIF-ului, dar doriți să îl faceți mai scurt, ștergeți cadrele alternative apăsând pe unul și apoi comandați + faceți clic pe celelalte cadre.

Ne place cum, atunci când creați un GIF pe Photoshop cu videoclipuri, puteți tăia secțiuni ale imaginilor atât la import, cât și după aceea! Atât de practic.

Cum se schimbă viteza GIF

Fereastra cronologiei vă oferă, de asemenea, opțiunea de a încetini sau accelera GIF-ul. Fiecare cadru din cronologie are un control al vitezei sub el. Măsurarea implicită este „fără întârziere” sau „0”, dar se poate întâmpla ca videoclipul pe care l-ați folosit să aibă deja o reglare a vitezei. Acesta este cazul videoclipului nostru. Dacă vă uitați la captura de ecran de mai sus, unde ștergem cadrele, puteți vedea că cadrele noastre au o întârziere de 0,04 secunde. Când previzualizăm GIF-ul, se pare că a accelerat. Nu vrem asta.

Selectăm toate cadrele din cronologie făcând clic pe cele trei linii din colțul din stânga sus al ferestrei cronologiei și făcând clic pe „Selectați toate cadrele”. Pe oricare dintre cadre, facem clic pe mica săgeată în jos și alegem „fără întârziere”. Acest lucru va face ca GIF-ul nostru să curgă în mod natural. Pentru a crea un GIF care pare că merge în mișcare lentă, alegeți orice valoare peste 1 secundă.

Salvați ca GIF și Optimizați

Când totul este terminat, este timpul să salvați proiectul ca GIF. Faceți clic pe Fișier> Export> Salvați pentru web (moștenit) și alegeți opțiunea GIF din fereastra pop-up. Verificați dimensiunea fișierului și luați în considerare ieșirea acestuia. Există câteva lucruri pe care le puteți face pentru a reduce dimensiunea fișierului.

• Reduceți numărul de culori.
• Reduceți sau eliminați scutul.
• Reduceți înălțimea și lățimea.

Pentru a verifica modul în care ajustările modifică GIF-ul dvs., faceți clic pe butonul Previzualizare. Utilizați filele 2-Up și 4-Up pentru a vedea diferite opțiuni. Este posibil să trebuiască să vă întoarceți și să eliminați mai multe cadre dacă este încă prea mare. Urmăriți o dimensiune a fișierului sub 20 MB. Dacă creați un GIF pentru o secțiune de lățime completă, va trebui să reduceți într-adevăr cadrele pentru a le putea obține la o dimensiune bună pentru web.

O regulă bună este să păstrați fișierele GIF nu mai mari de aproximativ 20 MB. Mai mult decât atât este prea mare. Dacă reușiți să-l micșorați sub 10 MB fără a pierde prea multă calitate, atunci aveți un câștigător.

Am ajuns să ștergem mai multe cadre din GIF-ul nostru pentru a-l reduce la 18 MB. Apoi l-am trecut prin GIFCompressor și l-am redus cu 55%. GIFCompressor este un instrument online gratuit care reduce dimensiunea GIF fără a pierde calitatea. Puteți încărca un GIF de până la 50 MB în dimensiune.

Concluzie

După cum vedeți, este destul de ușor să creați un GIF în Photoshop din înregistrări video. Singura avertisment este lungimea videoclipului cu care începeți și câte cadre eliminați. Dacă nu eliminați suficient, fișierul final va fi cu adevărat enorm și acest lucru nu va fi deloc de ajutor. S-ar putea să dureze câteva încercări pentru a obține în cele din urmă un GIF care arată exact cum doriți. Dacă creați GIF-uri pentru capturi de ecran pentru tutoriale, cum ar fi în acest ghid, veți obține atenția și va fi mai simplu de fiecare dată.

Imagine prezentată prin emojoez / shutterstock.com