Ustvarite in uredite datoteko GIF. Kako hitro ustvariti animacijo GIF v Photoshopu Kako odpreti GIF v Photoshopu

Prej smo na spletnem mestu obravnavali tretje osebe, vendar jih večina zlahka nadomesti običajni Photoshop. Animirane datoteke GIF so z njegovo pomočjo narejene precej enostavno in hitro. Praviloma so sestavljeni iz več slik (okvirjev), ki po korakih tvorijo končni rezultat. Danes bomo poskušali to vprašanje obravnavati čim bolj podrobno od A do Ž:

Spodnji posnetki zaslona so iz Photoshopa CC, vendar je delo z animacijo GIF v CS6 in drugih različicah programa, plus ali minus, enako. Morda bodo vizualna orodja nekoliko drugačna, na splošno pa sta načelo in algoritem dejanj podobna. Kot primer razmislite o nepomembni nalogi, kako ustvariti animacijo GIF v Photoshopu iz fotografij, ki se medsebojno nadomeščajo. Pred kratkim sem s svojim vodnikom za zadnjo objavo leta 2016 na svojem osebnem blogu naredil GIF svojih dogodivščin.

Postopek je trajal dobesedno 5-10 minut. Pomembno je, da natančno sledite vsem korakom. Na koncu objave boste našli video vadnico v angleškem jeziku na to temo.

Dodajanje animacijskih slik GIF v Photoshop

Prvi korak je, da vse slike / fotografije, ki bodo sodelovale pri animaciji, naložite v grafični urejevalnik. Dodajte jih enemu projektu v različnih plasteh - to bodo okvirji za nastalo datoteko GIF. Preverite velikost slik in njihov prikaz, da bo vse tako, kot ga potrebujete. Plasti lahko skrijete (z ikono oči na levi strani plasti), da si ogledate vse predmete.

Na sredini te plošče je spustni seznam, kjer morate izbrati možnost »Ustvari okvirno animacijo« in kliknite gumb. Zaradi tega dejanja se bo časovnica nekoliko spremenila in kot prvi okvir bi morali videti sliko z zgornje plasti.

V naslednjem koraku izberite vse plasti v projektu (kliknite nanje, medtem ko držite tipko Ctrl). Nato odprite kontekstni meni v zgornjem desnem kotu okna Časovnica in izberite "Ustvari okvirje iz slojev".

Adobe Photoshop bo iz vseh vidnih in izbranih plasti ustvaril okvirje animiranega GIF -a. Posledično jih boste videli na plošči časovnica.

Nastavitve animacije GIF v Photoshopu

Tu boste morali določiti 2 stvari: trajanje prikaza različnih sličic + število ponovitev gifa. Začnimo s prvim. Pod vsakim slikovnim objektom na časovni osi boste našli čas prikaza in puščico navzdol. Kliknite nanje in v pojavnem meniju izberite trajanje kartice.

Elemente je mogoče določiti ob različnih časih ali pa za več od njih hkrati nastaviti parameter (skupna izbira kot v plasteh - s pomočjo Ctrl).

Če želite "ustvariti" zanko GIF v Photoshopu pri ustvarjanju animacije, izberite vrednost Forever v ustrezni nastavitvi, kot je prikazano na spodnjem posnetku zaslona.

Obstaja tudi možnost, da določite poljubno število ponovitev. V bližini je gumb Predvajaj, ki vam omogoča predvajanje animiranega GIF -a in ogled, kako bo videti končni rezultat.

Shranjevanje animacije GIF v Photoshopu

V zadnjem delu našega vodnika bomo pogledali, kako pravilno shraniti animacijo GIF v Photoshopu. V ta namen se uporablja znano orodje Shrani za splet, v najnovejših različicah programa Adobe Photoshop CC pa se nahaja na novem mestu menija (Datoteka - Izvoz). Na srečo Alt + Shift + Ctrl + S še vedno deluje.

