Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • Windows Phone
  • Kako napraviti prekrasne animacije sa Gimpom. GIMP tutorijali

Kako napraviti prekrasne animacije sa Gimpom. GIMP tutorijali

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

    Dragi guru gimpa, molim vas recite novajliji! Ne mogu da shvatim.

    Kako napraviti takvu gif-sliku tako da tri slike zamjenjuju jedna drugu, ali u isto vrijeme svaka od ovih slika ima i animaciju (pojavio se tekst)?!

    Ručno pravljenje ove animacije je turobno vrijeme (iako je moguće.)
    A Gimp za animaciju nije najbolji izbor. Dom animacije je vektorska grafika.
    Ako je zadatak privatan, tj. to se mora jednom uraditi i zaboraviti, bolje je napraviti prezentaciju u Impress-u i izvesti je u gif.
    (uključeno u paket LibreOffice-> http://ru.libreoffice.org/download/)
    U ovom slučaju, efekti su tama, a ne samo slabljenje. Ispada jeftino i veselo.
    Ako želite to učiniti u Gimpu, morate preuzeti GAP (GIMP Animation Package)

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

    Ladd, Hvala ti! Sada ću isprobati ovaj dodatak, shvatite :)
    ured nije prikladan, jer je zadatak napraviti baner.

    Možete li samo nacrtati barem korake za stvaranje onoga što mi treba (ako to radite dugo i mučno :D)? a onda cu pokusati sam da shvatim...
    Samo mi nije jasno šta tačno treba da se uradi da bi se postigao željeni rezultat...koliko razumem, potrebno je napraviti mnogo slojeva (sekvenca - prvo sloj sa slikom, zatim slojevi sa tekstovima, pa sloj druge slike, itd.), a zatim sve to prenesite u gif , Dakle?!

    Moj prvi savjet nestaje jer LibreOffice ne skladišti na adekvatan način efekte animacije u gif formatu.
    Kako ručno?
    1. Pročitajte neke informacije o gifu
    2. Shvatite šta je režim kombinovanja / zamene
    3. Napravite jednostavnu animaciju i izvezite je u gif (na primjer, nacrtajte animaciju lopte koja odbija, 4-6 kadrova)
    4. Napravite grubi nacrt svoje animacije
    5. Eksperimentalno procijenite veličinu izlazne datoteke i potrebu za optimizacijom
    6. Sačuvajte sliku u režimu: Indeksirana boja (tj. sa svojom paletom)
    7. Pozabavite se jazom, to će vam puno pomoći.
    8. Za eksperimente sa kašnjenjem koristite bilo koju animaciju. Na primjer:

    Ako trebate puno animacije, prebacite se na blic, možete crtati ozbiljnije video zapise. Kvaliteta ove animacije je malo iznad.
    P.S. Redoslijed je ispravan, samo shvatite koja je razlika između kombiniranja i zamjene, kao i kako se ponaša alfa kanal.

    Ne slažem se. Znači nešto nije u redu sa blicem. Flash je baziran na vektorskoj grafici, fontovi na vektorskoj grafiki, svi efekti su čista matematika, veličina fajla će biti mala. Jedina stvar koja je mogla povećati veličinu konačnog filma bile su pogrešno uvezene bitmap slike (ili ste ih ostavili u bitmapi, ili je praćenje izvršeno s neuspjelim parametrima.)

    I najvjerovatnije je da nesto nije u redu sa blicem.... :)
    Samo što je prije postojao partner koji je samo radio dizajn i grafiku, a ja sam bio samo po kodu.... Otišao je, a sav njegov rad je stavljen i na mene, sad učim! :)

    Veoma sam zadovoljan urednikom! Intuitivno ako bar malo sjedite s njim.

    Sve sam već nekako skužio, pojavilo se samo jedno pitanje - da li je moguće nekako napraviti drugačiju odgodu između prikaza pojedinačnih slojeva (ramova), ako to spremim u .gif kao animaciju? ili je kašnjenje postavljeno jednim parametrom za SVE slojeve odjednom u prozoru, kada već izvozim u .gif?

    Vrlo je lako napraviti drugačije kašnjenje:
    1. Pripremite datoteku iz nekoliko slojeva
    2. Izvezi u gif sa zajednički za sve kašnjenje okvira
    3. Otvorite gif datoteku
    4. U hrpi slojeva (Dijalog slojeva) pored naziva sloja će biti kašnjenje
    (100 ms po defaultu.) Promijenite ovu vrijednost na 500 ms za bilo koji sloj, izvezite je ponovo u gif i voila, okvir će visjeti na pola sekunde.
    P.S. Nisam siguran da li će svi gledaoci podržati različita kašnjenja kadrova za istu animaciju.

    WiL-13 je napisao:
    Odnosno, pojavi se slika, zatim redovi teksta na njoj jedan za drugim, zatim druga slika, takođe ima nekoliko redova jedan za drugim itd.

    Ako je animacija jednostavna, onda bi bilo logičnije to učiniti u JavaScript-u ili čak CSS3.
    I zaista je bolje odbiti korištenje Flasha, tehnologija polako umire.

