GIF-ji so povsod. Nekoč skromne animirane slike so zdaj neuradni jezik interneta. GIF animacija je največ hiter način izražati čustva na Twitterju, lahko pa ga tudi ure gledamo, brskamo po viru novic v VK, Facebooku ali Odnoklassniki.

Obstaja precej veliko število spletnih mest, kjer lahko najdete že pripravljene GIF-je o različnih temah. Vendar se nič ne more primerjati z animacijo GIF, ki je izdelana v podjetju z lastnimi rokami. Mislite, da je to težak postopek? Motiš se, čisto preprosto je. Hitro ustvarite GIF animacija Uporabite lahko grafični urejevalnik Photoshop, pretvorite obstoječi videoposnetek ali uporabite serijo statičnih slik. Oglejmo si podrobneje, kako se to naredi.

Opomba: V vseh primerih v tem članku uporabljam Photoshop CC 2017.

Najprej morate zagnati Photoshop, pojdite na »File« > »Import« > »Video Frames to Layers« in izberite želeni video posnetek.

V pogovornem oknu, ki se odpre, lahko uvozite celoten videoposnetek ali izberete le določen del. Če izberete drugo možnost, povlecite ročice pod okno predogled za nastavitev začetne in končne točke. Del videoposnetka med temi ročaji bo uvožen.

Opomba: Upoštevajte, da več videoposnetkov uvozite, večji bo vaš GIF. Poleg tega, če uvažate videoposnetek, ki je predolg, je izbira Ohrani vsaki 2 sličici (ali več) preprost način za zmanjšanje velikosti, ne da bi preveč vplivali na kakovost.

Prepričajte se, da je potrjeno potrditveno polje Ustvari animacijo okvir za okvirjem, nato kliknite V redu. Začel se bo postopek uvoza videa. To lahko traja nekaj časa, odvisno od velikosti posnetka. Ko je uvoz končan, se odpre Delovni prostor, v katerem bo vsak video okvir postavljen na svojo plast.

Na dnu zaslona je paleta časovne lestvice. Prikazuje vse okvirje, ki bodo sestavljali vašo animacijo GIF.

Po želji lahko dodajate in odstranjujete okvirje ali urejate katero koli obstoječo plast, tako kot bi urejali plasti na kateri koli drugi sliki. Za predogled vaše GIF animacije preprosto kliknite gumb Predvajaj na dnu časovnice.

Končni rezultat bi moral biti nekaj takega:

Ustvarjanje GIF animacije iz serije statičnih slik

Če nimate videoposnetka, ki bi ga lahko uporabili kot osnovo za animacijo GIF, ga lahko ustvarite ročno iz niza statičnih slik. To je nekoliko bolj zapleteno, še posebej, če želite narediti nekaj kul, vendar je osnovni postopek preprost.

GIF ustvarite iz ene slikovne datoteke, ki vsebuje več plasti. Vsaka plast je ločen okvir vaše bodoče animacije. Obstajata dva načina za začetek:

1. Če ste že ustvarili slike za svojo animacijo, jih uvozite tako, da izberete File > Scripts > Load Files into Stack.... Kliknite Prebrskaj in izberite svoje slike, nato kliknite V redu. Vsaka slika bo postavljena na ločen sloj znotraj iste datoteke.
2. Če še niste ustvarili slik, naredite to zdaj. Ne pozabite, da je vsaka posamezna slika del prihodnje animacije.

Zdaj ste pripravljeni začeti ustvarjati animacijo.

Animiranje statičnih slik

Evo, kako to deluje. Ko ročno ustvarite okvir animacije, so vanj vključeni vsi vidni sloji. Sloji, ki so onemogočeni, ne bodo vključeni v ustvarjen okvir.

Če želite ustvariti prvi okvir, naredite prvi sloj viden in izklopite vse ostale. Nato pri ustvarjanju drugega okvirja naredite vidno drugo plast, nato tretjo plast na tretjem okvirju in tako naprej. Ko začnete, vam bo vse bolj jasno.