V oknu z nastavitvami, ki se odpre, izberite obliko GIF in se prepričajte, da je nastavitev možnosti zanke nastavljena na za vedno. V spodnjem desnem kotu okna je možnost za zagon animiranega GIF -a, ki ste ga ustvarili v Photoshopu.

Če vse deluje po pričakovanjih, kliknite Shrani in datoteko shranite v lokalni računalnik. Če želite preveriti, ali GIF deluje, ga morate odpreti v brskalniku. vgrajeni pregledovalnik Windows ne predvaja animacij.

Mimogrede, svoj projekt lahko tudi preprosto izvozite v video format. Postopek je enak kot pri shranjevanju animacije GIF, vendar v meniju Photoshop izberite File - Export - Render Video.

V oknu, ki se odpre, bodo različne nastavitve videa, vendar vam ni treba ničesar dodatno spreminjati, samo kliknite gumb Ustvari. Posledično boste dobili datoteko mp4 s diaprojekcijo fotografij / slik.

Na koncu predlagamo, da si ogledate video vadnico v angleškem jeziku o ustvarjanju animiranih GIF-ov v Photoshopu. Algoritem dela je enak kot v članku, vendar boste morda lažje zaznali informacije iz videoposnetka.

Če imate še vedno vprašanja o tem, kako narediti animacijo GIF v Photoshopu ali če obstajajo dodatki, napišite v komentarje.

Oblika GIF je zelo pogosta na internetu. Razlogi za to visoko priljubljenost so preprosti: datoteke GIF imajo zelo dober algoritem stiskanja, podpirajo preglednost in omogočajo ustvarjanje preprostih in zapletenih animacij ter oglasnih pasic.

Hkrati pa obstaja nekaj težav, od katerih je glavna potreba po spremembi velikosti GIF. Postavlja se vprašanje: kako zmanjšati ali povečati velikost GIF -a? Kako uredim GIF? Na primer, skrajšati datoteko? Če delamo z običajno datoteko JPG, do takšnih težav ne pride - navsezadnje lahko v katerem koli, tudi najpreprostejšem urejevalniku, z nekaj kliki spremenimo velikost slike ali obrežemo nepotreben del. Kako urediti GIF? Navsezadnje vam večina urednikov omogoča delo samo s fotografijami.

Za rešitev tega problema vam ponujamo edinstven urejevalnik - GIF Resizer. Z njeno pomočjo lahko hitro in enostavno spremenimo velikost datoteke GIF - jo po potrebi zmanjšamo ali povečamo. Če želite to narediti, sledite nekaj preprostim korakom:

  • Kliknite gumb "Spremeni velikost".
  • Z gumbom Prebrskaj dodajte datoteko GIF.
  • Vnesite želeno višino in širino.
  • Kliknite Uporabi.

Nekaj ​​sekund - in velikost animacije GIF je tisto, kar ste želeli!

Kako pretvoriti GIF v JPG in razgraditi v okvirje?

Drug odtenek, ki ga imajo številni uporabniki pri delu z GIF -om, je potreba po razčlenitvi na okvirje. Prav tako spreminjanje JPG v GIF ni tako težko opravilo. Toda kako pretvoriti GIF v JPG? Ali pretvoriti v PNG?

Soočeni s takšnim izzivom se lahko znova obrnete na GIF Resizer. Z njim lahko spremenite velikost, zmanjšate ali povečate GIF, lahko GIF takoj razstavite v okvirje in tako pretvorite potrebno animacijo v JPG.Zaporedje dejanj se ne spremeni - vse se zgodi hitro in preprosto:
  • Prosim izberite animacijo, ki jo želite.
  • Kliknite na na gumbu "Razkroji v okvirje".
  • Uživajte v rezultatu!
