Kako brzo napraviti GIF animaciju u Photoshopu. Izrada jednostavne animacije u Photoshopu Izrada animacije u Photoshopu cs6

Da biste napravili animaciju, ne morate imati neko fenomenalno znanje, samo trebate nabaviti pravi alat i pravilno ga koristiti. Postoji dosta takvih rješenja, ali najpoznatiji od njih je Adobe Photoshop. Ovaj članak će vam pokazati kako možete brzo stvoriti animaciju u njemu.

Ako Photoshop nije na vašem računalu, preuzmite ga s gornje veze, zatim ga instalirajte prema uputama iz ovog članka i pokrenite ga.

Faza 1: Priprema platna i slojeva


Sada na njima možete nacrtati ono što će biti prikazano u animaciji. U našem jednostavnom primjeru, ovo će biti pokretni kvadrat. Na svakom sloju pomiče se nekoliko piksela udesno.

Korak 2: Rad s vremenskom trakom


Svi! Animacija je spremna. Rezultat možete vidjeti klikom na gumb "Pokreni reprodukciju animacije". Nakon toga ga možete spremiti u formatu GIF.

Na ovaj jednostavan, ali provjeren način, uspjeli smo napraviti GIF animaciju u Photoshopu. Naravno, može se značajno poboljšati smanjenjem vremena snimanja, dodavanjem više okvira i, naravno, umjesto stvaranja crnog kvadrata, stvaranjem nečeg originalnijeg i kvalitativno boljeg. Ali to ovisi o vašim preferencijama, željama i vještinama.

Za korištenje alata za uvoz videa u Adobe Photoshop CS3, morate instalirati Quick Time Player verziju 7.1 ili noviju.

Za uvoz okvira iz videozapisa kliknite "Datoteka > Uvoz > Video okviri u slojeve..." i odaberite datoteku na računalu.

Ako tijekom uvoza primite poruku da format nije podržan, video će se morati pretvoriti u format ".mp4". Preporučujem korištenje besplatnog pretvarača. U njemu možete odmah izrezati željeni fragment videozapisa kako ne biste pretvorili cijelu datoteku. Ako koristite Photoshop CS3, nakon pretvorbe promijenite nastavak ".mp4" u ".mov".

Nakon odabira datoteke na računalu trebao bi se pojaviti dijaloški okvir za uvoz. Ako želite animirati samo dio videa, postavite prekidač na položaj "Samo odabrani raspon".

Ako koristite Photoshop CS3, postavite klizač na početak fragmenta, držite pritisnutu tipku "Shift" i povucite klizač do kraja željenog fragmenta.

Ako imate instaliran Photoshop CS6, pomoću crnih klizača označite početak i kraj fragmenta.

Označite okvir pokraj "Ostavi svaki" i odredite brzinu uzorkovanja video okvira. Primjer: ako video ima frame rate 30 sličica u sekundi, a vi ste unijeli vrijednost "5", tada će brzina sličica animacije biti 30 / 5 = 6 sličica u sekundi, tj. koliko veći broj, što su okviri rjeđi (manja je veličina animacije).

Uključite vremensku traku klikom na naredbu izbornika Prozor > Animacija u Photoshopu CS3 ili Prozor > Vremenska traka u Photoshopu CS6.

Na ljestvici animacije kliknite na prvi okvir, držite pritisnutu tipku "Shift" i kliknite na posljednji okvir. S popisa odaberite željeno vrijeme odgode kadra i tako postavite brzinu reprodukcije animacije. Za pregled rezultata koristite gumbe igrača.

Kliknite "Datoteka > Spremi za web..." (Photoshop CS6) ili "Datoteka > Spremi za web i uređaje..." (Photoshop CS3). Odaberite format "GIF". Ako želite, možete smanjiti ili povećati veličinu slike promjenom vrijednosti u pikselima ili kao postotak izvorne veličine.

Animacija na internetu odavno više ne postoji jednostavan ukras stranice i postao je koristan alat za poboljšanje upotrebljivosti. Pomaže korisniku u interakciji sa sučeljem i skreće pozornost na važne točke.

Animacija je uzastopni prikaz sličnih okvira jedan za drugim. Svaki kadar se malo mijenja, pa se čini da se slika kreće.