Če želite začeti ustvarjati animacijo, odprite časovnico, če se vam ne odpre samodejno. Če želite to narediti, kliknite »Okno« na zgornji plošči in v meniju, ki se odpre, izberite »Časovna premica«. Na sredini plošče, ki se odpre, kliknite »Ustvari okvirno animacijo«. To dejanje bo ustvarilo prvi okvir vaše animacije. V paleti plasti skrijte plasti, za katere ne želite, da so del okvirja.

Zdaj kliknite gumb "Nov okvir", ki bo podvojil prejšnji okvir. Še enkrat skrijte dodatne plasti in naredite vidne tiste, ki bi morali biti vključeni v okvir.

Ta postopek ponavljajte, dokler ne dodate vseh okvirjev, potrebnih za animacijo.

Dokončanje

Nazadnje nastavite čas prikaza za vsak okvir. Izberite prvi okvir in nato s tipko Shift kliknite zadnjega, da izberete vse. Zdaj kliknite puščico navzdol pod enim od okvirjev in izberite zakasnitev. Brez zakasnitve pomeni, da se bo animacija izvajala hitro, medtem ko bo nastavljeno število sekund povzročilo, da bodo okvirji ostali na zaslonu določeno časovno obdobje.

Nazadnje nastavite možnosti zanke, ki jih boste našli na dnu plošče Timeline. Ta parameter nadzira, kolikokrat se bo vaša animacija predvajala. V večini primerov boste izbrali možnost »Vedno«.

Zdaj kliknite gumb Predvajaj na dnu zaslona, ​​da si ogledate nastalo animacijo. Videti bi morali nekaj takega:

Okvirje lahko urejate tako, da jih preprosto izberete in spremenite vidnost slojev (lahko spremenite tudi motnost ali naredite druge bolj zapletene nastavitve). Dodajte dodatne plasti, če jih potrebujete, ali kliknite ikono smetnjaka, da jih izbrišete.

Ko ste zadovoljni z rezultatom, lahko nadaljujete na razdelek »Shranjevanje animacije« ali berete naprej, da izboljšate nastalo animacijo.

Izboljšanje animacije z dodajanjem vmesnih sličic

Photoshop podpira zmogljivo funkcijo med animacijami. To vam omogoča ustvarjanje bolj gladkih animacij s samodejnim ustvarjanjem prehodnih okvirjev med dvema obstoječima okvirjema. V tem primeru bom šel skozi vse okvirje, da bom zvezdnatemu nebu dal učinek utripanja.

Za začetek izberite prvi okvir in kliknite gumb Create Tweaks v orodni vrstici na dnu časovnice.

V pogovornem oknu, ki se odpre, nastavite element »Vmesni okvirji« na vrednost »Naslednji okvir« in za element »Dodaj okvirje« določite vrednost po lastni presoji. Višja vrednost pomeni bolj gladek, a počasnejši prehod. Kliknite "V redu", da ustvarite vmesne okvirje.

Zdaj ponovite ta postopek za druge izvorne okvirje, ki ste jih dodali. Ko pridete do zadnjega, nastavite »Inbetween Frames« na »First Frame«. To bo pomagalo ustvariti gladek prehod na začetek vaše animacijske zanke.

Photoshop zagotovo ne bo odprl videa, posnetega z digitalnim fotoaparatom. To velja za telefonski video, video iz spletnih kamer itd. Odgovor se nakazuje sam od sebe. Spreobrniti se moramo. Obstaja veliko pretvornikov, tako plačljivih kot brezplačnih, in v bistvu so namenjeni pretvorbi določenega formata v drug določen format, o čemer nam razvijalci pretvornika iz očitnih razlogov ne povedo.