GIF Resizer vam daje odlično priložnost, da prihranite čas in trud pri delu z datotekami GIF. Karkoli potrebujete - spremenite velikost, obrežite, zmanjšajte ali povečajte, razgradite GIF v okvirje, pretvorite v JPG, JPEG, pretvorite v PNG - naša aplikacija vam je vedno na voljo! GIF Resizer vam omogoča, da rešite naslednja vprašanja:
  • Kako spremenim velikost animiranega gifa?
  • V katerem programu lahko spremenite velikost animirane slike?
  • Kako zmanjšati velikost slike gif?
  • Kako lahko zmanjšam velikost animirane slike?
  • Kako spremenim obliko animiranih slik?
  • Kako odstraniti logotip z animirane slike?

Če želite dobiti veliko več priložnosti za delo z brezplačnim spletnim programom za ustvarjanje animiranih slik Gif Resizer - preprosto se registrirajte na naši spletni strani!


Ustvarjanje animacije Gif lahko nadaljujete, tudi če ste morali med prejšnjim obiskom vira prekiniti svoje delo. Navsezadnje lahko vse svoje stvaritve vedno najdete na spletnem mestu! Najboljše animacije Gif, ki vam jih je uspelo ustvariti s pomočjo našega brezplačnega spletnega programa Gif Resizer, bodo vključene v galerijo spletnega mesta in bodo lahko postale predmet vašega osebnega ponosa.

Predlagam, da uporabite spletni urejevalnik z imenom " Ezgif.com”, Kjer ne morete samo spremeniti velikosti animiranih slik, ampak jih tudi optimizirati, tj. Zmanjšati njihovo težo.

Tudi s pomočjo tega spletnega urejevalnika lahko po svoji presoji preoblikujete številne pasice iz interneta, pri oblikovanju pa vam ni treba delati. Samo napišete besedilo in pasica je pripravljena.

Gremo sem

Spletna orodja za urejanje "Ezgif.com"

Za hitro urejanje slik GIF je bolje uporabiti spletni urejevalnik kot Photoshop. Konec koncev, mnogi ljudje nimajo pojma, kako delati s Photoshopom, tukaj pa lahko poljubno sliko GIF uredite v nekaj minutah

Spletni urejevalnik izgleda tako:



Urejevalnik "Ezgif.com" za urejanje animiranih slik GIF

Seveda ne dosega funkcionalnosti Photoshopa, ima pa vsa potrebna orodja za urejanje slik GIF.

Funkcije spletnega urejevalnika:

  1. Obrezovanje slike

  2. Sprememba velikosti

  3. Optimizacija slike

  4. Dodajanje učinkov

  5. Spremenite hitrost animacije

  6. Razstavljanje animacije na okvirje (fragmente)

  7. Dodajanje besedila

  8. Prekrijte drugo sliko

Zdi se, da je videti kot preprost urejevalnik, a kako močan.

Oglejmo si zdaj vsa navedena orodja ločeno.

Obreži: preprosto spletno orodje za obrezovanje animacijskih slik.

Naložite sliko in nato z miško izberite želeni del slike, ki ga želite obrezati. Kliknite nato " Obrežite ga"In končali ste.

Ko naložite sliko, se pod to sliko prikažejo podatki o njej: velikost v KB, mere slike in koliko okvirjev vsebuje.


Ko obrežete sliko, lahko velikost nastavite ročno. Če želite to narediti, pod sliko, ki jo potrebujete v poljih " Levo», « Na vrh», « Premer"in" Višina»Vnesite želene vrednosti.

Spremeni velikost: s tem orodjem lahko spremenite velikost slike ali jo obrežete. Ko je pomanjšana, ostane slika enake kakovosti in hitrost animacije se ne spremeni.

Na poljih " Nova širina"in" Nova višina"Nastaviti morate novo velikost slike ali pa preprosto določite odstotek in kliknite" Spremeni velikost!". Slika se bo zmanjšala za odstotek, ki ste ga določili

S tem orodjem lahko hitro in enostavno spremenite velikost slik GIF. Ko povečate velikost slike, se kakovost izgubi.