GIF animacije su sveprisutne na internetu. Baneri, dugmad, logotipi, svi oni, koristeći čak i malu animaciju, dodaju dinamiku sadržaju stranice. Postoji mnogo različitih programa posebno dizajniranih za kreiranje animiranih gifova. Međutim, većina njih može raditi samo sa gotovim slikama, izobličujući ih ili pomjerajući ih u prostoru. Stoga je potpuno logično kreirati animirane slike pomoću programa kojim možete i crtati. U nastavku želim da vam pokažem kako je lako stvoriti efekat animacije koristeći GIMP.
Međutim, prvo, malo o samoj ideji animiranog gifa. Gif format vam omogućava da pohranite sliku kao više slojeva, od kojih svaki može biti zasebna slika. Ideja je da za svaki sloj u gif-slici možete podesiti vrijeme tokom kojeg će biti prikazan. Dakle, izmjenom slojeva možete dobiti animaciju.

Dakle, kao što je gore spomenuto, da biste kreirali animirani gif, morate imati nekoliko slojeva (pročitajte više o radu sa slojevima u GIMP-u). Pogledajmo najjednostavniji primjer. Kreirajte novu sliku. Donji sloj ostavite bijelim. Na ostala četiri ćemo nacrtati slova riječi GIMP. Najlakši način da to učinite je da napišete natpis na novom sloju, a zatim kreirate četiri kopije ovog sloja i izbrišete nepotrebna slova u svakom od njih. Tako dobijate pet slojeva, od kojih je jedan pozadina, a ostala četiri predstavljaju slovo po slovo za prikupljanje GIMP riječi:


Sada sačuvajte rezultirajuću sliku kao gif ( Datoteka - Sačuvaj kao). GIMP će od vas tada zatražiti da izvezete sliku kao gif. Pritom će vam dati izbor hoćete li spojiti slojeve u jednu sliku ili ih spremiti kao animaciju. Jer zainteresovani smo za animaciju, izabraćemo drugu i pritisnuti " Izvoz Nakon toga će se otvoriti meni za odabir parametara animiranog gifa:


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

- Beskrajni ciklus... Kada je ovaj parametar omogućen, slojevi će se smjenjivati ​​neograničeno, tj. nakon što se prikaže posljednji sloj, prvi će biti prikazan. Ako je ovaj parametar onemogućen, animacija će se reproducirati jednom i zaustaviti se na slici posljednjeg sloja.

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

- Lokacija okvira- ima tri moda. Prvi (podrazumevano) je Nije me briga (nije bitno), kaže GIMP da se riješite sami. Sekunda - Kombinirajte (preklapanje slojeva), preklapa jedan sloj na drugi bez uklanjanja prethodnih, tj. ujedinjuje ih. Na ovaj način, ako imate prozirna mjesta u slojevima, prethodni slojevi će se pokazati kroz njih. Prema zadanim postavkama, GIMP obično koristi ovaj način rada kao najfleksibilniji. I ja ga uvijek koristim. Treći način je Zamijenite (jedan okvir po sloju), zamjenjuje prethodni sloj novim.

Koristite zadanu poziciju sloja i postavite vrijeme između kadrova na 200. Kao rezultat, trebali biste dobiti gif ovako:


Ako sada otvorimo ovaj gif koristeći GIMP, vidjet ćemo da je u dijalogu slojeva u nazivu svakog sloja u zagradama dodat parametar - vrijeme prikaza. Stoga, promjenom vrijednosti u zagradama, možete postaviti svakom sloju svoje lično vrijeme prikaza. Na primjer, postavite vrijednost od 500 za posljednji sloj tako da cijeli tekstni okvir duže ostane na ekranu.


Ovo je bio najjednostavniji primjer stvaranja animacije. Ali mi uvek želimo više! Vrijeme je da se okrenete posebnoj stavci menija Filteri - Animacija... Sadrži tri stavke - Reprodukcija, Optimizacija i Deoptimizacija... Hajde da shvatimo šta je šta:

- Reprodukcija... Ova stavka nam omogućava da reproduciramo svježe prikazanu animaciju:


Iznad je animirani gif koji simulira rad ovog filtera, a pokreće ga dugme. Start / Stop... Dakle, možete vidjeti da ovo dugme pokreće reprodukciju slike i takođe je zaustavlja. Dugme Premotaj unazad vraća nas na prvi okvir slike, dugme Korak omogućava vam da ručno mijenjate okvire. Ali sve su to daleko od najzanimljivijih karakteristika ovog filtera. Ako kliknete mišem na sliku koja se reprodukuje, vidjet ćete kako se kursor mijenja u vertikalnu strelicu. Sada možete prevući animaciju na bilo koje (!) mjesto ekrana, na primjer, u prozor pretraživača, da vidite kako će ova animacija izgledati na vašoj stranici. Inače, ova funkcija se može koristiti i za neanimirane slike.