In tukaj nam na pomoč priskoči brezplačen video pretvornik XviD4PSP 5.0, ki ga lahko prenesete ali pa na uradni spletni strani razvijalcev. Za delovanje tega pretvornika potrebujete pripomoček AviSynth 2.5.7, ki ga lahko prenesete.

Ta dva programa namestimo na običajen način.

Tukaj je vmesnik tega čudovitega pretvornika:

Odprite program. Kliknite Datoteka-->Odpri in izberite datoteko. V glavnem oknu programa morate izbrati naslednje nastavitve:

• Format - AVI DV PAL
• Barvna korekcija in filtracija – onemogočena
• Video kodiranje - DV-Video
• Avdio kodiranje - vseeno

In kliknite na gumb "Encode". Program vas bo pozval, da izberete mapo za shranjevanje, izberite jo, OK. Prejmemo datoteko s kodekom dvsd DVC/DV Video v vsebniku DV Type 2 AVI Multipart OpenDML AVI. Z 90-odstotno verjetnostjo bo Photoshop pojedel videe s temi parametri.

Pojdimo k naslednji težavi. To je velikost datoteke. Dejstvo je, da Photoshop pri odpiranju videa v plasteh uporablja Oven računalnik Če imate x64, potem ni vprašanj, lahko namestite ploščice do 128GB. Ampak zaradi različnih razlogov ljudje ne morejo preklopiti na x64 in žal sedijo na x86, pa ne zato, ker ne morejo preklopiti ali vera ne dopušča, ampak zaradi drugih, povsem objektivnih razlogov. Na primer, avtor teh vrstic z vso svojo visoko željo po lepem in novem ne uporablja x64 zaradi pomanjkanja vtičnikov warez za 3ds max zanj. Vendar smo se oddaljili.

Za naloge, ki se izvajajo s programom Photoshop, seveda niso potrebni dolgi videoposnetki, ampak le nekaj deset sličic. Vendar jih je treba nekako izrezati. Običajni urejevalniki videa, kot je Adobe Premiere Pro, zahtevajo znanje in izkušnje ter zasedejo precejšnje vire RAM-a in procesorja. Enostavno me je sram reči, da so plačani (in stanejo veliko). Skratka, za redko uporabo se s takimi programi nima smisla ubadati. Preprosti urejevalniki, kot so standardni Izdelovalec filmov naj ne komentiram.

Obstaja pa odličen lahek program, imenovan VirtualDub, čeprav z eno pomanjkljivostjo. Deluje z zelo omejenim naborom kodekov AVI. In tukaj se spet spomnimo pretvornika XviD4PSP. Z zgoraj navedenimi nastavitvami bo video deloval z njim. Izberemo potrebne dele videa, jih izrežemo, shranimo in odpremo v Photoshopu. To lahko storite drugače, shranite posamezne video okvirje z VirtualDub in nato iz njih sestavite animacijo v Photoshopu. Na primer, dajte naučene datoteke v eno mapo in jih odprite v serijah v Photoshopu v enem dokumentu na različnih slojih, vendar praviloma to traja več časa, v vsakem primeru pa brez pretvornika XviD4PSP ne moremo.

Prej na spletnem mestu smo si ogledali tiste tretjih oseb, vendar jih večina zlahka nadomesti običajni Photoshop. Animirane datoteke GIF lahko z njegovo pomočjo ustvarite precej preprosto in hitro. Običajno so sestavljene iz več slik (okvirjev), ki ob postopnem spreminjanju tvorijo končni rezultat. Danes bomo poskušali čim bolj podrobno obravnavati to vprašanje od A do Ž:

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

Postopek je trajal dobesedno 5-10 minut. Pri tem je pomembno le natančno slediti vsem korakom. Na koncu objave boste našli video vadnico v angleščini na to temo.

Dodajanje GIF animacijskih slik v Photoshop