Če je slika po spremembi postala nekako slaba za prikaz animacije, lahko poskusite nastaviti drugo velikost

Optimiziraj: in s tem orodjem lahko spremenite velikost (težo) datoteke GIF. Teža slike se zmanjša z zmanjšanjem števila barv v vsakem okvirju. Vsak okvir GIF vsebuje do 256 edinstvenih barv, če pa zmanjšate količino barve, lahko dosežete manjšo velikost datoteke.

Optimizacija ima veliko načinov, vendar lahko izberete najboljšo možnost, da kakovost slike ostane dobra. Več o optimizaciji preberite na spletnem mestu.

Učinki (učinki, sprememba barve slike): s tem orodjem lahko sliko obrnete vodoravno in navpično.

Tudi sliko lahko zavrtite pod določenim kotom, če nastavite stopnjo v polju " Zavrti". Sliki lahko dodelite drugo barvo, jo naredite črno -belo ali ji dajte kakšen drug odtenek.

Hitrost (spremenite hitrost animacije GIF): to orodje je namenjeno spreminjanju hitrosti animacije.

Če želite spremeniti hitrost animacije sorazmerno s trenutno, uporabite odstotek " % trenutne hitrosti", Če želite nastaviti zamik med okvirji, morate uporabiti" ". Parameter " stotinke sekunde med okvirji"Nastavi čas zamika med sličicami v stotinah sekund (1/100)

Razdelite (razčlenite sliko GIF v okvirje): eh To orodje je zasnovano za pretvorbo animiranih slik GIF v ločene okvirje, nato pa lahko vsak okvir posebej uredite.

Vse okvirje animirane slike lahko prenesete v računalnik. Če želite to narediti, z desno miškino tipko kliknite okvir in izberite » shrani sliko kot... ". Prav tako lahko vse okvirje prenesete v en zip-arhiv s klikom na » Prenesite okvirje kot ZIP»

Napiši (dodaj besedilo): uh To orodje vam omogoča dodajanje besedila v animacijo GIF. Besedilo lahko dodate celotni sliki GIF ali njenim posameznim okvirjem. Besedilo na sliki lahko premikate z miško.

Prekrivanje (prekrivanje druge slike): to orodje vam omogoča, da na sliko GIF prekrivate drugo sliko, zaželeno pa je, da je v formatu PNG ali GIF.

Mislim, da občasno nihče od mene nima želje predelati / dokončati / malo spremeniti Najdeno gif - slika.

Zagotovo mnogi poznajo situacije, kot so:
- kot lep že pripravljen animirani avatar, vendar le malo, da upočasni ...
- Želim si, da bi lahko kaj napisal na animirano sliko ...
- lepo bi bilo imeti velikost gifa - narediti manjše slike ...
- itd. itd.

Zato bomo danes analizirali ta vprašanja.

Zadnjič smo, danes bomo spremenite dokončani animirani gif da ustreza vašim potrebam.

Soočen s to "težavo", a sem že vedel, kako ustvariti animirani gif, sem predlagal, kje in kako je mogoče gif spremeniti. Takoj sem našel nekaj GIF -ov na internetu in preveril svoje ugibanje - izkazalo se je, da je pravilno. Ampak začnimo po vrsti.

Torej imate končano animirano sliko. Razmislite o treh možnostih za njegovo spreminjanje (zame je to najbolj priljubljen primer):
1. Upočasnite animacijo.
2. Napišimo nekaj na sliki.
3. Spremenite velikost slike.

Spremenite hitrost animacije na gif - sliki.
(spremenite hitrost utripanja slik)


Pogosto se je zgodilo, da mi je na primer všeč kakšen animirani avatar, vendar je veliko utripanja in ga želim nekoliko upočasniti. To bomo zdaj počeli. Čeprav je možnost z povečanje hitrosti animacije so popolnoma enake.

Odprite datoteko gif, ki nas zanima Adobe ImageReady: mapa(Mapa) - Odprto(Odprto) - ...

