Kako postaviti pametne telefone i računala. Informativni portal

Kako napraviti lijepu animaciju s Gimpom. GIMP lekcije

Pregledavanje 12 postova - 1 do 12 (od ukupno 12)

    Dragi gimp gurui, recite novopridošlicu! Ja ne mogu shvatiti.

    Kako napraviti takvu gif-sliku da tri slike zamjenjuju jedna drugu, a da pritom svaka od ovih slika ima i animaciju (pojavljuje se tekst)?!

    Ručno izvođenje ove animacije je zamorno vrijeme (iako je moguće.)
    A Gimp za animaciju nije najbolji izbor. Feud animacije je vektorska grafika.
    Ako je zadatak privatan, t.j. Budući da se to mora jednom napraviti i zaboraviti, bolje je napraviti prezentaciju u Impressu i izvesti je u gif.
    (uključeno u paket libreoffice-> http://ru.libreoffice.org/download/)
    Istodobno, ima puno učinaka, ne samo slabljenja. Ispada jeftino i veselo.
    Ako to želite učiniti u Gimpu, morate preuzeti GAP (GIMP Animation Package)

    O tome možete pročitati na ruskom:
    http://www.gimpbnksb.ru/forum/14-152-1

    Ladd, Hvala vam! Sada ću isprobati ovaj dodatak, shvatiti :)
    ured nije prikladan, jer je zadatak napraviti banner.

    Možete li samo zapisati korake za stvaranje onoga što mi treba (ako je dugo i turobno :D)? a onda ću pokušati sam shvatiti...
    Samo ne razumijem što točno treba učiniti da bi se postigao željeni rezultat... koliko razumijem, potrebno je napraviti mnogo slojeva (slijed - prvo sloj sa slikom, zatim slojevi s tekstovima, zatim sloj druge slike itd.) i onda sve ovo prenesite na gif , Dakle?!

    Moj prvi savjet više nije jer LibreOffice ne pohranjuje adekvatno animacijske efekte u gif formatu.
    Kako ručno?
    1. Pročitajte neke informacije o gifu
    2. Shvatite što je način kombiniranja / zamjene
    3. Napravite jednostavnu animaciju i izvezite u gif (na primjer, nacrtajte animaciju odskakajuće lopte, 4-6 okvira)
    4. Napravite nacrt svoje animacije
    5. Eksperimentalno procijenite veličinu izlazne datoteke i potrebu za optimizacijom
    6. Spremite sliku u modusu: Indeksirana boja (tj. s vlastitom paletom)
    7. Pozabavite se Gapom, on će puno pomoći.
    8. Za eksperimente s kašnjenjem koristite bilo koju animaciju. Na primjer:

    Ako trebate napraviti puno animacije, idite na flash, možete crtati ozbiljnije videozapise. Kvaliteta takve animacije je malo iznad.
    p.s. Slijed je točan, samo shvatite koja je razlika između kombiniranja i zamjene, kao i kako se ponaša alfa kanal.

    Ne slažem se. Dakle, nešto nije bilo u redu s Flashom. Flash se temelji na vektorskoj grafici, fontovi na vektorskoj grafiki, svi efekti su čista matematika, veličina datoteke će biti mala. Jedino što je moglo povećati veličinu konačnog videa bile su pogrešno uvezene rasterske slike (ili ste ih ostavili u rasteru ili je praćenje napravljeno s neuspjelim parametrima.)

    I najvjerojatnije s bljeskom nešto krivo radim.... :)
    Samo što je ranije postojao partner koji se samo bavio dizajnom i grafikom, a ja sam bio samo u kodu.... Otišao je, a sav njegov rad stavljen na mene, pa sad učim! :)

    Vrlo zadovoljan urednikom! Intuitivno jasno, ako barem malo sjedite s njim.

    Sve sam nekako skužio, pojavilo se samo jedno pitanje - može li se nekako napraviti drugačija odgoda između prikaza pojedinih slojeva (frameova), ako to spremim u .gif kao animaciju? Ili je kašnjenje postavljeno jednim parametrom za SVE slojeve odjednom u prozoru, kada ga već izvozim u .gif ?

    Vrlo je lako napraviti drugačiju odgodu:
    1. Pripremite datoteku iz nekoliko slojeva
    2. Izvezi u gif sa zajednički za sve kašnjenje kadra
    3. Otvorite gif datoteku
    4. U hrpi slojeva (dijalog slojeva) pored naziva sloja bit će odgoda
    (100 ms prema zadanim postavkama.) Promijenite ovu vrijednost na 500 ms za bilo koji sloj, izvezite ponovno u gif i voila, okvir će visjeti na pola sekunde.
    p.s. Nisam siguran da će svi gledatelji podržati različita kašnjenja za okvire iste animacije.

    WiL-13 je napisao:
    To jest, pojavljuje se slika, zatim redovi teksta na njoj jedan za drugim, zatim druga slika, također ima nekoliko redaka jedan za drugim, itd ...

    Ako je animacija jednostavna, onda je logičnije to učiniti u JavaScriptu ili čak CSS3.
    I stvarno je bolje odbiti korištenje Flasha, tehnologija polako umire.

