Cum se editează un gif în Photoshop cs6. GIF Resizer: Redimensionați animațiile GIF online

Un videoclip murdar de pe o cameră digitală cu siguranță nu va fi deschis de Photoshop. Acest lucru se aplică videoclipurilor telefonului, videoclipurilor cu webcam etc. Răspunsul se sugerează. Trebuie să ne convertim. Există multe convertoare, atât plătite, cât și gratuite și, practic, sunt orientate spre convertirea unui anumit format într-un alt format, despre care dezvoltatorii convertorilor nu ne informează din motive evidente.

Și aici convertorul video gratuit XviD4PSP 5.0 vine în ajutor, îl puteți descărca sau pe site-ul oficial al dezvoltatorilor. Acest convertor necesită utilitarul AviSynth 2.5.7, care poate fi descărcat.

Vom instala aceste două programe în mod obișnuit.

Iată interfața acestui convertor minunat:

Deschidem programul. Faceți clic pe Fișier -\u003e Deschidere, selectați fișierul. În fereastra principală a programului, selectați următoarele setări:

  • Format - AVI DV PAL
  • Gradarea și filtrarea culorilor - Dezactivată
  • Codificare video - DV-Video
  • Codificarea sunetului - nu vă pasă

Și faceți clic pe butonul „Codificare”. Programul va oferi selectarea unui folder de salvare, selectarea acestuia, OK. Primim un fișier cu codecul dvsd DVC / DV Video într-un container AVI Multipart OpenDML AVI de tip 2 DV. Cu o probabilitate de 90%, Photoshop consumă videoclipuri cu acești parametri.

Să trecem la următoarea problemă. Aceasta este dimensiunea fișierului. Faptul este că atunci când deschideți un videoclip în straturi, Photoshop folosește memoria RAM a computerului. Dacă aveți x64, atunci nu există întrebări, puteți pune plăci de până la 128 GB. Dar, din diverse motive, oamenii nu pot trece la x64 și, din păcate, stau pe x86, nu pentru că religia nu îi permite să treacă sau nu permite, ci din alte motive complet obiective. De exemplu, autorul acestor linii, cu toată dorința sa mare pentru frumos și nou, nu folosește x64 din cauza lipsei de plug-in-uri pentru 3ds max. Cu toate acestea, suntem distrasi.

Bineînțeles, pentru sarcinile efectuate utilizând Photoshop, videoclipurile lungi nu sunt necesare, dar sunt necesare doar câteva zeci de cadre. Dar ele trebuie tăiate cumva. Editorii video normali precum Adobe Premiere Pro necesită cunoștințe și experiență și consumă, de asemenea, o resursă semnificativă din RAM și procesor. Despre faptul că sunt plătiți (și costă nemăsurat), mi-e rușine să spun. Pe scurt, nu are sens să contactați astfel de programe pentru o utilizare rară. Permiteți-mi să nu comentez editori simpli, cum ar fi Movie Maker standard.

Dar există un excelent program ușor VirtualDub, deși cu un singur dezavantaj. Funcționează cu un set foarte limitat de codecuri AVI. Și apoi amintim din nou convertorul XviD4PSP. Cu setările de mai sus, videoclipul va funcționa cu el. Selectăm piesele necesare ale videoclipului, îl decupăm, îl salvăm, îl deschidem cu Photoshop. Puteți face altfel, puteți salva cadre video individuale folosind VirtualDub, apoi puteți asambla o animație din acestea în Photoshop. De exemplu, pentru a pune fișierele învățate într-un singur folder și a le deschide în loturi în Photoshop într-un singur document pe diferite straturi, dar, de regulă, este nevoie de mai mult timp, dar, în orice caz, nu ne putem lipsi de convertorul XviD4PSP.

Vă sugerez să utilizați un editor online numit „ Ezgif.com”, Unde puteți schimba nu numai dimensiunea imaginilor animate, ci și optimiza, adică reduce greutatea acestora.

Chiar și cu ajutorul acestui editor online, puteți reface multe bannere de pe Internet la discreția dvs. și nu trebuie să lucrați la proiectare. Scrieți doar textul dvs. și bannerul este gata.

Du-te aici

Instrumente de editare online „Ezgif.com”

Pentru editarea rapidă a imaginilor GIF, este mai bine să utilizați un editor online decât Photoshop. La urma urmei, mulți oameni habar nu au cum să lucreze cu Photoshop, dar aici puteți edita orice imagine GIF în câteva minute

Editorul online arată astfel:



Editorul "Ezgif.com" pentru editarea imaginilor GIF animate

Desigur, nu atinge funcționalitatea Photoshop, dar are toate instrumentele necesare pentru editarea imaginilor GIF.

Caracteristici editor online:

  1. Decuparea unei imagini

  2. Schimbarea dimensiunii

  3. Optimizarea imaginii

  4. Adăugarea de efecte

  5. Schimbați viteza animației

  6. Dezasamblarea animației în cadre (fragmente)

  7. Adăugarea textului

  8. Suprapuneți o altă imagine

S-ar părea că arată ca un editor simplu, dar ce puternic.

Să analizăm acum toate instrumentele listate separat.

A decupa:un instrument online simplu pentru decuparea imaginilor de animație.

Încărcați o imagine, apoi folosiți mouse-ul pentru a selecta partea dorită a imaginii pe care doriți să o decupați. Faceți clic pe „ Decupați-l„Și ai terminat.

După ce încărcați o imagine, informațiile despre aceasta apar sub această imagine: dimensiunea în KB, dimensiunile imaginii și câte cadre conține.


Când decupați o imagine, puteți seta dimensiunea manual. Pentru a face acest lucru, sub imaginea de care aveți nevoie în câmpuri " Stânga», « Top», « Lăţime"Și" Înălţime»Introduceți valorile dorite.

Redimensionare:cu acest instrument, puteți redimensiona imaginea sau o puteți decupa. După micșorare, imaginea rămâne aceeași calitate, iar viteza animației nu se schimbă.

În domeniile " Lățime nouă"Și" Înălțime nouă„Trebuie să setați o nouă dimensiune a imaginii sau puteți specifica procentajul, apoi faceți clic pe„ Redimensionați-l!". Imaginea va fi redusă cu procentul specificat de dvs.

Cu acest instrument, puteți redimensiona rapid și ușor imaginile GIF. Când măriți dimensiunea imaginii, calitatea se va pierde.

Dacă imaginea de după modificare a devenit oarecum slab afișată animația, atunci puteți încerca să setați o dimensiune diferită

Optimizați:și cu acest instrument, puteți modifica dimensiunea (greutatea) fișierului GIF. Greutatea imaginii devine mai mică prin reducerea numărului de culori din fiecare cadru. Fiecare cadru GIF conține până la 256 de culori unice, dar dacă reduceți cantitatea de culoare, puteți obține o dimensiune mai mică a fișierului.

Optimizarea are multe metode, dar puteți alege cea mai bună opțiune pentru a menține calitatea bună a imaginii. Citiți mai multe despre optimizare pe site.

Efecte (efecte, schimbarea culorii imaginii):cu acest instrument, puteți răsuci imaginea orizontal și vertical.

De asemenea, imaginea poate fi rotită la un anumit unghi, dacă setați gradul în „ Roti". Puteți atribui o culoare diferită imaginii, o puteți face alb-negru sau îi puteți oferi o altă nuanță.

Viteză (modificați viteza animației GIF):acest instrument este pentru schimbarea vitezei animației.

Dacă doriți să modificați viteza animației proporțional cu cea curentă, atunci utilizați procentajul " % din viteza curentă„Și pentru a seta întârzierea între cadre, trebuie să utilizați„ ". Parametrul „ sutimi de secundă între cadre„Setează timpul de întârziere între cadre în sutimi de secunde (1/100)

Împărțiți (analizați imaginea GIF în cadre): ehacest instrument este conceput pentru a converti imaginile GIF animate în cadre separate, după care fiecare cadru poate fi editat separat.

Toate cadrele imaginii animate pot fi descărcate pe un computer. Pentru a face acest lucru, faceți clic dreapta pe cadru, apoi selectați „ salveaza imaginea ca... ". De asemenea, toate cadrele pot fi descărcate într-o arhivă zip făcând clic pe „ Descărcați rame ca ZIP»

Scrieți (adăugați text): uhacest instrument vă permite să adăugați text la animația GIF. Puteți adăuga text la întreaga imagine GIF sau la cadrele sale individuale. Textul din imagine poate fi mutat cu mouse-ul.

Suprapunere (suprapunere a unei alte imagini):acest instrument vă permite să suprapuneți o altă imagine pe o imagine GIF și este de dorit ca aceasta să fie în format PNG sau GIF.

Presupun că nici unul dintre mine nu are dorința din când în când refaceți / terminați / schimbați puțin gif găsit - imagine.

Cu siguranță, mulți sunt familiarizați cu situații precum:
- ca un avatar drăguț animat gata făcut, dar doar puțin pentru a-l încetini ...
- Mi-aș dori să pot scrie ceva pe o imagine animată ...
- ar fi frumos să ai o dimensiune GIF - fă poze mai mici ...
- etc. etc.

Așa că vom analiza aceste întrebări astăzi.

Ultima dată noi, astăzi o vom face modificați gif-ul animat terminat pentru a se potrivi nevoilor tale.

Confruntat cu această „problemă”, dar știind deja cum să creez un gif animat, am sugerat unde și cum este posibil să schimbi gif-ul. Am găsit imediat câteva GIF-uri pe internet și mi-am verificat presupunerea - sa dovedit a fi corectă. Dar să începem în ordine.

Deci, aveți o imagine animată terminată. Luați în considerare 3 opțiuni pentru modificarea acestuia (pentru mine, acestea sunt cele mai populare cazuri):
1. Încetiniți animația.
2. Să scriem ceva în imagine.
3. Schimbați dimensiunea imaginii.

Modificați viteza animației pe imaginea GIF.
(modificați viteza imaginilor intermitente)


S-a întâmplat adesea să-mi placă, de exemplu, un fel de avatar animat, dar există o mulțime de pâlpâire și vreau să-l încetinesc puțin. Asta vom face acum. Deși opțiunea cu creșterea vitezei animațiile sunt exact același caz.

Deschideți fișierul gif care ne interesează în Adobe ImageReady: Fişier (Fișier) - Deschis (Deschis) - ...

Acum ne uităm la panou Animații



Ne uităm cu atenție la acest pergament și îl vedem sub fiecare „Frame” este timpul (în acest caz, este setată 0,17 secunde).


Aici trebuie să schimbăm acest indicator, să facem clic pe bifă și apare o listă derulantă, unde putem seta durata afișajului de care avem nevoie fiecare cadre separat (sau toate simultan, selectând toate cadrele în timp ce țineți apăsată tasta Shift de pe tastatură).


Aici și imediat putem vedea ce s-a întâmplat - este chiar puțin mai jos butoanele playerului - ne uităm la animație în fereastra principală a fișierului deschis (și nu în această lansare).


Dacă totul ți se potrivește, atunci salvăm rezultatul: Fişier - Salvați optimizat ca ...- Și uite ce s-a întâmplat.


O.K


O.K

Dacă nu, continuați să schimbați durata până când obțineți ceea ce doriți.

Asta e tot!

Dacă ați observat, în noul GIF semnătura a fost eliminată în colțul din dreapta jos. Aceasta este ceea ce vom face acum, doar că vom adăuga o inscripție la imagine și nu o vom elimina.

Pe avatarul animat (poza) scriem cuvinte.

Deschidem Adobe ImageReady avatar animat: Fişier (Fișier) - Deschis (Deschis) - ...

Acest gif are totul 2 cadre (și 2 straturi). Și trebuie doar să adăugăm o inscripție. Acest lucru se face foarte repede.


Scriem în imagine „cuvintele potrivite” la locul potrivit folosind instrumentul Text (ca în Photoshop) în timp ce un nou strat din lista de straturi este creat automat.


Să facem din text bitmap: în meniul Layer - faceți clic dreapta pe stratul de text și selectați Rasterizați stratul din lista derulantă - iar acum textul nu mai este text, acum este doar un element grafic cu o culoare (!), care este foarte important pentru greutatea fișierului.


Acum ne uităm la panou Animații (Animație) în colțul din stânga jos al ferestrei programului (implicit, apare acolo). Dacă nu este acolo, atunci trebuie să obțineți acest „scroll” (panou): în meniul Window, selectați Animation.


Deoarece există doar două cadre, este mai bine să le creăm din nou:


Deschideți lista derulantă a lansării de animație și selectați Ștergeți cadrul (Ștergeți cadrul).

Aici mai avem doar unul dintre cadrele lor. Să o „configurăm” - vrem să vedem prima imagine (Stratul 1) și inscripția - lăsați-le aprinse (ochiul de lângă strat este aprins) și dezactivăm stratul „inutil” pentru moment (faceți clic stânga).


Primul cadru este gata.

Creați o copie a acestuia (selectând Copiați cadrul în lista derulantă sau butonul corespunzător din dreapta „jucătorului”).


A apărut al doilea cadru - îl configurăm:
- inscripție inclusă
- Stratul 1 oprit
- Stratul 2 inclus


Ei bine, în general, atât. Porniți playerul și veți vedea că acum există o inscripție pe avatarul dvs. animat.

Dacă totul ți se potrivește, atunci salvează rezultatul: Fișier - SaveOptimizedAs ...

Puteți dezactiva cuvântul din al doilea cadru - apoi va „pâlpâi” și el.

Și dacă vreau asta când imaginea „pâlpâie” a adăugat treptat litere ale cuvântului?

Tăiem cuvântul în litere separate (copiați stratul cu cuvântul și pe fiecare strat ulterior ștergem cu o literă mai puțin - primul strat - prima literă este lăsată din cuvânt, al doilea strat - 2 litere etc. pentru un strat complet). Pentru a face acest lucru, apucați stratul cu cuvântul și trageți-l la pictograma din partea de jos a listei de straturi - stratul este copiat și apare în listă.


Toate modificările cu un strat se fac atunci când stratul modificat este activ, adică sunteți pe el (faceți clic stânga pe strat și este evidențiat cu o culoare mai închisă).

Acum rămâne să creați cadre noi și să activați stratul cu litera adăugată pe fiecare ulterior. În același timp, activați / dezactivați stratul 1 și stratul 2 (astfel încât nu numai cuvântul, ci și imaginea să se schimbe).


Iată ce avem: a existat din câțiva ani foarte săraci sau, mai bine zis, din 1987. În Runet, cel puțin, a devenit un nume de uz casnic - orice imagine în mișcare se numește „gif”. Desigur, este inferior în utilizarea celorlalte două JPEG și PNG, dar își ocupă cu încredere nișa de imagini animate și recent i s-a dat o nouă viață. De exemplu, în proiectul platformei messenger, care a fost prezentat recent de Facebook. Aparent, ca un plus la emoticoanele și autocolantele plictisitoare. Dar este prea devreme pentru a-l trimite pe acesta din urmă la pensie.

Deci, am aflat că formatul GIF este mai viu decât toate ființele vii, există multe resurse în rețea în care există o mulțime de gif-uri gata făcute, dar cum poți obține singur un fișier animat și să te distrezi puțin.

Editori GIF online pentru videoclipuri și imagini.

Giphy.com - convenabil, multifuncțional, cel mai simplu și intuitiv editor din browser. Poate că știe tot ce aveți nevoie, introduceți linkul tu tub, vimeo sau doar un link către orice videoclip. Decupați, editați și suprapuneți diverse texte sau simboluri. Important, toate acestea se fac în browser și le puteți partaja imediat în social media. rețea sau salvați pe computer. Dacă vă înregistrați, puteți să le încărcați pe gata pe site-ul dvs., să le faceți publice sau să le lăsați numai pentru dvs. O bază de date mare de GIF-uri gata făcute, ușor de înțeles de publicul american, dar instrumentul de creare este important pentru noi. Dacă doriți unicitate, creați! Încarcă fotografii sau imagini, folosește videoclipul finalizat, fii creativ.

Editorul GifCam este offline.