Zdaj si oglejmo ploščo Animacije



Pozorno si ogledujemo ta zvitek in ga vidimo pod vsak"Okvir" je čas (v tem primeru je nastavljeno 0,17 sekunde).


Tukaj moramo spremeniti ta indikator, klikniti kljukico in prikazati se bo spustni seznam, kjer lahko nastavimo trajanje prikaza, ki ga potrebujemo. od vsakega sličice ločeno (ali vse naenkrat, pri čemer izberete vse kadre, medtem ko držite tipko Shift na tipkovnici).


Tukaj in takoj lahko vidimo, kaj se je zgodilo - tik spodaj je gumbi predvajalnika- gledamo animacijo v glavnem oknu odprte datoteke (in ne v tem uvajanju).


Če vam vse ustreza, rezultat shranimo: mapa - Shrani optimizirano kot ...- In poglej, kaj se je zgodilo.


v redu


v redu

Če ne, spreminjajte trajanje sličic, dokler ne dobite želenega.

To je vse!

Če ste opazili, v novem GIF -u podpis je bil odstranjen v spodnjem desnem kotu. To bomo storili zdaj, le da bomo sliki dodali napis, ne pa ga odstranili.

Na animirani avatar (sliko) zapišemo besede.

Odpiramo v Adobe ImageReady animirani avatar: mapa(Mapa) - Odprto(Odprto) - ...

Ta gif ima vse 2 okvirja(in 2 sloja). Dodati moramo samo napis. To se naredi zelo hitro.


S pomočjo orodja na pravo mesto napišemo "prave besede" Besedilo(kot v Photoshopu), medtem ko se nova plast na seznamu plasti samodejno ustvari.


Naredimo iz besedila bitna slika: v meniju Layer - z desno tipko miške kliknite besedilno plast in na spustnem seznamu izberite Rasterize Layer - in zdaj besedilo ni več besedilo, zdaj je le grafični element z eno (!) barvo, kar je zelo pomembno za težo datoteke.


Zdaj si oglejmo ploščo Animacije(Animacija) v spodnjem levem kotu okna programa (privzeto je prikazano tam). Če ga ni, morate dobiti ta "pomik" (plošča): v meniju Okno izberite Animacija.


Ker obstajata samo dva okvirja, ju raje ustvarimo na novo:


Odprite spustni seznam uvajanja animacije in izberite Izbriši okvir(Izbriši okvir).

Tukaj imamo le še en okvir. "Konfigurirajmo" ga - želimo videti prvo sliko (plast 1) in napis - pustimo jih prižganih (oko ob plasti je prižgano), zaenkrat pa "nepotreben" sloj izklopimo (levi klik) .


Prvi okvir je pripravljen.

Ustvarite njegovo kopijo (z izbiro Okvir za kopiranje na spustnem seznamu ali ustreznem gumbu desno od "predvajalnika").


Pojavil se je drugi okvir- konfiguriramo:
- napis vključen
- Sloj 1 je izklopljen
- Vključen sloj 2


No, na splošno je to vse. Zaženite predvajalnik in videli boste, da je zdaj na vašem animiranem avatarju napis.

Če vam vse ustreza, shranite rezultat: Datoteka - ShraniOptimizedAnd ...

Besedo lahko izklopite v drugem okvirju - potem bo tudi »utripala«.

In če to želim, ko slika "utripa" postopoma dodajali črke besede?

Besedo razrežemo na ločene črke (plast z besedo kopiramo in na vsaki naslednji plasti izbrišemo eno črko manj - prvo plast - prva črka ostane od besede, druga plast - 2 črki itd. polna plast). To naredite tako, da zgrabite plast z besedo in jo povlečete do ikone na dnu seznama plasti - plast se kopira in se prikaže na seznamu.


Vse spremembe s plastjo se izvedejo, ko je spremenjena plast aktivna, tj. ste na njem (levi klik na plast in je označena s temnejšo barvo).