Animirani gifovi su sveprisutni na internetu. Banneri, gumbi, logotipi, svi oni, koristeći čak i malu animaciju, unose određenu dinamiku u sadržaj stranice. Postoji mnogo različitih programa koji su posebno usmjereni na stvaranje animiranih gif slika. Međutim, većina njih može raditi samo s gotovim slikama, izobličujući ih ili pomicanjem u prostoru. Stoga je potpuno logično kreirati animirane slike pomoću programa s kojim možete i crtati. U nastavku vam želim pokazati kako je lako stvoriti efekt animacije pomoću GIMP-a.
Međutim, prvo, malo o samoj ideji animiranog gifa. Gif format omogućuje pohranjivanje slike u više slojeva, od kojih svaki može biti zasebna slika. Ideja je da za svaki sloj u gif slici možete postaviti vrijeme tijekom kojeg će biti prikazan. Dakle, izmjenom slojeva možete dobiti animaciju.

Dakle, kao što je gore spomenuto, da biste stvorili animirani gif, morate imati nekoliko slojeva (pročitajte više o radu sa slojevima u GIMP-u). Razmotrimo najjednostavniji primjer. Napravite novu sliku. Donji sloj ostavite bijelim. Na ostala četiri nacrtajte slova riječi GIMP koja se pojavljuju. Najlakši način da to učinite je da napišete natpis na novom sloju, zatim stvorite četiri kopije ovog sloja i izbrišete nepotrebna slova u svakom od njih. To će rezultirati pet slojeva, od kojih je jedan pozadina, a ostala četiri predstavljaju slovo po slovo skup riječi GIMP:


Sada spremite rezultirajuću sliku kao gif ( Datoteka - Spremi kao). Nakon toga, GIMP će od vas tražiti da izvezete sliku kao gif. U isto vrijeme, on će vam dati izbor hoćete li spojiti slojeve u jednu sliku ili ih spremiti kao animaciju. Jer zanima nas animacija, odaberite drugu i kliknite " Izvoz". Nakon toga će se otvoriti izbornik za odabir opcija animacije gif:


Prva dva parametra postavljaju opća svojstva gif-a - to su preplitanje i komentar. Više nas zanimaju parametri animacije:

- Beskrajni ciklus. Ako je ova opcija omogućena, slojevi će se neograničeno preplitati, tj. nakon što se prikaže zadnji sloj, bit će prikazan prvi. Ako je ova opcija onemogućena, animacija će se reproducirati jednom i zaustaviti se na slici posljednjeg sloja.

- Kašnjenje između kadrova- vrijeme u mikrosekundama koje će svaki sloj prikazati prema zadanim postavkama.

- Mjesto okvira- ima tri načina rada. Prvo (zadano) - Nije me briga (što god), govori GIMP-u da se sam zbriše. drugo - Kombinirajte (preklapanje slojeva), preklapa jedan sloj na drugi bez uklanjanja prethodnih, t.j. ujedinjuje ih. Dakle, ako imate prozirna mjesta u slojevima, prethodni slojevi će se vidjeti kroz njih. Prema zadanim postavkama, GIMP obično koristi ovaj način rada kao najfleksibilniji. I ja ga uvijek koristim. Treći način - Zamijeni (jedan okvir po sloju), zamjenjuje prethodni sloj novim.

Koristite zadani izgled sloja i postavite vrijeme između okvira na 200. Dobiveni gif trebao bi izgledati ovako:


Ako sada otvorimo ovaj gif pomoću GIMP-a, vidjet ćemo da je u dijalogu slojeva, u nazivu svakog sloja, dodan parametar u zagradama – vrijeme prikaza. Stoga, promjenom vrijednosti u zagradama, možete postaviti svaki sloj na svoje osobno vrijeme prikaza. Na primjer, postavite zadnji sloj na 500 kako bi cijelo pismo dulje ostalo na zaslonu.


Ovo je bio najjednostavniji primjer stvaranja animacije. Ali uvijek želimo više! Vrijeme je da se okrenete posebnoj stavci izbornika Filtri - Animacija. Sadrži tri stavke - Reprodukcija, Optimizacija i Deoptimizacija. Idemo shvatiti što je što:

- Reprodukcija. Ova nam stavka omogućuje reprodukciju svježe primljene animacije:


Iznad je animirani gif koji simulira rad ovog filtera koji se pokreće gumbom Start/Stop. Dakle, jasno je da ovaj gumb pokreće reprodukciju slike i također je zaustavlja. Dugme premotati vraća nas na prvi okvir slike, gumb Korak omogućuje ručno mijenjanje okvira. Ali sve je to daleko od najzanimljivijih značajki ovog filtera. Ako kliknete na sliku koja se reproducira, vidjet ćete kako se pokazivač mijenja u okomitu strelicu. Sada možete povući animaciju na bilo koje (!) mjesto na zaslonu, na primjer, u prozor preglednika, da vidite kako će ova animacija izgledati na vašoj stranici. Usput, ova se značajka može koristiti i za neanimirane slike.

- Optimizacija. Kada sam prvi put primijenila ovaj filter, mojem oduševljenju nije bilo granica. Činjenica je da je svaki sloj u animiranom gifu, zapravo, zasebna slika, a spremanjem gifa kao animacije spremamo nekoliko slika odjednom. Tako će s velikim brojem slojeva veličina našeg animiranog gifa rasti pred našim očima, što nije dobro s obzirom na želju da se minimizira veličina slika za web. Jedan od izlaza iz situacije može biti ručno smanjenje veličine svakog sloja i uništavanje dodatnih dijelova. Zaboravi!!! filtar Optimizacija u tren oka će učiniti sve za vas !!!. Filter čini otprilike sljedeće: izračunava svaki sloj i pronalazi promijenjene točke u odnosu na prethodni, te ostavlja samo njih, mijenjajući veličinu sloja na najmanju moguću (odnosno, odsijecanje na ekstremno promijenjenim točkama). U tom slučaju, sve nepromijenjene točke unutar ovog sloja bit će zamijenjene prozirnim. Uzmite novostvoreni gif s GIMP natpisom i primijenite ovaj filtar.


Kao što vidite, u svakom sloju je ostalo samo jedno slovo, a sva bijela boja zamijenjena je prozirnom, jer. nema smisla povlačiti ga u svaki sloj, imajući jednu bijelu pozadinu za sve. Osim toga, u nazivu sloja u zagradama pojavio se još jedan parametar - kombinirati. Ovo je samo način rada raspored okvira. Nakon nanošenja filtera Optimizacija ovaj način će uvijek biti važan kombinirati, tj. novi okvir bit će dodan prethodnim. Pokušajte promijeniti ovu postavku na zamijeniti i dobit ćete nešto ovako:


Isti učinak mogao bi se postići i s načinom rada kombinirati, ostavljajući u početku samo jedno slovo u svakom sloju i primjenjujući filtar Optimizacija. Razlika će biti u tome što će u ovom slučaju svaki sloj sadržavati jedno crno slovo i jednu boju pozadine za prebojavanje preko prethodnog. Rezultat je veća veličina datoteke. Međutim, često dobitak nije tako velik, i rad s zamijeniti nije baš zgodno, pa ga osobno nikad ne koristim.
Između ostalog, Optimizacija daje neprocjenjivu pomoć pri radu sa slojevima u kojima ima zamućenih slika. Jer gif sadrži maksimalno 256 boja, tada je zamućenje objekta na prozirnoj pozadini vrlo teško prikazati i često jednostavno nestane. Stoga uvijek koristim pozadinsku sliku u svakom sloju, a na njoj već crtam novi element. Na primjer, na web stranici tvrtke u kojoj radim, trebao sam prikazati rotirajući sunčev odsjaj na pozadini zgrade. Kada sam napravio svaki highlight na novom sloju odvojen od zgrade, kada sam ga spremio kao gif, izgubio je polovicu svojih zraka i više nije bio mutan. Zatim sam kopirao sliku zgrade u svaki sloj, naslikao svjetla na njoj i optimizirao je. Kao rezultat toga, dobio sam ono što sam želio, a veličina datoteke se smanjila tri puta u odnosu na neoptimiziranu!

