Anksčiau svetainėje žiūrėjome į trečiųjų šalių gaminius, tačiau dauguma jų gali lengvai pakeisti įprastą „Photoshop“. Jos pagalba galima gana lengvai ir greitai sukurti animuotus GIF failus. Dažniausiai jie susideda iš kelių vaizdų (kadrų), kuriuos žingsnis po žingsnio keičiant susidaro galutinis rezultatas. Šiandien mes stengsimės kuo išsamiau apsvarstyti šį klausimą nuo A iki Z:

Toliau pateiktos ekrano kopijos yra iš Photoshop CC, tačiau darbas su GIF animacija CS6 ir kitose programos versijose yra panašus, pliusas ar minusas. Galbūt vaizdinės priemonės šiek tiek skirsis, tačiau apskritai veiksmų principas ir algoritmas yra panašūs. Kaip pavyzdį apsvarstykite nereikšmingą užduotį, kaip sukurti GIF animaciją „Photoshop“ iš nuotraukų, pakeičiančių viena kitą. Neseniai, naudodamasis šiuo vadovu, sukūriau gifą apie savo nuotykius paskutiniam 2016 m. įrašui savo asmeniniame tinklaraštyje.

Procesas užtruko tiesiog 5-10 minučių. Svarbiausia čia yra tiesiog atidžiai atlikti visus veiksmus. Įrašo pabaigoje rasite anglų kalbos vaizdo pamoką šia tema.

GIF animacijos vaizdų pridėjimas „Photoshop“.

Pirmas dalykas, kurį reikia padaryti, tai įkelti į grafikos rengyklę visas nuotraukas/nuotraukas, kurios dalyvaus animacijoje. Pridėkite juos prie vieno projekto skirtinguose sluoksniuose – tai bus gauto GIF failo kadrai. Patikrinkite paveikslėlių dydį ir jų rodymą, kad viskas būtų taip, kaip jums reikia. Sluoksniai gali būti paslėpti (naudojant akies piktogramą sluoksnio kairėje), kad būtų galima peržiūrėti visus objektus.

Šio skydelio centre yra išskleidžiamasis sąrašas, kuriame turite pasirinkti parinktį „Sukurti kadro animaciją“ ir spustelėti mygtuką. Dėl šio veiksmo laiko juosta šiek tiek pasikeis, o viršutiniame sluoksnyje esantį vaizdą turėtumėte matyti kaip pirmąjį kadrą.

Kitame žingsnyje pažymėkite visus projekto sluoksnius (spustelėkite juos laikydami nuspaudę klavišą Ctrl). Po to viršutiniame dešiniajame laiko juostos lango kampe atidarykite kontekstinį meniu ir pasirinkite „Padaryti rėmelius iš sluoksnių“.

Iš visų matomų ir pasirinktų sluoksnių „Adobe Photoshop“ sukurs animuotus GIF rėmelius. Todėl juos matysite skydelyje Laiko juosta.

GIF animacijos nustatymai „Photoshop“.

Čia reikės nurodyti 2 dalykus: skirtingų kadrų rodymo trukmę + gif pasikartojimų skaičių. Pradėkime nuo pirmojo. Po kiekvienu vaizdo objektu laiko juostoje rasite rodymo laiką ir rodyklę žemyn. Spustelėkite juos ir iškylančiajame meniu pasirinkite kortelės trukmę.

Galite nurodyti skirtingus elementus elementams arba nustatyti parametrą keliems iš jų vienu metu (jungtinis pasirinkimas kaip sluoksniuose - naudojant Ctrl).

Norėdami „perjungti“ GIF „Photoshop“, kurdami animaciją, atitinkamame nustatyme pasirinkite Forever reikšmę, kaip parodyta toliau esančioje ekrano kopijoje.

Čia taip pat galite nurodyti bet kokį reikalingą pakartojimų skaičių. Netoliese yra mygtukas Play, kuris leidžia paleisti animuotą GIF ir pamatyti, kaip atrodys galutinis rezultatas.

GIF animacijos išsaugojimas „Photoshop“.

Paskutinėje vadovo dalyje apžvelgsime, kaip tinkamai išsaugoti GIF animaciją „Photoshop“. Šiuo tikslu naudojamas pažįstamas įrankis Išsaugoti žiniatinklyje, tačiau naujausiose „Adobe Photoshop CC“ versijose jis yra naujoje meniu vietoje (Failas – Eksportuoti). Laimei, Alt + Shift + Ctrl + S vis dar veikia.