- Optimizacija... Kada sam prvi put primijenio ovaj filter, moje uzbuđenje nije imalo granica. Činjenica je da je svaki sloj u animiranom gifu, u stvari, 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 izlaz je da ručno smanjite veličinu svakog sloja i uništite nepotrebne komade. Zaboravi !!! Filter Optimizacija uradiće sve za vas za kratko vreme !!!. Filter radi otprilike sljedeće: izračunava svaki sloj i pronalazi izmijenjene tačke u odnosu na prethodni i ostavlja samo njih, mijenjajući veličinu sloja na najmanju moguću (tj. odsijecanje na ekstremno promijenjenim tačkama). U tom slučaju, sve nepromijenjene tačke unutar ovog sloja bit će zamijenjene prozirnim. Uzmite novokreirani gif s oznakom GIMP i primijenite ovaj filter.


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


Isti efekat se može postići i sa modom kombinovati, ostavljajući u početku samo jedno slovo u svakom sloju i primjenjujući filter Optimizacija... Razlika je u tome što će 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 njim zamijeniti nije baš zgodno, pa ga lično nikad ne koristim.
između ostalog, Optimizacija pruža neprocjenjivu pomoć pri radu sa slojevima u kojima su slike zamućene. Jer gif sadrži maksimalno 256 boja, zamućenje objekta na prozirnoj pozadini je 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 kompanije za koju radim, trebao sam prikazati rotirajuća sunčeva baklja na pozadini zgrade... Kada sam napravio da svaki objektiv blješti u novom sloju odvojenom od zgrade, kada je sačuvan u gif, izgubio je polovinu svojih zraka i prestao je biti zamućen. Zatim sam kopirao sliku zgrade u svaki sloj, naslikao naglašene dijelove i optimizirao. Kao rezultat toga, dobio sam ono što sam htio, a veličina datoteke se smanjila tri puta u odnosu na neoptimiziranu!

- Deoptimizacija... Filter za obrnuto optimizaciju. Do sada nisam našao odgovarajuću upotrebu za njega, ali je sasvim moguće da vam može dobro doći kada trebate promijeniti optimiziranu sliku.

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

To je sve o osnovnim tehnikama za kreiranje animiranih gif slika pomoću GIMP-a. Nadam se da vam je ovaj kratki članak bio od pomoći. Ako imate bilo kakvih komentara ili dodataka, pišite mi na e-mail.

Gimp

Ovo je uputstvo za Gimp. Da budem iskren, nisam baš dobar u crtanju slobodnom rukom, ali sa programima kao što je Gimp, moje umetničke mogućnosti su se povećale. Želim da napunim Akak.ru svojim Gimp uputstvima, i pomognem mnogim ljudima koji su dobili kompjuterske igračke, neaktivnost na internetu i prekomjeran rad u WordPadeu. Nadam se da će vam se svidjeti!

Instrukcije

Nivo težine: Lako

Sta ti treba:

  • Fantazija
  • Interes

Korak 1

Borbene nijanse

Prvo, napravimo praznu sliku. Zatim koristimo alat za ravno punjenje. Odaberite boju koju želite za sebe, držite pritisnut ctrl i pomaknite traku na dno. Sve bi trebalo da izgleda otprilike kao na slici.

Korak 2

Ja sam odabrala ovu boju

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

Korak 3

Efekat zmijske kože

Hajdemo sada da radimo sa filterima. Pritisnite "filteri" - "izobličenje" - "mozaik". Unesite željena podešavanja i sačuvajte. Ovaj efekat se može koristiti za kreiranje murala, sfera, pozadina i slično.

Korak 4

Trebalo bi izgledati otprilike ovako.

Sada treba da ukucamo nekoliko reči. Da biste to učinili, uzmite alat koji izgleda kao slovo;), odaberite font koji nam je potreban i napišite nešto. Odabrao sam svoje ime. Nakon kucanja, uzmite alatku "epiliptički odabir" i ocrtajte tekst tako da ne ostane puno prostora u blizini teksta. Sada uzimamo "filtere" - "svetlost i senku" - "supernova". Stavljajući jednu "zvjezdicu" u područje odabira, uzmite alat "prst" i razmazite zvijezdu oko teksta.

Korak 5

A sada najvažnija stvar! Animacija. Uzmimo "filteri" - "animacija" - "kreiranje sfere (kuglice)". Ostavljamo podešavanja onakva kakva jesu i spremamo. Novi prozor bi trebao iskočiti. Za pregled animacije idite na "filteri" - "animacija" - "reprodukcija". Pojavljuje se novi prozor, pritisnete play i gledate svoju kreaciju. Usput, brzina gledanja se može podesiti pomoću donjeg lijevog ugla.

Korak 6

" opcija. Sada uzmimo animaciju pod nazivom "mrebanje" Radimo sve kao u prethodnom koraku. Postoji posebna potreba za spremanjem animacija! Kliknite na "fajl" - "sačuvaj kao..." i unesite naziv vaše slike. Na dnu se nalazi prozor "odaberite tip fajla prema ...", PREUZMI GIF FORMAT, inače ćete imati samo sliku. Sačuvaj, pojavljuje se novi prozor i tamo ćeš sigurno izabrati "sačuvaj kao animaciju". I slika je sačuvana

Top srodni članci