- Deoptimizacija. Filter za obrnuto optimizaciju. Do sada nisam smatrao da je koristan, ali je sasvim moguće da vam može dobro doći kada trebate unijeti izmjene u optimiziranu sliku.

Dakle, shvatili smo osnovne principe stvaranja animiranih gifova pomoću GIMP-a. Ukratko sumirajući, možemo izvući sljedeće zaključke:
1 . Svaki okvir animacije zaseban je sloj slike.
2 . Za svaki okvir mogu se odrediti dva parametra: vrijeme prikaza u mikrosekundama i njegov tip, kombinirati (ujediniti) ili zamijeniti (zamjena). Parametri su navedeni u nazivu sloja i zatvoreni u zagradama, na primjer: Layer1 (1000ms)(kombiniraj).
3 . Optimizacija slojeva vam omogućuje značajno smanjenje veličine slike animacije.

To je zapravo sve o osnovnim tehnikama za stvaranje animiranih gif slika pomoću GIMP-a. Nadam se da vam je ovaj mali članak bio od pomoći. Ako imate bilo kakvih komentara ili dodataka, pošaljite mi e-mail.

gimp

Ovo je vodič za Gimp. Da budem iskren, nisam baš dobar u crtanju slobodnom rukom, ali s programima kao što je Gimp, moje umjetničke mogućnosti su se povećale. Želim ispuniti akak.ru svojim Gimp uputama i pomoći mnogim ljudima koji su se zasitili računalnih igračaka, izgubljenog vremena na internetu i pretjeranog rada u WordPadeu. Nadam se da će ti se svidjeti!

Uputa

Razina težine: lako

Što će vam trebati:

  • Fantazija
  • Interes

1 korak

Borba u hladu

Prvo, napravimo prazan crtež. Zatim upotrijebite alat za ravno punjenje. Odaberite boju koju želite za sebe, držite pritisnutu tipku ctrl i pomaknite traku na dno. Sve bi trebalo izgledati kao na slici.

2 korak

Ja sam odabrala ovu boju

Sada nam treba "boja" - "toniranje", odabiremo boju i spremamo. Možete odabrati bilo koju boju, ali imajte na umu da će u budućnosti na ovoj pozadini biti cool logo s vašim imenom.

3 korak

Efekt zmijske kože

Sada radimo s filterima. Kliknite "filtri" - "izobličenja" - "mozaik". Unesite željene postavke i spremite. Ovaj se efekt može koristiti za stvaranje murala, sfera, pozadina i samo za zabavu.

4 korak

Trebalo bi ispasti ovako nešto.

Sada moramo upisati nekoliko riječi. Da bismo to učinili, uzimamo alat sličan slovu;), odaberite font koji nam je potreban i napišite nešto. Odabrao sam svoje ime. Nakon tipkanja uzimamo alat “eppilliptic selection” i zaokružujemo tekst tako da ne ostane puno mjesta u blizini teksta. Sada uzimamo "filtre" - "svjetlo i sjena" - "supernova". Stavljajući jednu "zvjezdicu" u područje odabira, uzmite alat "prst" i razmazite zvjezdicu oko teksta.

5 korak

A sada ono najvažnije! Animacija. Uzimamo "filtre" - "animaciju" - "stvaranje kugle (kuglice)". Ostavite postavke kakve jesu i spremite ih. Trebao bi se pojaviti novi prozor. Za pregled animacije idite na "filtri" - "animacija" - "reprodukcija". Pojavljuje se novi prozor, pritisnete play i gledate svoju kreaciju. Usput, brzina gledanja može se podesiti pomoću donjeg lijevog kuta.

6 korak

" opcija. Sada uzimamo animaciju pod nazivom "mrebanje" Radimo sve kao u gornjem koraku. Animacije morate spremati na poseban način! Kliknite na "datoteka" - "spremi kao..." i unesite naziv svoje slike. Na dnu se nalazi prozor "odaberite vrstu datoteke po ...", UZIMAMO GIF FORMAT, inače ćete imati samo sliku. Spremamo, pojavljuje se novi prozor i tamo ćete svakako odabrati “spremi kao animaciju”. I slika je spremljena

Vrhunski povezani članci