Dacă aveți o conexiune lentă la Internet și preferați să lucrați într-un mediu Windows cunoscut, trebuie să înregistrați acțiunile pe ecranul computerului. Nimic nu poate fi mai ușor - un utilitar GifCam mic, gratuit, multifuncțional care nu necesită instalare. Descărcarea, despachetați și utilizați.

  • După lansare, va apărea o fereastră care poate fi trasă peste orice zonă a ecranului sau poate captura totul.
  • Apăsați Rec pentru a începe înregistrarea sau Cadru pentru a realiza un cadru.
  • Programul recunoaște perfect cadrele similare și le lipeste eficient folosind un fundal verde, reducând greutatea originală a fișierului.
  • Puteți schimba nuanța, saturația, selectați un cadru (Shift + Ctrl + Click), utilizați monocrom, redimensionați, adăugați text la un cadru și multe altele ...

Detalii pe site-ul dezvoltatorului blog.bahraniapps.com/gifcam.

Inregistrează-l

Un alt creator de gif foarte simplu și foarte rapid de pe ecranul computerului. Suportă Windows și Mac? cu siguranță inferior funcționalității și editării GifCam? de aceea este valoroasă, viteză și control clar. Faceți clic pe REC (înregistrare) și obțineți un link către videoclip, pe care îl puteți descărca apoi de pe site. Setările minime sunt în pictograma tăvii. Un lucru grozav pentru instrucțiuni și capturi de ecran pentru

GIF-urile sunt peste tot. Odată umile, imaginile animate sunt acum limbajul neoficial al internetului. Animația GIF este cel mai rapid mod de a exprima emoții pe Twitter și putem, de asemenea, să petrecem ore întregi vizionând-o parcurgând fluxul de știri de pe VK, Facebook sau Odnoklassniki.

Există un număr destul de mare de site-uri pe care puteți găsi gif-uri gata făcute pe o varietate de subiecte. Dar nimic nu depășește o animație GIF realizată cu propriile mâini. Credeți că acesta este un proces dificil? Te înșeli, este destul de simplu. Puteți crea rapid animație GIF în editorul grafic Photoshop, convertind un videoclip existent sau utilizând o serie de imagini statice. Să aruncăm o privire mai atentă la modul în care se face acest lucru.

Notă: Pentru toate exemplele din acest articol, folosesc Photoshop CC 2017.

Mai întâi trebuie să lansați Photoshop, accesați „Fișier”\u003e „Import”\u003e „Rame video în straturi” și selectați videoclipul dorit.

În caseta de dialog care se deschide, puteți importa întregul videoclip sau puteți selecta doar o anumită parte a acestuia. Dacă alegeți a doua opțiune, trageți mânerele sub fereastra de previzualizare pentru a seta punctele de început și de sfârșit. Partea videoclipului dintre aceste mâini va fi importată.

Notă: Rețineți că cu cât importați mai multe videoclipuri, cu atât GIF-ul dvs. va fi mai mare. De asemenea, dacă importați imagini care sunt prea lungi, alegerea Keep Every 2 Rame (sau mai multe) este o modalitate ușoară de a reduce dimensiunea fără a afecta prea mult calitatea.

Asigurați-vă că este bifată caseta de selectare Creare animație Stop Motion, apoi faceți clic pe OK. Procesul de import video începe. Acest lucru poate dura ceva timp, în funcție de dimensiunea clipului. După finalizarea importului, se va deschide un spațiu de lucru, în care fiecare cadru video va fi plasat pe propriul strat.

În partea de jos a ecranului este paleta cronologiei. Afișează toate cadrele din care va consta animația GIF.

Puteți adăuga și elimina cadre așa cum doriți sau puteți edita oricare dintre straturile existente în același mod în care modificați straturile de pe orice altă imagine. Pentru a previzualiza animația GIF, faceți clic pe butonul Redare din partea de jos a cronologiei.

Ar trebui să sfârșiți cu așa ceva:

Creați animație GIF dintr-o serie de imagini statice

Dacă nu aveți un videoclip de utilizat ca bază pentru animația dvs. GIF, îl puteți crea manual dintr-o serie de imagini statice. Este puțin dificil, mai ales dacă vrei să faci ceva mișto, dar procesul de bază este simplu.