Najprej se morate naložiti v grafični urejevalnik vse slike/fotografije, ki bodo sodelovale v animaciji. Dodajte jih enemu projektu v različnih slojih - to bodo okvirji za nastalo datoteko GIF. Preverite velikost slik in njihov prikaz, da bo vse tako, kot potrebujete. Sloje lahko skrijete (z uporabo ikone očesa na levi strani sloja), da si ogledate vse predmete.

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

V naslednjem koraku izberite vse plasti v projektu (kliknite nanje in držite Tipka Ctrl). Po tem odprite kontekstni meni v zgornjem desnem kotu okna časovne osi in izberite »Make Frames From Layers«.

Od vseh vidnih in izbranih Adobe plasti Photoshop bo ustvaril animirane okvirje GIF. Posledično jih boste videli na plošči časovne osi.

Nastavitve GIF animacije v Photoshopu

Tukaj boste morali določiti 2 stvari: trajanje prikaza različnih okvirjev + število ponovitev gifa. Začnimo s prvim. Pod vsakim predmetom slike na časovni premici boste našli čas prikaza in puščico navzdol. Kliknite nanje in v pojavnem meniju izberite trajanje kartice.

Določite lahko različne čase za elemente ali nastavite parameter za več elementov hkrati (skupna izbira kot pri slojih – s tipko Ctrl).

Če želite »zankati« GIF v Photoshopu, ko ustvarjate animacijo, izberite vrednost Forever v ustrezni nastavitvi, kot je prikazano na spodnjem posnetku zaslona.

Tam lahko tudi določite poljubno število ponovitev, ki jih potrebujete. V bližini je gumb Predvajaj, ki omogoča predvajanje animiranega GIF-a in ogled končnega rezultata.

Shranjevanje GIF animacije v Photoshopu

V zadnjem delu našega vodnika si bomo ogledali, kako pravilno shraniti animacijo GIF v Photoshopu. V ta namen se uporablja znano orodje Save for Web, vendar v najnovejše različice Adobe Photoshop CC 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, morate izbrati format GIF in se prepričati, da je nastavitev Looping Options nastavljena na Za vedno. V spodnjem desnem kotu okna je možnost za zagon animiranega GIF-a, ki ste ga ustvarili v Photoshopu, za predogled.

Če vse deluje po pričakovanjih, kliknite Shrani in shranite datoteko v lokalni računalnik. Če želite preveriti delovanje GIF-a, ga morate odpreti v brskalniku, ker... Vgrajeni pregledovalnik Windows ne predvaja animacije.

Mimogrede, lahko tudi preprosto izvozite svoj projekt v video format. Postopek je enak kot pri shranjevanju GIF animacije, le da v meniju Photoshop izberete File – Export – Render Video.

V oknu, ki se odpre, bo različne nastavitve videoposnetek, vendar vam ni treba ničesar dodatno spreminjati, samo kliknite gumb Render. Kot rezultat boste prejeli datoteko mp4 z diaprojekcijo fotografij/slik.

Nazadnje predlagamo, da si ogledate video vadnico o ustvarjanju animiranih GIF-jev v Photoshopu v angleškem jeziku. Algoritem za delo je enak kot v članku, morda pa boste lažje zaznali informacije iz videoposnetka.

Če imate še vedno kakršna koli vprašanja o tem, kako narediti GIF animacijo v Photoshopu ali imate kakršne koli dodatke, pišite v komentarjih.

Format GIF je zelo pogost na internetu. Razlogi za tako visoko priljubljenost so preprosti: datoteke GIF imajo zelo dober algoritem stiskanja, podpirajo preglednost in omogočajo ustvarjanje preprostih in kompleksnih animacij in oglasnih pasic.

Toda hkrati obstaja nekaj težav, od katerih je glavna potreba po spremembi velikosti GIF. To postavlja vprašanje: kako zmanjšati ali povečati velikost GIF-a? Kako urediti GIF? Na primer, ali naj obrežem datoteko? V primeru, da delamo z navadnimi datoteka JPG, takšne težave ne nastanejo - navsezadnje lahko v katerem koli, tudi najpreprostejšem urejevalniku z nekaj kliki spremenimo velikost slike ali obrežemo nepotreben del. Kako urediti GIF? Konec koncev vam večina urejevalnikov omogoča samo delo s fotografijami.

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

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