Za animiranje sučelja, stvaranje interaktivnih prototipova ili reklama, koristite posebne programe, na primjer, Adobe Animate ili After Effects.

Da biste izradili jednostavan web banner ili prezentaciju, ne morate razumjeti posebni programi. Ugrađeni Photoshop alati također su prikladni za to.

Gdje započeti

Prvi korak je odluka što ćemo animirati i kakav rezultat planiramo postići.

Za izradu animacije uzeo sam jedan od sjajnih projekata s Behancea i ponovno ga nacrtao u Photoshopu. Poravnao sam ga prema rešetki sadržaja, odabrao veličine i svaki element smjestio u zaseban sloj. Kao rezultat toga, imao sam prvi ekran stranice nacrtan u PSD formatu, koji sam zatim animirao.

Vremenska skala

Prije izrade animacije morate pripremiti potrebne alate - uključite prikaz "vremenske trake", koja pomaže u upravljanju okvirima u animaciji.

Da bih to učinio, otvorim karticu "Prozor" i potvrdim okvir pored retka "Vremenska traka".

Na dnu prozora Photoshopa trebala bi se pojaviti široka crta s kojom možete kontrolirati okvire u animaciji.

Za izradu prvog okvira kliknite ikonu "Stvori animaciju okvira" na "Vremenskoj traci".

Nakon što se pojavi prvi okvir, možete početi stvarati pokret.

Između

U Photoshopu se element može animirati na nekoliko načina:

  • Nacrtajte nekoliko okvira, ručno mijenjajući položaj i svojstva elemenata. Ako je animacija dovoljno duga, crtanje svakog okvira oduzima dosta vremena.
  • Umetnite srednje okvire. Potrebno je samo ručno postaviti stanja izgleda: na početku i na kraju animacije. Photoshop će sam dodati potrebne okvire između ovih stanja. Ova je metoda prikladna za izbljeđivanje i smanjivanje objekta ili za prikazivanje njegovog kretanja.

Prvo animiram sliku balalajke. Kako bi slika izgledala glatko, koristim alat "Umetni srednje okvire". Kako bi Photoshop sam animirao element, potrebno je postaviti dva stanja za element - početno stanje na prvom kadru i završno stanje na sljedećem.

Stoga ću dodati još jedan okvir na vremensku crtu pomoću gumba "Napravi kopiju okvira".

Nakon dodavanja novog okvira, prelazim na prvi i uklanjam vidljivost sloja balalaike. Također možete postaviti neprozirnost sloja na 0%.

U sljedećem kadru provjeravam vidi li se sloj s balalajkom.

Nakon rada sa slikom balalaike, prilagođavam izgled retka teksta. U prvom okviru odabirem tekst "Duša pjeva" i pomičem ga udesno izvan izgleda. Isto radim s tekstom "3 žice" - pomaknite ga ulijevo dok ne nestane.

U drugom okviru vraćam tekst natrag.

Sjajno. Umetnimo sada srednje okvire između ključnih okvira.

Da biste to učinili, kliknite gumb "Stvori srednje okvire" na "Vremenskoj traci".

U dijaloškom okviru koji se pojavi označit ću koliko okvira treba dodati.

Što je više okvira, dulja je animacija i glatkije se pomiče element. Ako ima premalo okvira, elementi će se pomicati trzavo.

Prvi dio animacije je spreman. Sada ga možete reproducirati i vidjeti što se dogodilo.

Kliknem na gumb za reprodukciju na vremenskoj traci.

Umetanje srednjih okvira pomoglo je brzom stvaranju animacije s glatkim izgledom i kretanjem elemenata.

Pojavljivanje, nestajanje i kretanje mogu se međusobno kombinirati kako bi se postigli još zanimljiviji efekti.

Ručna stop-motion animacija

Osim linearne animacije, ponekad je potrebno stvoriti kaotično kretanje ili prikazati složenu interakciju elemenata. Da bi to učinili, obično stvaraju nekoliko kopija prvog okvira, a zatim malo mijenjaju svaku kopiju - crtaju animaciju okvir po okvir.