Atsidariusiame nustatymų lange turite pasirinkti GIF formatą, taip pat įsitikinkite, kad Looping Options nustatymas yra amžinai. Apatiniame dešiniajame lango kampe yra galimybė paleisti animuotą GIF, kurį sukūrėte „Photoshop“, kad galėtumėte peržiūrėti.

Jei viskas veikia taip, kaip tikėtasi, spustelėkite Įrašyti ir išsaugokite failą vietiniame kompiuteryje. Norėdami patikrinti GIF funkcionalumą, turite jį atidaryti naršyklėje, nes... Integruotoji Windows peržiūros priemonė nerodo animacijos.

Beje, taip pat galite lengvai eksportuoti savo projektą į vaizdo formatą. Procedūra tokia pati kaip ir išsaugant GIF animaciją, tačiau „Photoshop“ meniu pasirinkite Failas – Eksportuoti – Render Video.

Atsidariusiame lange bus skirtingi vaizdo nustatymai, tačiau nieko papildomai keisti nereikia, tiesiog spustelėkite mygtuką Render. Dėl to gausite mp4 failą su nuotraukų/vaizdų skaidrių demonstracija.

Galiausiai siūlome žiūrėti vaizdo įrašą anglų kalba apie animuotų GIF kūrimą „Photoshop“. Darbo algoritmas ten yra toks pat kaip ir straipsnyje, bet galbūt jums bus lengviau suvokti informaciją iš vaizdo įrašo.

Jei vis dar turite klausimų, kaip sukurti GIF animaciją „Photoshop“, ar turite kokių nors papildymų, rašykite komentaruose.

GIF yra visur. Kadaise buvę kuklūs animuoti vaizdai dabar yra neoficiali interneto kalba. GIF animacija yra greičiausias būdas išreikšti emocijas Twitter, be to, mes galime praleisti valandas žiūrėdami ją, slinkdami per VK, Facebook ar Odnoklassniki naujienų kanalą.

Yra gana daug svetainių, kuriose galite rasti paruoštų GIF įvairiomis temomis. Tačiau niekas neprilygsta GIF animacijai, kurią sukūrėte patys. Ar manote, kad tai sudėtingas procesas? Tu klysti, viskas labai paprasta. Galite greitai sukurti GIF animaciją naudodami „Photoshop“ grafikos rengyklę, konvertuodami esamą vaizdo įrašą arba naudodami statinių vaizdų seriją. Pažiūrėkime atidžiau, kaip tai daroma.

Pastaba: Visuose šio straipsnio pavyzdžiuose naudoju „Photoshop CC 2017“.

Pirmiausia turite paleisti „Photoshop“, eiti į „Failas“ > „Importuoti“ > „Vaizdo įrašų kadrai į sluoksnius“ ir pasirinkti reikiamą vaizdo įrašą.

Atsidariusiame dialogo lange galite importuoti visą vaizdo įrašą arba pasirinkti tik tam tikrą jo dalį. Jei pasirinksite antrąją parinktį, vilkite rankenas po peržiūros langu, kad nustatytumėte pradžios ir pabaigos taškus. Vaizdo įrašo dalis tarp šių rankenėlių bus importuota.

Pastaba: Atminkite, kad kuo daugiau vaizdo įrašų importuosite, tuo didesnis bus jūsų GIF failas. Be to, jei importuojate per ilgą vaizdo įrašą, pasirinkę Palikti kas 2 kadrus (ar daugiau) galite lengvai sumažinti dydį nepažeidžiant kokybės.

Įsitikinkite, kad pažymėtas žymės langelis Kurti animaciją po kadro, tada spustelėkite Gerai. Prasidės vaizdo įrašų importavimo procesas. Tai gali užtrukti šiek tiek laiko, priklausomai nuo klipo dydžio. Kai importavimas bus baigtas, atsidarys darbo sritis, kurioje kiekvienas vaizdo įrašo kadras bus įdėtas į atskirą sluoksnį.

Ekrano apačioje yra laiko skalės paletė. Jame rodomi visi kadrai, kurie sudarys jūsų GIF animaciją.

Galite pridėti ir pašalinti rėmelius, kaip norite, arba redaguoti bet kurį iš esamų sluoksnių taip, kaip redaguodami sluoksnius bet kuriame kitame paveikslėlyje. Norėdami peržiūrėti GIF animaciją, tiesiog spustelėkite mygtuką Leisti laiko juostos apačioje.

Galutinis rezultatas turėtų būti maždaug toks:

GIF animacijos kūrimas iš statinių vaizdų serijos

Jei neturite vaizdo medžiagos, kurią galėtumėte naudoti kaip GIF animacijos pagrindą, galite ją sukurti rankiniu būdu iš statinių vaizdų serijos. Tai šiek tiek sudėtingiau, ypač jei norite padaryti ką nors šaunaus, tačiau pagrindinis procesas yra paprastas.

GIF sukuriate iš vieno vaizdo failo, kuriame yra keli sluoksniai. Kiekvienas sluoksnis yra atskiras būsimos animacijos kadras. Yra du būdai pradėti:

1. Jei jau sukūrėte animacijos vaizdus, ​​importuokite juos pasirinkdami Failas > Scenarijai > Įkelti failus į krūvą.... Spustelėkite Naršyti ir pasirinkite vaizdus, ​​tada spustelėkite Gerai. Kiekvienas vaizdas bus dedamas į atskirą sluoksnį tame pačiame faile.
2. Jei dar nesukūrėte vaizdų, padarykite tai dabar. Atminkite, kad kiekvienas vaizdas yra būsimos animacijos dalis.

Dabar esate pasirengę pradėti kurti animaciją.

Animuoti statinius vaizdus

Štai kaip tai veikia. Kai kuriate animacijos kadrą rankiniu būdu, į jį įtraukiamas kiekvienas matomas sluoksnis. Išjungti sluoksniai nebus įtraukti į sugeneruotą kadrą.

Norėdami sukurti pirmąjį kadrą, padarykite matomą patį pirmąjį sluoksnį ir išjunkite visus kitus. Tada, kurdami antrą kadrą, padarykite antrą sluoksnį matomą, o tada trečią sluoksnį ant trečiojo kadro ir pan. Kai tik pradėsite, viskas taps aiškiau.

Norėdami pradėti kurti animaciją, atidarykite laiko juostą, jei ji neatsidaro automatiškai. Norėdami tai padaryti, viršutiniame skydelyje spustelėkite „Langas“ ir atsidariusiame meniu pasirinkite „Laiko juosta“. Atsidariusio skydelio centre spustelėkite „Sukurti kadro animaciją“. Šis veiksmas sukurs pirmąjį jūsų animacijos kadrą. Sluoksnių paletėje paslėpkite sluoksnius, kurių nenorite įtraukti į kadrą.

Dabar spustelėkite mygtuką „Naujas kadras“, kuris pakartos ankstesnį kadrą. Dar kartą paslėpkite papildomus sluoksnius ir padarykite matomus tuos, kurie turėtų būti įtraukti į rėmelį.

Kartokite šį procesą, kol pridėsite visus animacijai reikalingus kadrus.

Užbaigimas

Galiausiai nustatykite kiekvieno kadro rodymo laiką. Pasirinkite pirmąjį kadrą, tada paspauskite klavišą „Shift“, spustelėkite paskutinį, kad pasirinktumėte juos visus. Dabar spustelėkite rodyklę žemyn po vienu iš kadrų ir pasirinkite delsą. Jokio delsimo reiškia, kad animacija veiks greitai, o dėl nustatyto sekundžių skaičiaus kadrai ekrane išliks tam tikrą laiką.

Galiausiai nustatykite ciklo parinktis, kurias rasite laiko juostos skydelio apačioje. Šis parametras valdo, kiek kartų bus paleista animacija. Daugeliu atvejų pasirinksite parinktį „Visada“.

Dabar spustelėkite mygtuką Paleisti ekrano apačioje, kad peržiūrėtumėte gautą animaciją. Turėtumėte pamatyti kažką panašaus:

Galite redaguoti rėmelius tiesiog juos pasirinkdami ir keisdami sluoksnių matomumą (taip pat galite keisti neskaidrumą arba atlikti kitus sudėtingesnius nustatymus). Pridėkite papildomų sluoksnių, jei jų reikia, arba spustelėkite šiukšliadėžės piktogramą, kad juos ištrintumėte.

Kai būsite patenkinti rezultatu, galite pereiti prie skyriaus „Animacijos išsaugojimas“ arba skaityti toliau, kad patobulintumėte gautą animaciją.

Animacijos tobulinimas pridedant tarpinius kadrus

„Photoshop“ palaiko galingą „tween“ animacijos funkciją. Tai leidžia sukurti sklandesnes animacijas automatiškai generuojant perėjimo kadrus tarp dviejų esamų kadrų. Šiame pavyzdyje aš peržvelgsiu visus kadrus, kad žvaigždėtas dangus būtų mirgantis.

Norėdami pradėti, pasirinkite pirmąjį kadrą ir laiko juostos apačioje esančioje įrankių juostoje spustelėkite mygtuką Create Tweaks.

Atsidariusiame dialogo lange elemento „Tarpiniai kadrai“ nustatykite reikšmę „Kitas kadras“, o elemento „Pridėti kadrų“ reikšmę nurodykite savo nuožiūra. Didesnė vertė reiškia sklandesnį, bet lėtesnį perėjimą. Spustelėkite „Gerai“, kad sukurtumėte tarpinius kadrus.

Dabar pakartokite šį procesą kitiems šaltinio kadrams, kuriuos pridėjote. Kai pateksite į paskutinį, nustatykite „Inbetween Frames“ į „First Frame“. Tai padės sukurti sklandų perėjimą į animacijos ciklo pradžią.

Svarbi pastaba. Jei reikia greitai sukurti Paprasčiausia animacija iš kelių „Photoshop“ kadrų eikite į pamoką - .

Stop-motion animacija domiuosi gana seniai, nors studijavau mažai medžiagos. Visos knygos, kurias pradėjau skaityti, buvo gana ilgos, sunkios ir „sausos“.

Todėl po to, kai pradėjau šiek tiek suprasti animacijų kūrimo technologiją, pradėjau ieškoti būdų, kaip jas atgaivinti naudojant „Photoshop“.

Daugelis žmonių man patarė pereiti prie kitų programų (pvz. TVP Animation Pro), bet aš, nenorėdama prisitaikyti prie naujų kitų programų sąsajų, nusprendžiau viską daryti Photoshop.

Ir aš parašiau šią pamoką specialiai tiems, kurie nesuprato kadras po kadro animacijos kūrimo technologijos specialiai „Photoshop“. Kas nenorėjo šiek tiek pasikapstyti ir suprasti, kas yra kas?

Paliesiu dvi temas: trumpas animacijas ir ilgas. Neturėtumėte slinkti jums neįdomių animacijų tipų: ten gali būti informacijos, kuri jums bus naudinga kuriant tokio tipo animacijas, kurių jums reikia.

Trumpos animacijos– tai animuoti avatarai, jaustukai ir kt.

Ilgos animacijos– tai animaciniai filmai, video ir pan.

Pirmiausia papasakosiu teoriją, o tada kursime animaciją praktiškai.

Svarbus papildymas

Daugelis žmonių klausia: „Kodėl mano animacija tokia trūkčioja, kodėl mano personažas / objektas juda greitai / lėtai?
Atsakymas yra toks: jūsų personažas / objektas juda greitai nes piešėte mažai rėmeliai.

Jūsų personažas / objektas juda lėtai nes piešėte daug rėmeliai.

Jūsų personažas / objektas trūkčioja, nes nesekėte ankstesnio judesio ir nupiešėte kitą, o tai neatitinka ankstesnio.

Prisiminkite: per vieną sekundę 24 kadras!

Taigi, kai ruošiatės kurti animaciją, atminkite: 24 rėmelis = 1 antra, 24 rėmelis = 1 antra. Niekada nepamirškite šios labai svarbios detalės.

Trumpos animacijos

Manau, kad jūs dažnai susidūrėte su animacijomis ant avatarų, animuotų jaustukų.
Kai kurios šypsenėlės sukurtos Blykstė, bet aš piešiu savo „Photoshop“. Nemanykite, kad tokias trumpas animacijas lengva padaryti. Viena vertus, taip, jie yra mažo dydžio, bet, kita vertus, kol juos piešiate 15 -30 kadrų, būsite užsiėmę (įsivaizduokite, jei norite sukurti trijų minučių klipą, turėsite padaryti 4320 rėmeliai!).

Ką reikia prisiminti ir žinoti?

Tarkime, kad norėjote savo avatarui nupiešti merginą vėjo pūstais plaukais. Priemonės:

Pirma, plaukai nėra kartoniniai - veikiami vidutinio stiprumo vėjo, jie sudarys skersines bangas.

Apytiksliai taip parodyta diagramoje:

Veikiant stipriam vėjui, plaukai bus beveik tiesūs, tačiau jūsų veikėjas turės stipriai užmerkti akis ir už ko nors įsikibti, kad nenupūstų, nes iš tikrųjų mažai žmonių gali atlaikyti tokį vėją. nors tokio tipo animaciją galima naudoti, pavyzdžiui, kai jūsų veikėjas važiuoja dviračiu.

Ir galiausiai švelnus vėjelis švelniai pakelia ir nuleidžia plaukus.

Švelnus vėjas:

Vidutinis vėjas:

Stiprus vėjas:

Tas pats pasakytina apie audinius ir drabužius – jie elgsis taip pat, kaip ir plaukai.

O dabar, pavyzdžiui, norėjote nupiešti animaciją su savo personažo ir objekto judesiu. Priemonės:

Antra, bet koks veiksmas prasideda kažkur. Ar kada pastebėjote, kad, pavyzdžiui, norėdami pakilti nuo kėdės, pirmiausia ją šiek tiek pajudinate ir šiek tiek palenkiate į priekį, o tik tada atsikeliate? ar kad kai nori pataikyti su rakete, tai pirma atstumi ir su ja savo kūną, o tik tada darai smūgį?

Tokių pavyzdžių yra daugybė, bet geriau pažiūrėti:

Kad nesusidurtumėte su šiomis problemomis judesiai prieš veiksmus(DPD), dažniau analizuoti ir stebėti žmonių ar gyvūnų judėjimą.

Mažas papildymas

Apskritai niekada nepamirškite fizikos. Daiktų svoris, medžiagos, iš kurių jie pagaminti (elastingumas, minkštumas, kietumas ir kt.), viso to reikia.

Supraskite, kad be to jūsų animacija bus mirusi, baisi ir negraži!

Geriau dirbk ir neskubėk.

Ilgos animacijos

Oho, čia ir prasideda linksmybės!

Ar dažnai žiūrėdama animacinius filmus ar anime žavėjaisi animacija ir pavydėjai tiems, kurie moka juos kurti? Visos šios nuostabios scenos, plastiški judesiai ir daug daugiau. ir tt? Nuoširdžiai prisipažįstu – taip. Kaskart ką nors žiūrėdamas bandau suprasti, kaip su tuo dirbo animatoriai? Kaip jie visa tai sukūrė?

Tačiau dėl to, kad nežinau, kokiomis programomis jie veikia, bandau suprasti visą procesą naudodamas Photoshop mechanizmus.

Ir žinote, aš randu atsakymus į visus savo klausimus!

Bet pažiūrėkime į viską iš eilės.

Ilgos animacijos kūrimo procesas

1. Iš pradžių mums reikia IDĖJOS

Pavyzdžiui, nusprendėte sukurti trumpą vaizdo įrašą, kuriame šoks kelios merginos.

Jei esate patyręs animatorius, savo vaizdo įraše galite „priversti ką nors šokti“. 3 ir daugiau merginų.

Tačiau jūsų animatoriaus kelionės pradžioje geriau apsiriboti vienu ar dviem.

2. Dabar reikia sukurti siužetinę schemą po scenos (RPS)

Kas tai yra ir su kuo valgoma?

Įsivaizduokite filmą. Dabar įsivaizduokite skirtingų vaizdų iš skirtingų kamerų skaičių. Iš arti, peizažas, kamera seka veikėją...

Gerai, kai jų nėra tiek daug. Bet kai sukuriame visą klipą, jų gali būti daugiau 30 dalykų!
Štai kodėl išmanieji animatoriai naudoja tokį nuostabų daiktą, kuris atrodo kaip knyga su eilute.

Jame jie vaizduoja scenas.

Tik vieni kiekvienoje lentelės skiltyje piešia po vieną sceną, paskui kitą, trečią ir pan., o kiti po kelių sekundžių piešia vaizdus kiekvienoje lentelės skiltyje (atsiprašau, jei nepaaiškinau aiškiai).

Taip pat labai patogu, kad galite tai padaryti aprašymo pusėje, kitaip kartais nupiešite, tada po kurio laiko žiūrite ir nesuprantate - ką aš čia pavaizdavau?

Taigi mes atkreipiame dėmesį į šią scenų siužetinę schemą ir naudojame šias knygas.
Jums net nereikia kurti knygos, o tiesiog sukurti didelį failą „Photoshop“ ir nupiešti ten visas scenas.

3. Dabar reikia sugalvoti foną, charakterio koncepciją ir judesį

Piešiame judesius RPS knygelėje.

Jei vaizdo įraše yra daugiau nei viena scena, turėsite nupiešti kelis skirtingus fonus. Nupieškite juos į atskirus failus.
Ir atminkite vieną dalyką – fonas neatsiranda iš oro. Taigi, jei norite, kad fotoaparatas pasislinktų į šoną, ten turėtų būti ir fonas. tie. foną teks piešti į ilgį (arba plotį, o gal ir abu).

Tada kuriate savo personažo išvaizdą ir pradedate kurti animaciją.

Perėjimas nuo teorijos prie praktikos

Nuo šiol šiek tiek pagalvokime apie IDĖJĄ ir apskritai apie punktą „Animacijos kūrimo procesas“. apie ką aš kalbu? Be to, dabar jums reikės jūrų kiaulytės, kurią priversite perkelti. Nekursime vaizdo įrašo, kuriame 4320 rėmeliai. Geriausias ir lengviausias būdas suprasti, kaip sukurti animaciją po kadro naudojant 24 -72 - kadro animacija.