Vă creați GIF-ul dintr-un singur fișier imagine care conține mai multe straturi. Fiecare strat este un cadru separat al viitoarei animații. Există două modalități de a începe:

  1. Dacă ați creat deja imagini pentru animația dvs., importați-le alegând Fișier\u003e Scripturi\u003e Încărcați fișiere în stivă .... Faceți clic pe Răsfoiți și selectați imaginile, apoi faceți clic pe OK. Fiecare imagine va fi plasată pe un strat separat în cadrul aceluiași fișier.
  2. Dacă nu ați creat încă imagini, faceți-o acum. Amintiți-vă că fiecare imagine individuală face parte din animația viitoare.

Acum sunteți gata să începeți să creați animația.

Animarea imaginilor statice

Asa functioneaza. Când creați manual un cadru de animație, fiecare strat vizibil este inclus în acesta. Straturile care sunt dezactivate nu vor participa la cadrul generat.

Pentru primul cadru, faceți vizibil primul strat și opriți toate celelalte. Apoi, făcând al doilea cadru, faceți al doilea strat vizibil, apoi al treilea strat în al treilea cadru și așa mai departe. Când începeți, lucrurile vor deveni mai clare.

Pentru a începe crearea animației, deschideți cronologia dacă nu s-a deschis automat pentru dvs. Pentru a face acest lucru, faceți clic pe „Fereastră” în panoul superior și selectați „Cronologie” în meniul care se deschide. În centrul panoului care se deschide, faceți clic pe Creați animație de cadru. Această acțiune va crea primul cadru al animației dvs. În panoul Straturi, ascundeți straturile care nu ar trebui să facă parte din cadru.

Acum faceți clic pe butonul Cadru nou, care va duplica cadrul anterior. Ascundeți din nou straturile suplimentare și faceți vizibile cele care ar trebui să participe la cadru.

Repetați acest proces până când ați adăugat toate cadrele necesare animației.

Completare

În cele din urmă, setați timpul de afișare pentru fiecare cadru. Selectați primul cadru și apoi Shift-faceți clic pe ultimul pentru a le selecta pe toate. Acum faceți clic pe săgeata în jos de sub unul dintre cadre și selectați o întârziere. Niciun decalaj înseamnă că animația va rula rapid, în timp ce un număr stabilit de secunde va forța cadrele să rămână pe ecran pentru o anumită perioadă de timp.

În cele din urmă, setați opțiunile buclei, pe care le veți găsi în partea de jos a panoului Cronologie. Acest parametru este responsabil de câte ori va fi redată animația dvs. În majoritatea cazurilor, veți alege opțiunea Întotdeauna.

Acum faceți clic pe butonul Redare din partea de jos a ecranului pentru a previzualiza animația rezultată. Ar trebui să vedeți așa ceva:

Puteți edita cadrele pur și simplu selectându-le și schimbând vizibilitatea straturilor (puteți schimba opacitatea sau puteți face alte setări mai complexe). Adăugați straturi suplimentare dacă aveți nevoie de ele sau faceți clic pe pictograma coș de gunoi pentru a le elimina.

Când sunteți mulțumit de rezultat, puteți săriți la secțiunea „Salvarea animației” sau citiți mai departe pentru a îmbunătăți animația rezultată.

Îmbunătățirea animației prin adăugarea de cadre intermediare

Photoshop acceptă o funcție de animație puternică pentru crearea de cadre intermediare. Acest lucru permite animații mai fine prin generarea automată de cadre de tranziție între două cadre existente. În acest exemplu, voi face o buclă prin toate cadrele pentru a oferi cerului înstelat un efect de sclipire.

Mai întâi, selectați primul cadru și faceți clic pe butonul Creați Tweens de pe bara de instrumente din partea de jos a cronologiei.

În caseta de dialog care se deschide, setați elementul „Cadre intermediare” la valoarea „Cadru următor”, iar pentru elementul „Adăugați cadre”, specificați valoarea la alegere. O valoare mai mare înseamnă o tranziție mai lină, dar mai lentă. Faceți clic pe „OK” pentru a crea cadre intermediare.

Acum repetați acest proces pentru celelalte cadre sursă pe care le-ați adăugat. Când ajungeți la ultimul, setați Interframe la Primul cadru. Acest lucru vă va ajuta să creați o tranziție lină la începutul buclei de animație.