Nekaj ​​sekund - in velikost animacije GIF je postala velikost, ki ste jo želeli!

Kako pretvoriti GIF v JPG in ga razdeliti na okvirje?

Še en odtenek, ki ga imajo mnogi uporabniki pri delu z GIF, je potreba po razdelitvi na okvirje. Poleg tega izdelava GIF-a iz JPG ni tako težka naloga. Toda kako pretvoriti GIF v JPG? Ali pretvoriti v PNG?

Ko se soočite s takšno nalogo, se lahko znova obrnete na GIF Resizer. Če ga uporabite za spreminjanje velikosti, pomanjševanje ali povečavo GIF-a, lahko GIF takoj razdelite na okvirje in tako pretvorite potrebno animacijo v JPG.Zaporedje dejanj se ne spremeni - vse se zgodi hitro in preprosto:

• Izberiteželeno animacijo.
• Kliknite na gumbu »Razstavi v okvirje«.
• Uživajte v rezultatih!

Urejevalnik GIF Resizer vam nudi odlično priložnost, da prihranite čas in trud pri delu z datotekami GIF. Karkoli potrebujete - spremenite velikost, obrežite, pomanjšajte ali povečajte, razstavite GIF v okvirje, pretvorite v JPG, JPEG, pretvorite v PNG - naša aplikacija vam je vedno na voljo! Urejevalnik GIF Resizer omogoča reševanje naslednjih težav:

• Kako spremeniti velikost animiranega gifa?
• V katerem programu lahko spremenite velikost animirane slike?
• Kako zmanjšati velikost slike GIF?
• Kako zmanjšati velikost animirane slike?
• Kako spremeniti format animiranih slik?
• Kako odstraniti logotip iz animirane slike?

Za veliko več možnosti z brezplačnim spletnim izdelovalcem animacij Gif slike Resizer – samo registrirajte se na naši spletni strani!

Lahko nadaljujete z ustvarjanjem Gif animacije, tudi če ste morali prekiniti svoje delo med prejšnjim obiskom vira. Navsezadnje lahko vse svoje stvaritve vedno najdete na spletnem mestu! In najboljše animacije GIF, ki ste jih lahko ustvarili z uporabo naše brezplačne spletne programe Gif Resizer bo končal v galeriji spletnega mesta in bo lahko postal vir vašega osebnega ponosa.

Mislim, da nihče ni imel občasne želje ponovi / dokončaj / malo spremeni najdena gif slika.

Zagotovo mnogi ljudje poznajo situacije, kot so:
- zdi se kot lep že pripravljen animirani avatar, vendar bi si želel, da bi ga lahko malo upočasnil ...
- Želim si, da bi lahko kaj napisal na animirano sliko ...
- lepo bi bilo imeti velikost gifa - pomanjšajte slike ...
- itd. in tako naprej.

Zato si bomo danes ogledali ta vprašanja.

Zadnjič mi, danes pa bomo spremenite že pripravljen animirani GIF da ustreza vašim potrebam.

Ko sem se soočil s to "težavo", a že vem, kako ustvariti animirani GIF, sem predlagal, kje in kako je mogoče GIF spremeniti. Na internetu sem takoj našel nekaj gifov in preveril ugibanje - izkazalo se je za pravilno. A začnimo po vrsti.

Torej, imate končano animirano sliko. Razmislimo o 3 možnostih za njegovo spreminjanje (po mojem mnenju so to najbolj priljubljeni primeri):
1. Upočasnimo animacijo.
2. Napišimo nekaj na sliko.
3. Spremenite velikost slike.

Spreminjanje hitrosti animacije v sliki GIF.
(spremenite hitrost utripanja slik)