Na, pradėkime!

1. Sukurkime naują dokumentą. Savo animacijai paėmiau mažą dydį - 400 x 500 px.

2. Dabar, jei neturite lango apačioje kairėje " Animacija", pažiūrėkite aukštyn, atidarykite skirtuką" Langas» - « Animacija».*

* - Pavyzdžiuose naudojama rusifikuota versija Photoshop CS2.

Viršuje esančioje ekrano kopijoje matome animacijos langą, kuriame yra pirmasis kadras, po juo yra mažas skydelis, kuriame yra mygtukai:

Visada/vieną kartą- pasirinkę "Visada", animacija bus rodoma kilpa. Jei pasirinksite vieną kartą, animacija bus paleista tik vieną kartą. (Mano pamokoje yra abi animacijos versijos: kilpinė - kur rodomas DPD principas, atkurtas vieną kartą - kur rodomas scenos pasikeitimas).

Pasirinkite pirmąjį kadrą– nukelia mus į pačią pradžią.

Pasirenkamas ankstesnis kadras- Neskambinkim Cap. (=

Leidžia animaciją / sustabdo animaciją- Leisti / sustabdyti.

Parenka kitus kadrus- kitas kadras. Jūsų kepuraitė!

Tweens animacijos kadrai- naudodami šį mygtuką galime pridėti sklandų perėjimą tarp dviejų kadrų pridėdami naujų.

Dubliuoja pasirinktus kadrus- ne visai teisingas pavadinimas... Geriau būtų sakyti „Pridedamas naujas rėmelis“.

Ištrina pasirinktus kadrus- krepšelis.

3. Dabar galime pradėti piešti. Norėdami tai padaryti, įdėkite foną, kurį sukūrėte anksčiau Fonas(Fonas/Fonas).

4. Tada sukurkite naują sluoksnį (Ctrl + Shift + Alt + N) ir nupieškite jame savo personažą.

4. Dabar ateina sunkioji dalis: turime daug kartų iš eilės nupiešti tą patį personažą skirtingomis pozomis.

Sukuriame naują rėmelį ir... Yra du variantai:

A) Arba kiekvieną kartą pradedi piešti savo personažą iš naujo, arba...

B) Nukopijuokite ankstesnį sluoksnį ir pakeiskite jį (baikite piešti ir trinti, o ne naudoti transformaciją! Tokio įrankio prireiks retai, kada parašysiu vėliau).

Išmokę animaciją, galėsite neskausmingai naudoti abi parinktis. (Kiekvieną iš jų galite išbandyti atskirame dokumente).

A variantas:

1. Nupiešėme pirmąjį kadrą.

2. Norėdami pamatyti, kaip pakeisti kitą, sumažiname sluoksnio neskaidrumą iki maždaug 30% ir sukurti naują sluoksnį, ant kurio piešiame triušį antrajam kadrui.

3. Baigiame piešti antrą kadrą ir išjungiame ankstesnio, pirmojo sluoksnio matomumą.

B variantas:

1. Sukurkite rėmelį su veikėju ir padarykite šį sluoksnį nematomą.

2. Tada nukopijuokite jį (Ctrl+J), vilkdami sluoksnį ant šiukšliadėžės kairėje esančio mygtuko „Sukurti naują sluoksnį“.

3. Dabar matome antrąjį sluoksnį ir pradedame jį keisti.

Taigi, dubliuodami ankstesnį sluoksnį, sukuriate naujus rėmelius ir juos keičiate, o ne tą patį.

5. Sėdime ir braižome rėmelius 10 -15 ...

6. Ir pažiūrėkime, kas atsitiko.

Paaiškėjo, kad tai bėgantis triušis.

Be to, nėra nukopijuota nė viena jo dalis: kiekvienas kadras nupieštas iš naujo.

Pasižiūrėk pats:

Kurdami animaciją atminkite, kad perjungti šimtus sluoksnių yra gana sunku, todėl dažymo ar keitimo nereikėtų atidėti vėliau. Padarykite tai iš karto.

Beveik pabaiga

Aukščiau aš padariau išlygą dėl įrankio ().
Verta jį naudoti, kai, pavyzdžiui, norite priartinti fotoaparatą, priartinti, pasukti ir pan. (Jei reikia tik perkelti foną, naudokite vaizdo įrašų redaktorius, jums bus lengviau). Be reikalo nenaudokite iškraipymo, pakreipimo ar kitų transformavimo įrankių.

Ir po to, kai išgelbėjome savo gif-animacija kaip vaizdo failo formatas .avi, pavyzdžiui, galite saugiai eiti į Windows Live Film Studio.
Nuo tada su klipu darykite viską, ko geidžia jūsų širdis.