Kopirat ću ga nekoliko puta posljednji kadar za kreiranje kretanja strelice i teksta "idi u kupovinu".

U sljedećem okviru odabirem željeni sloj s tekstom i strelicom, pomičem ga malo gore, a u zadnjem okviru - dolje.

Sada možete pokrenuti animaciju i vidjeti rezultat.

Budući da se kadrovi brzo mijenjaju, oči nemaju vremena fokusirati se na posljednji kadar i fiksirati konačan položaj objekata na ekranu.

Stoga sam povećao trajanje posljednjeg okvira: morate kliknuti strelicu pored natpisa "0 sec." i odaberite drugo vrijeme s popisa.

Za posljednji okvir postavio sam trajanje na dvije sekunde. Reprodukcija se sada usporava na kraju. Stoga je ugodno promatrati kretanje elemenata.

Spremanje i izvoz

U prozoru za pregled možete ponovno pogledati animaciju i promijeniti postavke spremanja.

Prema zadanim postavkama, animacija se zaustavlja nakon reprodukcije. Stoga mijenjam način reprodukcije na "Ponavljanje" i spremam.

Ovo je rezultirajuća animacija:

Zaključak

U Photoshopu je jednostavno izraditi kratke interaktivne bannere i prezentacije te animirati pojedinačne elemente. Zgodno je eksperimentirati s rezultatom.

U ovom ću članku govoriti o tome što je animacija u Photoshopu. Vidjet ćemo kako animacija radi u Photoshopu na primjeru izrade novogodišnjeg natpisa.

Radit ću u Adobe Photoshopu CS6. Moje sučelje je rusko, jer pišem s posla.

Imam englesku verziju kod kuće i savjetujem vam da učite s engleskom verzijom, evo zašto:

  • Programom se lako možete kretati na bilo kojem jeziku (nakon engleskog na ruskom možete lako pronaći alate, jer je to vaš materinji jezik, a nakon ruskog možete imati problema s prilagodbom).
  • Većina dobrih lekcija napisana je na engleskom.
  • Lokalizacije programa često se razlikuju jedna od druge, a kvaliteta prijevoda sučelja ponekad ostavlja mnogo za poželjeti. Netočan prijevod alata može zbuniti osobu koja počinje učiti program.

Počnimo stvarati animaciju u Photoshopu CS6

Pokrenimo Photoshop.

Mi stvaramo novi dokument Datoteka -Novo (Ctrl+N).

U prozoru koji se otvori postavite dimenzije bannera: 600 x 120, nazovimo ga “Novogodišnji banner” -> “Ok”.

Stvaranje pozadine

Unaprijed odabirem materijale koje ću koristiti u svom radu (pozadine, fontovi itd.).

Otvorite pripremljenu teksturu: Ctrl+O. Možete preuzeti teksturu koju koristim.

Otvorite paletu slojeva “Layers” – F7.

Odaberite prozor s teksturom, povucite sloj iz palete slojeva na sloj s natpisom.

Ako se tekstura pokaže premalom ili jako velikom u usporedbi s natpisom, prilagodite njezinu veličinu pomoću transformacije "Ctrl+T".

Mali kvadratni markeri pojavit će se u kutovima slike. Držite Shift kako biste zadržali omjer slike dok mijenjate veličinu i povucite kutnu ručicu dijagonalno kako biste smanjili ili povećali veličinu slike dok pozadina ne ispuni cijelu površinu bannera.

Nakon što smo prilagodili teksturu veličini bannera, prelazimo na njegovu korekciju boje.

Idite na izbornik "Slika" - "Podešavanje" - "Nijansa / zasićenost" (Slika - Ispravak - Nijansa / zasićenost).

Postavio sam sljedeće postavke za postizanje svijetle, zasićene boje:

Mi pišemo tekst

Napravite novi sloj (Ctrl+Shift+N) ili kliknite na ikonu novog sloja u paleti slojeva.

Odaberite Horizontal Type Tool (T).

Odaberite kist s bilo kojom zvjezdicom, obojite bijelom bojom #ffffff. Da biste odabrali boju, kliknite na kvadratić na dnu lijeve ploče.