Pogosto se zgodi, da mi je všeč na primer kakšen animirani avatar, pa je preveč gibanja in ga želim vsaj malo upočasniti. To bomo storili zdaj. Čeprav možnost z povečanje hitrosti animacije so popolnoma isti primer.

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

Zdaj pa poglejmo ploščo Animacije

Pazljivo pogledamo ta zvitek in vidimo tisto pod vsi"frame" je čas (v tem primeru je nastavljen na 0,17 sekunde).

To je indikator, ki ga moramo spremeniti, kliknite potrditveno polje in prikaže se spustni seznam, kjer lahko nastavimo potrebno trajanje prikaza vsi okvirje posamično (ali vse naenkrat, pri čemer izberete vse okvirje, medtem ko držite tipko Shift na tipkovnici).

Tukaj in takoj lahko vidimo, kaj se je zgodilo - več je spodaj gumbi predvajalnika– ogled animacije v glavnem oknu Odpri datoteko(ni v tem zvitku).

Če ste z vsem zadovoljni, shranite rezultat: mapa - Shrani optimizirano kot …- In poglej, kaj se je zgodilo.

v redu

v redu

Če ne, spreminjajte trajanje okvirjev, 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 na sliki dodali napis, namesto da bi ga odstranili.

Na animirani avatar (sliko) pišemo besede.

Odpri v Adobe ImageReady animirani avatar: mapa(Mapa) - Odprto(Odprto) - …

Ta gif ima samo 2 okvirja(in 2 plasti). In vse kar moramo storiti je, da dodamo napis. To se naredi zelo hitro.

Z orodjem na sliko napišemo »prave besede« na pravo mesto Besedilo(kot v Photoshopu) se nova plast samodejno ustvari na seznamu plasti.

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

Zdaj pa poglejmo ploščo Animacije(Animacija) v spodnjem levem kotu okna programa (privzeto se prikaže tam). Če ga ni, potem morate pridobiti ta »drsnik« (plošča): v meniju Okno izberite Animacija.

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

Odprite spustni seznam drsnika za animacijo in izberite Izbriši okvir(Izbriši okvir).

Imamo le še en okvir od njih. “Nastavimo” – želimo videti prvo sliko (Layer 1) in napis – pustimo ju vklopljeno (oče ob plasti je vklopljeno), “nepotrebno” plast pa zaenkrat izklopimo (klik z levim gumbom miške).

Prvi okvir je pripravljen.

Ustvarite njegovo kopijo (z izbiro Kopiraj okvir na spustnem seznamu ali ustreznem gumbu desno od »igralca«).

pojavil drugi okvir- nastavi:
- napis je priložen
- Layer 1 onemogočen
- Layer 2 omogočen

No, to je v bistvu to. Zaženite predvajalnik in videli boste, da se na vašem animiranem avatarju pojavi napis.

Če ste z vsem zadovoljni, shranite rezultat: Datoteka - SaveOptimizedAs…

Besedo lahko izklopite v drugem okviru - takrat bo tudi "utripala".

In če želim, da slika "utripa" črke besede so bile postopoma dodane?

Besedo razrežemo na ločene črke (kopiramo plast z besedo in na vsaki naslednji plasti zbrišemo eno črko manj - prva plast - ostane prva črka besede, druga plast - 2 črki itd. za celotno plast). Če želite to narediti, zgrabite plast z besedo in jo povlecite na ikono na dnu seznama plasti - plast se kopira in prikaže na seznamu.

Vse spremembe na sloju se izvedejo, ko je sloj, ki se spreminja, aktiven, tj. ste na njem (levi klik na sloj in ta bo označen s temnejšo barvo).

Zdaj ostane le še, da ustvarite nove okvirje in na vsakega naslednjega vključite plast z dodano črko. Hkrati izmenično vklapljaj/izklapljaj Layer 1 in Layer 2 (da se ne spremeni samo beseda, ampak tudi slika).

Evo, kaj imamo: