Kuidas Photoshopis kiiresti GIF-animatsiooni luua. Lihtsa animatsiooni loomine Photoshopis Animatsiooni loomine rakenduses Photoshop cs6

Animatsiooni tegemiseks ei pea teil olema mingeid fenomenaalseid teadmisi, peate lihtsalt hankima õige tööriista ja kasutama seda õigesti. Selliseid lahendusi on päris palju, kuid tuntuim neist on Adobe Photoshop. See artikkel näitab, kuidas saate selles kiiresti animatsiooni luua.

Kui Photoshopi teie arvutis pole, laadige see alla ülaltoodud lingilt, seejärel installige see selle artikli juhiste järgi ja käivitage see.

1. etapp: lõuendi ja kihtide ettevalmistamine


Nüüd saate neile joonistada seda, mida animatsioonis näidatakse. Meie lihtsas näites on see liikuv ruut. Igal kihil liigub see mõne piksli võrra paremale.

2. samm: ajaskaalaga töötamine


Kõik! Animatsioon on valmis. Tulemust saate vaadata nupule klõpsates "Alusta animatsiooni taasesitust". Ja pärast seda saate selle vormingus salvestada GIF.

Sel lihtsal, kuid tõestatud viisil saime Photoshopis GIF-animatsiooni teha. Muidugi saab seda oluliselt parandada kaadri aja vähendamise, kaadrite juurde lisamise ja loomulikult musta ruudu loomise asemel millegi originaalsema ja kvalitatiivsemalt parema loomisega. Kuid see sõltub teie eelistustest, soovidest ja oskustest.

Video importimise tööriista kasutamiseks Adobe Photoshop CS3-s peate installima Quick Time Playeri versiooni 7.1 või uuema versiooni.

Videost kaadrite importimiseks klõpsake "Fail > Import > Videokaadrid kihtidesse..." ja valige fail oma arvutis.

Kui saate importimise ajal teate, et vormingut ei toetata, tuleb video teisendada ".mp4" vormingusse. Soovitan kasutada tasuta konverterit. Selles saate soovitud videofragmendi kohe välja lõigata, et mitte kogu faili teisendada. Kui kasutate Photoshop CS3, muutke pärast teisendamist laiend ".mp4" laiendiks ".mov".

Pärast faili valimist arvutis peaks ilmuma importimise dialoog. Kui soovite animeerida ainult osa videost, seadke lüliti asendisse „Ainult valitud vahemik”.

Kui kasutate Photoshop CS3, seadke liugur fragmendi algusesse, hoidke all klahvi "Shift" ja lohistage liugur soovitud fragmendi lõppu.

Kui teil on installitud Photoshop CS6, kasutage fragmendi alguse ja lõpu märkimiseks musti liugureid.

Märkige ruut valiku „Jäta igaüks” kõrval ja määrake videokaadri diskreetimissagedus. Näide: kui video kaadrisagedus on 30 kaadrit sekundis ja sisestasite väärtuse "5", siis on animatsiooni kaadrisagedus 30/5 = 6 kaadrit sekundis, see tähendab, mis suurem arv, seda haruldasemad on kaadrid (seda väiksem on animatsiooni suurus).

Lülitage ajaskaala sisse, klõpsates Photoshop CS3-s menüükäsku Aken > Animatsioon või Photoshop CS6-s Window > Timeline.

Animatsiooni skaalal klõpsake esimest kaadrit, hoidke all klahvi "Shift" ja klõpsake viimasel kaadril. Valige loendist soovitud kaadri viivitusaeg, määrates nii animatsiooni taasesituse kiiruse. Tulemuse vaatamiseks kasutage pleieri nuppe.

Klõpsake "Fail > Salvesta veebi jaoks..." (Photoshop CS6) või "Fail > Salvesta veebi ja seadmete jaoks..." (Photoshop CS3). Valige vorming "GIF". Soovi korral saate pildi suurust vähendada või suurendada, muutes väärtusi pikslites või protsendina originaalsuurusest.

Animatsioon Internetis ei ole ammu enam lihtne lehe kaunistus ja on muutunud kasulikuks tööriistaks kasutatavuse parandamiseks. See aitab kasutajal liidesega suhelda ja juhib tähelepanu olulistele punktidele.

Animatsioon on sarnaste kaadrite järjestikune kuvamine üksteise järel. Iga kaader muutub veidi, nii et pilt näib liikuvat.

Liidese animeerimiseks looge interaktiivseid prototüüpe või reklaame, kasutage spetsiaalseid programme, näiteks Adobe Animate või After Effects.

Lihtsa veebibänneri või esitluse loomiseks ei pea te aru saama eriprogrammid. Selleks sobivad ka sisseehitatud Photoshopi tööriistad.

Kust alustada

Esimene samm on otsustada, mida me animeerime ja millist tulemust kavatseme saavutada.

Animatsiooni loomiseks võtsin Behance'ist ühe ereda projekti ja joonistasin selle Photoshopis ümber. Joondasin selle sisuruudustiku järgi, valisin suurused ja asetasin iga elemendi eraldi kihti. Selle tulemusena lasin saidi esimese ekraani joonistada PSD-vormingus, mille seejärel animeerisin.

Ajaskaala

Enne animatsiooni loomist peate ette valmistama vajalikud tööriistad - lülitage sisse "Ajaskaala", mis aitab animatsiooni kaadreid hallata.

Selleks avan vahekaardi "Aken" ja märgin "Ajaskaala" rea kõrval oleva ruudu.

Photoshopi akna alla peaks ilmuma lai joon, millega saab animatsioonis olevaid kaadreid juhtida.

Esimese kaadri loomiseks klõpsake "Ajaskaalal" ikooni "Loo kaadri animatsioon".

Kui esimene kaader on ilmunud, võite alustada liikumist.

Vahepealsed

Photoshopis saab elementi animeerida mitmel viisil.

  • Joonistage mitu kaadrit, muutes käsitsi elementide asukohta ja omadusi. Kui animatsioon on piisavalt pikk, võtab iga kaadri joonistamine palju aega.
  • Sisestage vaheraamid. Peate käsitsi seadma ainult paigutuse olekud: animatsiooni alguses ja lõpus. Photoshop ise lisab nende olekute vahele vajalikud kaadrid. See meetod sobib objekti sisse- ja väljanägemise kustutamiseks või selle liikumise näitamiseks.

Kõigepealt animeerin balalaika kujutist. Pildi sujuvaks kuvamiseks kasutan tööriista “Insert Intermediate Frames”. Et Photoshop saaks elemendi ise animeerida, peate määrama elemendile kaks olekut – esimese kaadri algusoleku ja järgmise kaadri lõppoleku.

Seega lisan ajajoonele veel ühe kaadri, kasutades nuppu "Tee raamidest koopia".

Peale uue raami lisamist lülitun esimesele ja eemaldan balalaikakihi nähtavuse. Samuti saate määrata kihi läbipaistmatuse väärtusele 0%.

Järgmises kaadris kontrollin, kas balalaikaga kiht on näha.

Pärast balalaika pildiga töötamist reguleerin tekstirea välimust. Esimeses kaadris valin teksti "Hing laulab" ja liigutan selle paigutusest väljapoole paremale. Ma teen sama tekstiga "3 stringi" - liigutage seda vasakule, kuni see kaob.

Teises kaadris tagastan teksti tagasi.

Suurepärane. Nüüd paneme võtmeraamide vahele vahepealsed kaadrid.

Selleks klõpsake "Ajaskaalal" nuppu "Loo vahekaadrid".

Ilmuvas dialoogiboksis näitan, kui palju kaadreid tuleb lisada.

Mida rohkem kaadreid, seda pikem on animatsioon ja seda sujuvamalt element liigub. Kui kaadreid on liiga vähe, liiguvad elemendid jõnksatavalt.

Animatsiooni esimene osa on valmis. Nüüd saate seda taasesitada ja vaadata, mis juhtus.

Klõpsan ajajoonel esitusnupul.

Vahekaadrite sisestamine aitas kiiresti luua sujuva välimuse ja elementide liikumisega animatsiooni.

Ilmumist, kadumist ja liikumist saab omavahel kombineerida, et saavutada veelgi huvitavamaid efekte.

Manuaalne stop-motion animatsioon

Lisaks lineaarsele animatsioonile peate mõnikord looma kaootilist liikumist või näitama elementide keerulist koostoimet. Tavaliselt loovad nad selleks esimesest kaadrist mitu koopiat ja muudavad seejärel iga koopiat veidi - joonistavad animatsiooni kaadri haaval.

Kopeerin seda mitu korda viimane kaader luua noole liikumine ja tekst "mine shoppama".

Järgmises kaadris valin teksti ja noolega soovitud kihi, liigutan seda veidi üles ja viimases kaadris alla.

Nüüd saate animatsiooni käivitada ja tulemust näha.

Kuna kaadrid vahetuvad kiiresti, ei jõua silmad viimasele kaadrile keskenduda ja objektide lõplikku asukohta ekraanil fikseerida.

Seetõttu suurendasin viimase kaadri kestust: peate klõpsama noolt, mis asub sildi "0 sek" kõrval. ja valige loendist teine ​​aeg.

Viimase kaadri jaoks määrasin kestuseks kaks sekundit. Taasesitus aeglustub nüüd lõpus. Seetõttu on mugav jälgida elementide liikumist.

Salvestamine ja eksportimine

Eelvaate aknas saate animatsiooni uuesti vaadata ja salvestamise sätteid muuta.

Vaikimisi peatub animatsioon pärast taasesitust. Seetõttu muudan taasesitusrežiimiks “Korda” ja salvestan.

See on tulemuseks olev animatsioon:

Järeldus

Photoshopis on lihtne luua lühikesi interaktiivseid bännereid ja esitlusi ning animeerida üksikuid elemente. Tulemusega on mugav katsetada.

Selles artiklis räägin sellest, mis on Photoshopis animatsioon. Vaatame, kuidas animatsioon Photoshopis töötab, kasutades uusaasta bänneri loomise näidet.

Töötan Adobe Photoshop CS6-s. Minu liides on venekeelne, kuna kirjutan töölt.

Mul on kodus ingliskeelne versioon ja ma soovitan teil õppida ingliskeelse versiooniga. Siin on põhjus:

  • Saate hõlpsasti programmis navigeerida mis tahes keeles (pärast vene keelt inglise keeles leiate hõlpsalt tööriistu, kuna see on teie emakeel ja pärast vene keelt võib teil olla probleeme kohanemisega).
  • Enamik häid tunde on kirjutatud inglise keeles.
  • Programmide lokaliseerimised erinevad sageli üksteisest ja liidese tõlkimise kvaliteet jätab mõnikord soovida. Tööriistade vale tõlkimine võib programmi õppimist alustava inimese segadusse ajada.

Alustame animatsiooni loomist rakenduses Photoshop CS6

Käivitame Photoshopi.

Meie loome uus dokument Fail - Uus (Ctrl+N).

Avanevas aknas määrake bänneri mõõdud: 600 x 120, nimetagem seda “Uusaasta bänner” -> “Ok”.

Tausta loomine

Valin eelnevalt välja materjalid, mida oma töös kasutan (taustad, fondid jne).

Avage ettevalmistatud tekstuur: Ctrl+O. Saate alla laadida tekstuuri, mida ma kasutan.

Avage kihtide palett "Kihid" - F7.

Valige tekstuuriga aken, lohistage kiht kihtide paletilt bänneriga kihile.

Kui tekstuur osutub bänneriga võrreldes liiga väikeseks või väga suureks, kohandage selle suurust teisendusega “Ctrl+T”.

Pildi nurkadesse ilmuvad väikesed ruudukujulised markerid. Suuruse muutmisel kuvasuhte säilitamiseks hoidke klahvi Shift ja pildi suuruse vähendamiseks või suurendamiseks lohistage nurgapidet diagonaalselt, kuni taust täidab kogu bänneri pinna.

Kui oleme tekstuuri kohandanud bänneri suurusele, liigume edasi selle värviparanduse juurde.

Minge menüüsse "Pilt" - "Kohandused" - "Toon / küllastus" (Pilt - parandus - toon / küllastus).

Ereda ja küllastunud värvi saavutamiseks määrasin järgmised sätted:

Kirjutame teksti

Looge uus kiht (Ctrl+Shift+N) või klõpsake kihtide paletis uue kihi ikooni.

Valige tööriist Horisontaalne tüüp (T).

Valige mis tahes tärniga pintsel, värvige valge värviga #ffffff. Värvi valimiseks klõpsake vasakpoolse paneeli allosas väikest ruutu.

Joonistage uuele kihile tähed juhuslikesse kohtadesse. Tähtede heledamaks muutmiseks klõpsake mitu korda ühes kohas. Siin on see, mida ma sain:

Tee kihist duplikaat (Ctrl+J). Eelmise kihi nähtavuse peitmiseks klõpsake kihtide paletis silmaikoonil.

Valige ülemine kiht tähtede koopiaga. Valige vasakpoolsest paneelist Lasso Tool (L).

Vali iga täht kordamööda, vajuta “V” (Move Tool) ja liiguta see suvalisse kohta mujale, nii jäävad meil erinevatesse kohtadesse erinevatesse raamidesse tähed, mis tekitavad väreleva efekti.

Kui olete kõik tähed teise kohta teisaldanud, looge selle kihi duplikaat, millega te töötasite (Ctrl+J), peitke eelmine kiht kihtide paletis, klõpsates silmal ja korrake uuesti tähtede teisaldamist. kohtades, saate ka mitme uue tähe joonistamise lõpetada.

Seega on meil 3 tähtedega kihti, millest igaühes on tähed erinevas asendis.

Kõik on valmis.

Liigume edasi animatsiooni loomise juurde Photoshopis

Avage ajaskaala. Minge menüüsse "Aken" - "Ajaskaala" (Aken - ajaskaala).

Ilmuval ajaskaala paneelil leiame keskelt nupu "Loo video ajaskaala" (Loo video jaoks ajaskaala).

Pärast seda muudab skaala välimust. Nüüd klõpsake kolme ruuduga ikooni akna alumises vasakus nurgas, et luua kaadri haaval animatsioon.

Animatsioonipaneel kaader kaadri haaval on avatud. Nüüd on selles ainult üks kaader, milles on näidatud kõik nähtavad kihid (valitud kaadri sisu kuvatakse monitori peaaknas).

Minge kihtide paletile - F7. Nüüd peame kaks ülemist tähekihti välja lülitama (klõpsake silmal), jättes nähtavale ainult ühe. Sellest saab esimene kaader.

Minge kihtide paletti. Lülitage esimene kiht tärnidega välja, lülitage teine ​​sisse. Seega näitame teises kaadris tähti teistes kohtades.

Klõpsake uuesti uue raami ikooni. Lülitage teine ​​kiht tähtedega välja, lülitage kolmas sisse.

Pöörake tähelepanu ajale iga kaadri all, see on kaadri kestus. 5 sekundit, mis on vaikimisi, on meie jaoks liiga palju - animatsioon aeglustub, klõpsa noolele ja määra iga kaadri kestuseks 0,1 sekundit.

Et kaadrid muutuksid sujuvalt, peame võtmekaadrite vahele looma vahepealsed kaadrid. Selleks, olles esimesel kaadris, klõpsake ajutise paneeli allosas mitme ringiga ikooni.

Ilmuvas aknas märkige, mitu vahekaadrit tahame luua. Seadistan selle väärtuseks 2. Kõigi kaadrite jaoks, välja arvatud viimane, määrake see "Järgmine kaader".

Esimese ja teise võtmekaadri vahel on nüüd 2 vahepealset kaadrit.

Nüüd seisame 2. võtmeraamil (nüüd on see järjekorras neljas), klõpsake uuesti ringidega ikooni ja looge veel 2 vahekaadrit. Nüüd peame lihtsalt sulgema viimase ja esimese kaadri, et saada sujuvat animatsiooni.

Valige ajaskaala viimane kaader. Klõpsake ringidel. Ilmuva akna real "Intermediate frames" valige "First frame", lisage samad 2 kaadrit.

Nüüd näitame vasakus allosas olevate kaadrite all animatsiooni „Pidevalt“ korduste arvu.

Valige esimene kaader, vajutage paremal asuvat kolmnurka "Esita", et näha, mis juhtus.

Valige GIF-i salvestamiseks failivorming, klõpsake nuppu "Salvesta...", valige kataloog, kuhu salvestame, ja klõpsake uuesti "Salvesta".

Niisiis, selles õppetükis vaatasime, kuidas Photoshop CS6-s animatsiooni teha.

Loodan, et õppisite sellest õpetusest midagi uut ja kasulikku.

Oluline märkus. Kui teil on vaja kiiresti luua lihtne animatsioon mitmest Photoshopi kaadrist, minge õppetundi - .


Olen stop-motion animatsiooni vastu huvi tundnud üsna pikka aega, kuigi materjali olen õppinud vähe. Kõik raamatud, mida lugema hakkasin, olid üsna pikad, rasked ja “kuivad”.

Seetõttu, pärast seda, kui hakkasin animatsioonide loomise tehnoloogiast veidi aru saama, hakkasin otsima viise, kuidas neid Photoshopi abil ellu äratada.

Paljud inimesed soovitasid mul üle minna teistele programmidele (näiteks TVP Animation Pro), kuid kuna ma ei tahtnud kohaneda teiste programmide uute liidestega, otsustasin teha kõike Photoshopis.

Ja ma kirjutasin selle õppetunni spetsiaalselt neile, kes ei mõistnud Photoshopis kaadrihaaval animatsioonide loomise tehnoloogiat. Kes ei tahtnud natuke kaevata ja aru saada, mis on mis?


Ma puudutan kahte teemat: lühianimatsioonid ja pikad. Te ei tohiks sirvida seda tüüpi animatsioone, mis teile ei ole huvitavad: seal võib olla teavet, mis on teile vajalikku tüüpi animatsioonide jaoks kasulik.


Lühikesed animatsioonid– need on animeeritud avatarid, emotikonid jne.

Pikad animatsioonid– need on multikad, videod jne.


Kõigepealt räägin teile teooria ja seejärel loome animatsiooni praktikas.

Oluline täiendus

Paljud inimesed küsivad: "Miks on minu animatsioon nii tõmblev, miks mu tegelane/objekt liigub kiiresti/aeglaselt?"
Vastus on: teie tegelane/objekt liigub kiire sest sa joonistasid vähe raamid.

Sinu tegelane/objekt liigub aeglaselt sest sa joonistasid palju raamid.

Sinu tegelane/objekt tõmbleb, sest sa ei järginud eelmist liigutust ja joonistasid järgmise, mis ei ole eelmisega kooskõlas.


Pidage meeles: ühe sekundiga 24 raami!


Nii et kui valmistute oma animatsiooni looma, pidage meeles: 24 raam = 1 teiseks, 24 raam = 1 teiseks. Ärge kunagi unustage seda väga olulist detaili.

Lühikesed animatsioonid

Ma arvan, et olete sageli kohanud animatsioone avataridel, animeeritud emotikone.
Mõned emotikonid on tehtud Välklamp, aga ma joonistan oma Photoshopis. Ärge arvake, et selliseid lühikesi animatsioone on lihtne teha. Ühest küljest jah, need on väikese suurusega, kuid teisest küljest, kui te neid joonistate 15 -30 kaadreid, siis on sul kiire (kujutage ette, kui soovite luua kolmeminutilise klipi, siis peate tegema 4320 raamid!).

Mida peaksite meeles pidama ja teadma?

Oletame, et tahtsite oma avatari jaoks joonistada tuulest puhutud juustega tüdruku. Tähendab:


Esiteks ei ole juuksed papp - mõõduka tuule mõjul moodustavad need põiklaineid.


Umbes nii on see diagrammil näidatud:


Tugeva tuule mõjul on juuksed peaaegu sirged, kuid teie tegelane peab silmad tihedalt sulgema ja millestki kinni haarama, et mitte ära puhuda, sest tegelikult peavad vähesed inimesed sellisele tuulele vastu. kuigi seda tüüpi animatsiooni saab kasutada näiteks siis, kui teie tegelane sõidab rattaga.


Ja lõpuks, õrn tuul tõstab ja langetab juukseid õrnalt.



nõrk tuul:


Keskmine tuul:


Tugev tuul:


Sama kehtib kanga ja riiete kohta – need käituvad samamoodi nagu juuksed.


Ja nüüd tahtsite näiteks joonistada animatsiooni oma tegelase ja objekti liikumisega. Tähendab:


Teiseks algab igasugune tegevus kuskilt. Kas olete kunagi märganud, et näiteks toolilt tõusmiseks liigutate seda esmalt veidi ja kummardate veidi ette ning alles siis tõusete püsti? või et kui tahad reketiga lüüa, siis kõigepealt liigutad selle eemale ja keerad sellega oma keha ning alles siis teed löögi?

Selliseid näiteid on tohutult palju, kuid parem on vaadata:

Et vältida nendega probleeme liigutused enne tegevusi(DPD), analüüsige ja jälgige inimeste või loomade liikumist sagedamini.

Väike täiendus

Üldiselt ärge kunagi unustage füüsikat. Esemete kaal, materjalid, millest need on valmistatud (elastsus, pehmus, kõvadus jne), seda kõike on vaja.

Mõistke, et ilma selleta on teie animatsioon surnud, kohutav ja kole!

Parem töötage selle kallal ja ärge kunagi kiirustage.

Pikad animatsioonid

Oooh, siit algab lõbu!


Kas olete sageli multikaid või animeid vaadates imetlenud animatsiooni ja kadestanud neid, kes oskavad neid teha? Kõik need imelised stseenid, plastilised liigutused ja palju muud. jne.? Tunnistan ausalt – jah. Iga kord, kui ma midagi vaatan, püüan aru saada, kuidas animaatorid sellega töötasid? Kuidas nad selle kõik lõid?


Kuid kuna ma ei tea, millistes programmides nad töötavad, püüan Photoshopi mehhanismide abil kogu protsessi mõista.

Ja teate, ma leian vastused kõikidele oma küsimustele!


Aga võtame kõik järjekorda.

Pika animatsiooni loomise protsess

1. Esialgu vajame IDEED

Näiteks otsustasite teha lühikese video, milles tantsivad mitu tüdrukut.

Kui olete kogenud animaator, saate oma videos "keegi tantsima panna". 3 ja rohkem tüdrukuid.

Kuid animaatori teekonna alguses on parem piirduda ühe või kahega.

2. Nüüd peate looma stseenihaaval süžeeskeemi (RPS)

Mis see on ja millega seda süüakse?


Kujutage ette filmi. Kujutage nüüd ette numbrit erinevat tüüpi erinevatest kaameratest. Lähivõte, maastik, kaamera jälgib tegelast...


Pole hullu, kui neid nii palju pole. Aga kui teeme terve klipi, võib neid olla rohkem 30 asju!
Sellepärast kasutavad nutikad animaatorid sellist imelist asja, mis näeb välja nagu jooneline raamat.

Selles kujutavad nad stseene.

Ainult mõned joonistavad tabeli igasse sektsiooni ühe stseeni, seejärel teise, kolmanda jne, teised aga joonistavad mõne sekundi pärast pilte igasse tabeli sektsiooni (vabandan, kui ma seda selgelt ei selgitanud).



Samuti on väga mugav, et saate seda teha kirjelduse küljel, muidu mõnikord joonistate selle, siis mõne aja pärast vaatate seda ja ei saa aru - mida ma siin kujutasin?


Seetõttu võtame selle stseenide süžeeskeemi teadmiseks ja kasutame neid raamatuid.
Te ei pea isegi raamatut tegema, vaid lihtsalt looge Photoshopis suur fail ja joonistage sinna kõik stseenid.

3. Nüüd pead välja mõtlema tausta, tegelase kontseptsiooni ja liikumise

Liigutused joonistame RPS-i raamatusse.

Kui teil on videos rohkem kui üks stseen, peate joonistama mitu erinevat tausta. Joonistage need eraldi failidesse.
Ja pidage meeles üht – taust ei paista tühjast ilmast. Nii et kui soovite, et kaamera liiguks küljele, peaks seal olema ka taust. need. peate tausta rohkem joonistama pikkuses (või laiuses või võib-olla mõlemas).

Siis mõtled läbi välimus oma tegelane ja hakake looma animatsiooni.

Liikumine teooriast praktikasse

Nüüdsest mõelgem veidi IDEE üle ja üldiselt punktile "Animatsiooni loomise protsess". Millest ma räägin? Veelgi enam, nüüd vajate merisiga, keda sunnite liikuma. Me ei tee videot, milles 4320 raamid. Parim ja lihtsaim viis mõista on, kuidas luua kaadri haaval animatsiooni kasutades 24 -72 - kaadri animatsioon.


Noh, alustame!


1. Loome uue dokumendi. Animatsiooni jaoks võtsin väikese suuruse - 400 x 500 px.


2. Nüüd, kui teil pole vasakus allosas akent" Animatsioon", otsi üles, ava vahekaart" Aken» - « Animatsioon».*


* - Näidetes kasutatakse venestatud versiooni Photoshop CS2.


Ülaltoodud ekraanipildil näeme animatsiooni akent, milles on esimene kaader, selle all on väike paneel, millel asuvad nupud:

Alati/üks kord- valides "Alati" loote animatsiooni. Kui valite Üks kord, esitatakse animatsiooni ainult üks kord. (Minu õppetunnis on animatsioonide mõlemad versioonid: silmustega - kus on näidatud DPD põhimõte, korratakse reprodutseerimist - kus näidatakse stseeni muutust).

Valige esimene kaader- viib meid tagasi päris algusesse.

Valib eelmise kaadri- Ärgem helistagem Capile. (=

Esitab animatsiooni/peatab animatsiooni- Esita/peata.

Valib järgmised kaadrid- järgmine kaader. Sinu müts!

Tweensi animatsioonikaadrid- selle nupu abil saame lisada sujuvaid üleminekuid kahe kaadri vahel, lisades uusi.

Kopeerib valitud kaadreid- mitte päris õige nimi... Õigem oleks öelda “Uue kaadri lisamine”.

Kustutab valitud kaadrid- korv.


3. Nüüd saame hakata joonistama. Selleks asetage varem loodud taust Taust(Taust/taust).


4. Seejärel looge uus kiht (Ctrl+Shift+Alt+N) ja joonistage sellele oma tegelane.

4. Nüüd tuleb raske osa: me peame joonistama sama tegelast mitu korda järjest erinevates poosides.


Loome uue raami ja... On kaks võimalust:

A) Kas hakkate iga kord oma tegelast uuesti joonistama või...

B) Kopeerige eelmine kiht ja muutke seda (lõpetate joonistamise ja kustutamise, mitte ei kasuta teisendust! Sellist tööriista läheb harva vaja, kirjutan hiljem, millal).


Kui olete animatsioonialase koolituse saanud, saate mõlemat võimalust valutult kasutada. (Igaüht neist saate proovida eraldi dokumendis).

Valik A:

1. Joonistasime oma esimese kaadri.

2. Et näha, kuidas järgmist muuta, vähendame kihi läbipaistmatust umbes 30% ja looge uus kiht, millele joonistame juba teise kaadri jaoks jänese.

3. Lõpetame teise kaadri joonistamise ja lülitame eelmise, esimese kihi nähtavuse välja.


Variant B:

1. Looge tegelasega raam ja muutke see kiht nähtamatuks.

2. Seejärel dubleerige see (Ctrl+J), lohistades kihi prügikastist vasakul asuvale nupule "Loo uus kiht".

3. Nüüd muudame teise kihi nähtavaks ja hakkame seda muutma.

Seega loote eelmise kihi dubleerimisega uued raamid ja muudate neid, mitte sama.


5. Istume ja joonistame raame 10 -15 ...


6. Ja vaatame, mis juhtus.


Selgus, et see oli jooksev jänes.

Pealegi ei kopeerita sellest ühtki osa: iga kaader joonistatakse uuesti.


Vaata ise:


Animatsiooni loomisel tuleks meeles pidada, et sadade kihtide vahel ümberlülitamine on üsna keeruline ning seetõttu ei tasu värvimist ega millegi muutmist hilisemaks lükata. Tehke seda kohe.

Peaaegu lõpp

Eespool tegin tööriista kohta broneeringu ().
Seda tasub kasutada siis, kui soovid näiteks kaamerat eemale suumida, lähemale tuua, pöörata vms. (Kui teil on vaja ainult tausta liigutada, kasutage videoredaktoreid, siis on teil lihtsam). Ärge kasutage asjatult moonutusi, kallutamist ega muid teisendustööriistu.



Ja pärast seda, kui oleme oma gif-animatsioon videofaili vormingus .avi Näiteks võite julgelt minna aadressile Windows Live Film Studio.
Sealt edasi tehke oma klipiga kõike, mida süda soovib.


Seejärel saate oma klipi saidile youtube.com üles laadida ja tehtud tööd nautida.



SUUR TÄNAN tähelepanu eest, Lero-art oli teiega. Vabandan keelevalu, veidra esituse ja muude tunnis esinevate vigade pärast, kui neid on. Kõik need on tingitud sellest, et mõtted on segased ja sõnad ei moodusta lauseid...

Aga loodan, et õppisid enda jaoks midagi uut ja huvitavat!