Tada galite įkelti savo klipą į youtube.com ir mėgautis atliktu darbu.

LABAI AČIŪ už dėmesį, Lero-art buvo su jumis. Atsiprašau už liežuvį, keistą pristatymą ir kitus pamokos trūkumus, jei tokių yra. Visi jie dėl to, kad mintys painiojasi, o žodžiai nesusidaro į sakinius...

Bet tikiuosi, kad sužinojote ką nors naujo ir įdomaus!

Norėdami sukurti animaciją, jums nereikia turėti jokių fenomenalių žinių, tereikia įsigyti tinkamą įrankį ir teisingai jį naudoti. Tokių sprendimų yra nemažai, tačiau garsiausias iš jų – Adobe Photoshop. Šis straipsnis parodys, kaip galite greitai sukurti animaciją.

Jei „Photoshop“ nėra jūsų kompiuteryje, atsisiųskite jį iš aukščiau esančios nuorodos, tada įdiekite vadovaudamiesi šio straipsnio instrukcijomis ir paleiskite.

1 etapas: drobės ir sluoksnių paruošimas

Dabar ant jų galite piešti tai, kas bus rodoma animacijoje. Mūsų paprastame pavyzdyje tai bus judantis kvadratas. Kiekviename sluoksnyje jis pasislenka keliais pikseliais į dešinę.

2 veiksmas: darbas su laiko juosta

Viskas! Animacija paruošta. Rezultatą galite peržiūrėti paspaudę mygtuką "Pradėti animacijos atkūrimą". Ir po to galėsite jį išsaugoti formatu GIF.

Šiuo paprastu, bet patikrintu būdu „Photoshop“ galėjome sukurti GIF animaciją. Žinoma, ją galima ženkliai patobulinti sumažinus kadrų laiką, pridedant daugiau kadrų ir, žinoma, vietoj juodo kvadrato sukuriant kažką originalesnio ir kokybiškiau. Bet tai priklauso nuo jūsų pageidavimų, norų ir įgūdžių.

Jei norėjote sukurti GIF teksto animaciją „Photoshop“ programoje, pavyzdžiui, atvirukui arba sukurti bet kokią kitą įdomią animaciją, šiame straipsnyje pabandysiu žingsnis po žingsnio papasakoti, kaip sukurti animaciją „Photoshop“ ir išsaugoti ją. tavo kompiuteris.

Iš pradžių sukurti animaciją iš paveikslėlių, o tada pažiūrėsime, kaip sukurti gif animaciją tekstui.

Sukurkite naują failą „Photoshop“: „Failas“ – „Naujas“. Ant jo nupieškite dvi figūras: „Shape 2“ sluoksnyje – taikinį, ant „Shape 3“ sluoksnio – rodyklę.

Dabar eikite į skirtuką „Windows“ ir išskleidžiamajame meniu pasirinkite „Animacija“.

Atsidarys toks langas, kuriame kursime animaciją.

Jei jūsų langas atrodo kaip paveikslėlyje žemiau, spustelėkite mygtuką apatiniame dešiniajame kampe „Konvertuoti į kadro animaciją“.

Animacijos kūrimo principas yra toks. Yra pagrindinis vaizdas, mes jį dubliuojame. Tada ant dublikato mes dedame objektus į tas vietas, kuriose jie turėtų būti pabaigoje. Pasirinkite pasikartojantį kadrą ir spustelėkite mygtuką „Tweens animacijos kadrai“, tokiu būdu tarp pirmojo ir pasikartojančio padarysime papildomus kadrus – taip bus sukurtas animacijos efektas.

Dabar pakalbėkime apie viską iš eilės. Pasirinkite pirmąjį kadrą ir spustelėkite „Dubliuoja pasirinktus kadrus“.

Pagrindinis sluoksnis bus nukopijuotas ir bus sukurtas 2 rėmelis. Pasirinkite jį ir įdėkite objektus į galutines vaizdo vietas. Sluoksnių paletėje pasirinkite sluoksnį, ant kurio nupiešta rodyklė, ir naudodami „Move Tool“ (viršutinį įrankių juostoje) perkeliame jį į taikinio centrą.

Kitame dialogo lange turite pasirinkti tarpinių kadrų skaičių „Frames to Add“. Viskas priklauso nuo jūsų įvaizdžio, tačiau kuo jų daugiau, tuo sklandesnis perėjimas.

Animacijos kūrimo lange tarp 1 ir 2 kadrų buvo pridėti 5 papildomi kadrai. Jų skaičius yra nuo 2 iki 6. Dėl to paskutinis mūsų sluoksnis, kuriame objektai yra galutinėse vietose, tapo 7.