Zdaj je treba ustvariti nove okvirje in na vsakem naslednjem vklopiti plast z dodano črko. V tem primeru izmenično vklopite / izklopite 1. in 2. plast (tako da se ne spremeni samo beseda, ampak tudi slika).


Tukaj je tisto, kar imamo:

Videoposnetek, zamegljen z digitalnega fotoaparata, Photoshop zagotovo ne bo odprl. To velja za video posnetke telefona, video posnetke s spletne kamere itd. Odgovor se nakazuje sam. Moramo se pretvoriti. Obstaja veliko plačljivih in brezplačnih pretvornikov, ki so v osnovi namenjeni pretvorbi določene oblike v drugo posebno obliko, o kateri pa nas razvijalci pretvornikov iz očitnih razlogov ne obvestijo.

In tukaj je na pomoč brezplačni video pretvornik XviD4PSP 5.0, ki ga lahko prenesete ali na uradni spletni strani razvijalcev. Ta pretvornik potrebuje pripomoček AviSynth 2.5.7, ki ga lahko prenesete.

Ta dva programa bomo namestili na običajen način.

Tu je vmesnik tega čudovitega pretvornika:

Odpremo program. Kliknite Datoteka -> Odpri, izberite datoteko. V glavnem oknu programa izberite te nastavitve:

  • Oblika - AVI DV PAL
  • Barvno razvrščanje in filtriranje - Desabled
  • Video kodiranje - DV -Video
  • Zvočno kodiranje - vseeno

In kliknite gumb "Kodiraj". Program vas bo pozval, da izberete mapo za shranjevanje, jo izberete, OK. Dobimo datoteko s kodekom dvsd DVC / DV Video v večdelnem AVI vsebniku OpenDML DV Type 2 AVI. Z 90 -odstotno verjetnostjo Photoshop poje videoposnetke s temi parametri.

Preidimo na naslednjo težavo. To je velikost datoteke. Dejstvo je, da Photoshop pri odpiranju videa v plasti uporablja RAM računalnika. Če imate x64, potem ni vprašanj, ploščice lahko postavite do 128 GB. Toda iz različnih razlogov ljudje ne morejo preiti na x64 in žal sedijo na x86, ne zato, ker ji vera ne dovoljuje preklopa ali ne dovoljuje, ampak iz drugih, povsem objektivnih razlogov. Na primer, avtor teh vrstic ob vsej svoji veliki želji po lepem in novem ne uporablja x64 zaradi pomanjkanja vtičnikov za 3ds max zanj. Vendar smo moteni.

Seveda za naloge, ki se izvajajo s programom Photoshop, dolgi videoposnetki niso potrebni, vendar je potrebnih le nekaj deset sličic. Vendar jih je treba nekako izrezati. Običajni urejevalniki videov, kot je Adobe Premiere Pro, zahtevajo znanje in izkušnje ter vzamejo tudi pomemben vir RAM -a in procesorja. O tem, da so plačani (in stanejo neizmerno), me je samo sram reči. Skratka, za redko uporabo se nima smisla obrniti na take programe. Dovolite mi, da ne komentiram preprostih urednikov, kot je standardni Movie Maker.

Obstaja pa odličen lahek program VirtualDub, čeprav z eno pomanjkljivostjo. Deluje z zelo omejenim naborom kodekov AVI. In tu se spet spomnimo na pretvornik XviD4PSP. Z zgornjimi nastavitvami bo video delal tudi z njim. Izberemo potrebne dele videoposnetka, ga izrežemo, shranimo, odpremo s Photoshopom. To lahko storite na drug način, posamezne video kadre shranite s programom VirtualDub in iz njih sestavite animacijo v Photoshopu. Na primer, če želite naučene datoteke shraniti v eno mapo in jih v Photoshopu odpreti v enem dokumentu v različnih plasteh, vendar praviloma traja več časa, vsekakor pa brez pretvornika XviD4PSP ne moremo.


Na vrh