Na novom sloju nacrtajte zvijezde na nasumičnim mjestima. Da bi zvijezde bile svjetlije, kliknite nekoliko puta na jedno mjesto. Evo što sam dobio:

Napravite duplikat sloja (Ctrl+J). Kliknite na ikonu oka u paleti slojeva kako biste sakrili vidljivost prethodnog sloja.

Odaberite gornji sloj s kopijom zvijezda. Na lijevoj ploči odaberite Lasso Tool(L).

Odaberite svaku zvjezdicu redom, pritisnite “V” (Alat za pomicanje) i premjestite je na bilo koje drugo mjesto, tako da ćemo u različitim okvirima imati zvjezdice razna mjesta, što će stvoriti efekt treperenja.

Nakon što premjestite sve zvijezde na drugo mjesto, napravite duplikat sloja na kojem ste radili (Ctrl+J), sakrijte prethodni sloj u paleti slojeva klikom na oko i ponovno ponovite operaciju premještanja zvijezda na novi mjesta, također možete završiti crtanje nekoliko novih zvijezda.

Tako ćemo imati 3 sloja sa zvijezdama, u svakom od njih će zvijezde biti na različitim pozicijama.

Sve je spremno.

Prijeđimo na stvaranje animacije u Photoshopu

Otvorite vremensku traku. Idite na izbornik "Prozor" - "Vremenska traka" (Prozor - Vremenska traka).

Na ploči s vremenskom trakom koja se pojavljuje nalazimo gumb u sredini "Create Video Timeline" (Stvorite vremensku traku za video).

Nakon toga, vaga će promijeniti izgled. Sada kliknite na ikonu s tri kvadrata u donjem lijevom kutu prozora kako biste stvorili animaciju okvir po kadar.

Otvorila se ploča za animaciju okvir po kadar. Sada postoji samo jedan okvir u kojem su prikazani svi vidljivi slojevi (sadržaj odabranog okvira prikazan je u glavnom prozoru na monitoru).

Idite na paletu slojeva - F7. Sada trebamo isključiti gornja dva sloja zvijezda (kliknite na oko), ostavljajući samo jedan vidljiv. Ovo će biti prvi okvir.

Idite na paletu slojeva. Isključite prvi sloj sa zvjezdicama, uključite drugi. Stoga ćemo u drugom okviru prikazati zvijezde na drugim mjestima.

Ponovno kliknite na ikonu novog okvira. Isključite drugi sloj sa zvjezdicama, uključite treći.

Obratite pažnju na vrijeme ispod svakog kadra, to je trajanje kadra. 5 sekundi, koje su zadane, nama je previše - animacija će se usporiti, kliknite na strelicu i postavite trajanje svakog kadra na 0,1 sekundu.

Kako bi se okviri glatko mijenjali, moramo stvoriti međukadrove između ključnih okvira. Da biste to učinili, na prvom okviru kliknite na ikonu s nekoliko krugova na dnu privremene ploče.

U prozoru koji se pojavi označite koliko međuokvira želimo izraditi. Postavit ću ga na 2. Za sve okvire osim posljednjeg, postavite ga na "Sljedeći okvir".

Između prvog i drugog ključnog okvira sada imate 2 međusličica.

Sada stojimo na 2. ključnom okviru (sada je 4. po redu), ponovno kliknite na ikonu s krugovima i kreirajte još 2 međukadra. Sada samo trebamo zatvoriti zadnji i prvi okvir kako bismo dobili glatku animaciju.

Odaberite posljednji okvir na vremenskoj traci. Kliknite na krugove. U prozoru koji se pojavi, u retku "Srednji okviri", odaberite "Prvi okvir", dodajte ista 2 okvira.

Sada, ispod okvira dolje lijevo, označavamo broj ponavljanja animacije "Konstantno".

Odaberite prvi okvir, pritisnite trokut s desne strane “Play” da vidite što se dogodilo.

Odaberite format datoteke za spremanje GIF-a, kliknite "Spremi...", odaberite direktorij u koji ćemo spremiti, ponovno kliknite "Spremi".

Dakle, u ovoj lekciji smo pogledali kako napraviti animaciju u Photoshopu CS6.

Nadam se da ste naučili nešto novo i korisno iz ovog vodiča.