Paspaudę mygtuką „Play“ pamatysite rezultatą. Kiekvienam kadrui pasirinkau didelį laiko delsą: 1,4 sekundės, todėl rodyklė animacijoje juda labai lėtai. Sumažinkime laiką iki 0,1 sek – reikšmę galima pasirinkti po kiekvienu kadru esančiame išskleidžiamajame sąraše.

Apatiniame kairiajame lango kampe galite pasirinkti, kiek kartų animacija kartosis. Iš sąrašo pasirinkite „Amžinai“, kad kiekvieną kartą baigus prasidėtų iš naujo.

Norėdami tai padaryti, turite nukopijuoti sluoksnį su tikslu. Tada animacijos lange sukursime naują kadrų grupę, jie prasidės nuo 8 numerio. Šiems kadrams išjunkite sluoksnį su pirmuoju taikiniu sluoksnių paletėje ir dirbsime su pasikartojančiu taikiniu ir rodykle.

Sluoksnių paletėje sukurkite „Shape 2“ sluoksnio kopiją. Dešiniuoju pelės mygtuku spustelėkite jį ir meniu pasirinkite „Duplicate Layer“.

Dabar animacijos lange nukopijuokime paskutinį septintą kadrą. Spustelėkite mygtuką „Dubliuoja pasirinktus kadrus“.

Lygiai taip pat dubliuojame naują aštuntą kadrą.

Antrosios animacijos dalies pirmasis kadras bus 8 kadras, o paskutinis – 9 kadras, jo skaičius pasikeis įterpus tarpinius kadrus. Pasirinkite 8 kadrą ir sluoksnių paletėje išjunkite sluoksnio, ant kurio buvo nupieštas pirmasis taikinys, matomumą – pašalinkite akį prieš sluoksnį.

Pasirinkite 9 kadrą, jis bus paskutinis grupėje ir įdėkite objektus vaizde į galutines vietas. Norėdami tai padaryti, naudokite įrankį „Perkelti“. Norėdami perkelti rodyklę, turite pasirinkti sluoksnį, ant kurio ji nupiešta - „Shape 3“, norėdami perkelti taikinį, pasirinkite sluoksnį „Shape 2 copy“.

Sukurkime tarpinius kadrus nuo 8 iki 9. Pasirinkite 9 kadrą ir spustelėkite mygtuką „Tweens animacijos kadrai“.

Pasirinkite kadrų skaičių. Pavyzdyje jų yra 5.

Pereikime prie pirmojo kadro ir peržvelkime animaciją.

Tam, kad Išsaugokite gif animaciją „Photoshop“., spustelėkite skirtuką „Failas“ – „Išsaugoti žiniatinkliui ir įrenginiams“. Kitame lange pasirinkite parinktis, kaip parodyta paveikslėlyje žemiau. Jūsų animacijos dydis gali skirtis „Vaizdo dydis“. Spustelėkite „Išsaugoti“.

Pavyzdyje sukurta animacija atrodo taip.

Dabar pereikime prie sukurti GIF animaciją tekstui „Photoshop“..

Pavyzdyje sukursime animaciją sekančiam tekstui. Šio teksto kūrimo žingsnis po žingsnio aprašiau ankstesniame straipsnyje. Jei jus domina, kaip padaryti gražų užrašą „Photoshop“, spustelėkite nuorodą ir perskaitykite straipsnį šia tema.

Taigi, atidarykite vaizdą su tekstu, o tada animacijos langą, kaip aprašyta aukščiau.

Jei turite paveikslėlį su užrašytu tekstu, kuriam kursite animaciją, sluoksnių paletėje pasirinkite šį tekstą atitinkantį sluoksnį.

Sukurkime tarpinius kadrus. Pasirinkite antrą kadrą ir paspauskite mygtuką „Tweens animacijos kadrai“.

Pasirinkite šių kadrų skaičių.

Įsitikinkite, kad tekstas juda daugiau nei viena trajektorija. Norėdami tai padaryti, dubliuokite paskutinį ankstesniame žingsnyje sukurtą 10 kadrą, o tada 11 kadrą. Nauja kadrų grupė prasidės nuo 11, o 12 kadras (šiuo metu) bus paskutinis. Pasirinkite jį ir perkelkite užrašą į galutinę padėtį.

Sukurkime tarpinius kadrus tarp 11 ir 12. Pasirinkite 12 kadrą ir spustelėkite mygtuką „Tweens animacijos kadrai“. Pridėjau 8 papildomus kadrus.