Važna nota. Ako trebate brzo stvoriti jednostavna animacija iz nekoliko okvira u Photoshopu, idite na lekciju - .


Zaustavljena animacija me zanima već dosta dugo, iako sam malo proučavao materijal. Sve knjige koje sam počela čitati bile su dosta duge, teške i “suhoparne”.

Stoga, nakon što sam počeo malo razumijevati tehnologiju stvaranja animacija, počeo sam tražiti načine da ih oživim pomoću Photoshopa.

Mnogi su me savjetovali da prijeđem na druge programe (npr. TVP Animation Pro), ali sam, ne želeći se prilagoditi novim sučeljima drugih programa, odlučio sve raditi u Photoshopu.

I napisao sam ovu lekciju posebno za one koji nisu razumjeli tehnologiju stvaranja animacija okvir po okvir posebno u Photoshopu. Tko nije želio malo kopati i shvatiti što je što?


Dotaknut ću se dvije teme: kratkih animacija i dugih. Ne biste se trebali pomicati kroz tipove animacija koje vam nisu zanimljive: ondje može biti informacija koje će vam biti korisne za animacije vrste koju trebate.


Kratke animacije– to su animirani avatari, emotikoni itd.

Duge animacije– to su crtani filmovi, video zapisi itd.


Prvo ću vam ispričati teoriju, a onda ćemo animaciju kreirati u praksi.

Važan dodatak

Mnogi ljudi pitaju: "Zašto je moja animacija tako trzava, zašto se moj lik/objekt kreće brzo/sporo?"
Odgovor je: vaš lik/objekt se kreće brzo jer si nacrtao nekoliko okviri.

Vaš lik/objekt se kreće polako jer si nacrtao Puno okviri.

Vaš lik/objekt trza jer niste pratili prethodni pokret i nacrtali sljedeći, koji nije u skladu s prethodnim.


Zapamtite: u jednoj sekundi 24 okvir!


Dakle, kada budete spremni za izradu svoje animacije, zapamtite: 24 okvir = 1 drugi, 24 okvir = 1 drugi. Nikad ne zaboravite ovaj vrlo važan detalj.

Kratke animacije

Mislim da ste često nailazili na animacije na avatarima, animirane emotikone.
Neki emotikoni su napravljeni u Bljesak, ali ja svoje crtam u Photoshopu. Nemojte misliti da je tako kratke animacije lako napraviti. S jedne strane, da, male su veličine, ali s druge strane, dok ih crtate 15 -30 okvira, bit ćete zauzeti (zamislite, ako želite napraviti trominutni isječak, tada ćete morati učiniti 4320 okviri!).

Što trebate zapamtiti i znati?

Recimo da ste za svoj avatar htjeli nacrtati djevojku s kosom raspuštenom od vjetra. Sredstva:


Prvo, kosa nije karton - pod utjecajem umjerenog vjetra formirat će poprečne valove.


Ovako je to otprilike prikazano na dijagramu:


Pod utjecajem jakog vjetra, kosa će biti gotovo ravna, ali vaš lik će morati čvrsto zatvoriti oči i uhvatiti se za nešto kako ne bi bio otpuhan, jer u stvarnosti malo ljudi može izdržati takav vjetar. iako se ova vrsta animacije može koristiti kada vaš lik, na primjer, vozi bicikl.


I na kraju, blagi povjetarac lagano podiže i spušta kosu.



Lagani vjetar:


Srednji vjetar:


Jak vjetar:


Isto vrijedi i za tkaninu i odjeću - ponašat će se otprilike isto kao i kosa.


I sada ste, na primjer, htjeli nacrtati animaciju s kretanjem vašeg lika i objekta. Sredstva:


Drugo, svaka radnja počinje negdje. Jeste li ikada primijetili da, primjerice, da biste ustali sa stolca, prvo ga malo pomaknite i malo se nagnite naprijed, pa tek onda ustanite? ili da kad želiš udariti reketom prvo ga odmakneš i okreneš njime tijelo pa tek onda zadaš udarac?

Postoji ogromna hrpa takvih primjera, ali bolje je pogledati:

Kako bi izbjegli upadanje u nevolje s ovima pokreti prije radnji(DPD), češće analizirati i promatrati kretanje ljudi ili životinja.

Mali dodatak

Općenito, nikada ne zaboravite na fiziku. Težina predmeta, materijali od kojih su napravljeni (elastičnost, mekoća, tvrdoća itd.), sve je to potrebno.

Shvatite da će bez ovoga vaša animacija biti mrtva, užasna i ružna!

Radite na tome i nemojte žuriti.

Duge animacije

Oooh, ovdje počinje zabava!


Jeste li se često, gledajući crtiće ili anime, divili animacijama i zavidjeli onima koji ih znaju napraviti? Sve te divne scene, plastični pokreti i još mnogo toga. itd.? Iskreno priznajem – da. Svaki put kad nešto gledam pokušavam shvatiti kako su animatori radili s tim? Kako su sve ovo stvorili?


Ali, zbog činjenice da ne znam u kojim programima rade, pokušavam razumjeti cijeli proces koristeći Photoshop mehanizme.

I znaš, nalazim odgovore na sva svoja pitanja!


No, uzmimo sve redom.

Proces stvaranja duge animacije

1. U početku trebamo IDEJU

Na primjer, odlučili ste napraviti kratki video u kojem će nekoliko djevojaka plesati.

Ako ste iskusan animator, možete "natjerati nekoga da pleše" u svom videu iz 3 i više djevojaka.

Ali na početku vašeg animatorskog puta, bolje je ograničiti se na jednog ili dva.

2. Sada trebate izraditi scenu po scenu (RPS)

Što je to i s čime se jede?


Zamislite film. Sada zamislite broj različite vrste iz različitih kamera. Krupni plan, pejzaž, kamera prati lik...


U redu je kad ih nema toliko. Ali kada napravimo cijeli isječak, može ih biti više 30 stvari!
Zato pametni animatori koriste tako divnu stvar koja izgleda kao knjiga s crtama.

U njemu prikazuju scene.

Samo neki u svakom dijelu tablice crtaju jednu scenu, zatim drugu, treću itd., dok drugi nakon nekoliko sekundi crtaju slike u svakom dijelu tablice (ispričavam se ako nisam jasno objasnio).



Također je vrlo zgodno da to možete učiniti na strani opisa, inače, ponekad ga nacrtate, a zatim ga nakon nekog vremena pogledate i ne razumijete - što sam ovdje prikazao?


Stoga bilježimo ovu ploču scenarija za scene i koristimo se ovim knjigama.
Ne morate čak ni napraviti knjigu, već jednostavno napravite veliku datoteku u Photoshopu i tamo nacrtajte sve scene.

3. Sada morate osmisliti pozadinu, koncept lika i pokret

Kretanja crtamo u RPS knjizi.

Ako imate više od jedne scene u videu, morat ćete nacrtati nekoliko različitih pozadina. Nacrtajte ih u zasebne datoteke.
I zapamtite jednu stvar - pozadina se ne pojavljuje iz ničega. Dakle, ako želite da se kamera pomakne u stranu, onda bi i pozadina trebala biti tamo. oni. morat ćete više crtati pozadinu po dužini (ili širini, ili možda oboje).

Onda razmislite izgled svoj lik i počnite stvarati animaciju.

Prelazak s teorije na praksu

Od sada pa nadalje, razmislimo malo o IDEJI i općenito o točki “Proces stvaranja animacije”. o cemu ja pricam Štoviše, sada će vam trebati zamorac kojeg ćete prisiliti da se kreće. Nećemo snimiti video u kojem 4320 okviri. Najbolji i najlakši način za razumijevanje je kako stvoriti animaciju okvir po kadar koristeći 24 -72 - okvirna animacija.


Pa, počnimo!


1. Kreirajmo novi dokument. Za svoju animaciju uzeo sam malu veličinu - 400 x 500 px.


2. Sada, ako nemate prozor dolje lijevo " Animacija", pogledaj gore, otvori karticu " Prozor» - « Animacija».*


* - Primjeri koriste rusificiranu verziju Photoshop CS2.


Na gornjoj snimci zaslona vidimo prozor animacije u kojem se nalazi prvi okvir, ispod njega je mala ploča na kojoj se nalaze gumbi:

Uvijek/jednom- odabirom "Uvijek" ponavljat ćete animaciju. Ako odaberete Jednom, animacija će se reproducirati samo jednom. (U mojoj lekciji postoje obje verzije animacija: petlje - gdje je prikazan princip DPD-a, reproduciran jednom - gdje je prikazana promjena scene).

Odaberite prvi okvir- vraća nas na sam početak.

Odabire prethodni okvir- Nemojmo zvati Capa. (=

Reproducira animaciju/Zaustavlja animaciju- Pusti/zaustavi.

Odabire sljedeće okvire- sljedeći okvir. Vaša kapa!

Tweens animacijski okviri- pomoću ovog gumba možemo dodati glatke prijelaze između dva okvira dodavanjem novih.

Duplicira odabrane okvire- nije baš točan naziv... Bolje bi bilo reći “Dodavanje novog okvira”.

Briše odabrane okvire- košarica.


3. Sada možemo početi crtati. Da biste to učinili, postavite pozadinu koju ste prethodno stvorili Pozadina(Pozadina/Pozadina).


4. Zatim napravite novi sloj (Ctrl+Shift+Alt+N) i nacrtajte svoj lik na njemu.

4. Sada dolazi teži dio: moramo nacrtati isti lik mnogo puta zaredom u različitim pozama.


Napravimo novi okvir i... Postoje dvije mogućnosti:

A) Ili svaki put iznova počnete crtati svoj lik, ili...

B) Kopirajte prethodni sloj i promijenite ga (završite crtanje i brisanje, umjesto da koristite transformaciju! Rijetko će vam trebati takav alat, napisat ću kasnije kada).


Nakon što se malo obučite u animaciji, moći ćete bezbolno koristiti obje opcije. (Možete isprobati svaki od njih u zasebnom dokumentu).

Opcija A:

1. Nacrtali smo naš prvi okvir.

2. Da bismo vidjeli kako promijeniti sljedeći, smanjit ćemo neprozirnost sloja na otprilike 30% i kreiramo novi sloj na kojem već crtamo zeca za drugi okvir.

3. Završavamo crtanje drugog okvira i isključujemo vidljivost prethodnog, prvog sloja.


Opcija B:

1. Napravite okvir s likom i učinite ovaj sloj nevidljivim.

2. Zatim ga duplicirajte (Ctrl+J) povlačenjem sloja na gumb "Stvori novi sloj" lijevo od kante za smeće.

3. Sada činimo drugi sloj vidljivim i počinjemo ga mijenjati.

Dakle, dupliciranjem prethodnog sloja stvarate nove okvire i mijenjate ih, a ne isti.


5. Sjedimo i crtamo okvire 10 -15 ...


6. I da vidimo što se dogodilo.


Ispostavilo se da je to zec koji trči.

Štoviše, niti jedan njegov dio nije kopiran: svaki se kadar iznova crta.


Pogledajte sami:


Kada stvarate animaciju, trebali biste imati na umu da je prilično teško prebacivati ​​se između stotina slojeva i stoga ne biste trebali odgađati slikanje ili mijenjanje bilo čega za kasnije. Učini to odmah.

Skoro kraj

Iznad sam rezervirao alat ().
Isplati se koristiti kada, na primjer, želite kameru udaljiti, približiti, rotirati itd. (Ako trebate samo pomaknuti pozadinu, koristite video editore, bit će vam lakše). Nemojte nepotrebno koristiti alate za izobličenje, nagib ili druge transformacijske alate.



I, nakon što smo spasili svoje gif-animacija kao format video datoteke .avi, na primjer, možete sigurno otići na Filmski studio Windows Live.
Od tamo, učinite što god vam srce želi sa svojim isječkom.


Zatim možete prenijeti svoj isječak na youtube.com i uživati ​​u poslu koji ste obavili.



PUNO HVALA na pažnji, Lero-art je bio uz vas. Oprostite na jezičnosti, čudnoj prezentaciji i drugim nedostacima u lekciji, ako ih ima. Sve je to zbog činjenice da su misli zbrkane, a riječi ne tvore rečenice...

Ali nadam se da ste naučili nešto novo i zanimljivo za sebe!