Kaip animuoti savo individualius GIF su Photoshop

„Photoshop“ animacijų kūrimas nuo nulio gali atrodyti bauginantis, bet iš tikrųjų jie labai paprasti. Ugdykite „Photoshop“ ir paimkite kai kuriuos failus. Atėjo laikas erzinti kelnės nuo draugų su daugybe animuotų GIF!

Mes kalbėjome apie kelis paprastus būdus, kaip įjungti vaizdo įrašą, o „YouTube“ įsijungia į animuotus GIF, bet šiandien parodysime, kaip padaryti paprastą animaciją nenaudojant jokių vaizdo failų. Laikykitės skaitymo - tai labai smagu.

Animacijų kūrimas su Photoshop animacijos įrankiais

Paprasta animacija sukursime dalį vaizdo atskirame sluoksnyje, kuriame galime judėti. Suaktyvinsime tik akių judėjimą, tačiau tokiu būdu galite sukurti bet kokio pobūdžio animaciją, įskaitant faktines rankomis sudarytas animacines ląsteles arba judančias nuotraukas.

Nepriklausomai nuo to, ką norite animuoti, pradėkite nuo mažiausiai dviejų sluoksnių. Mūsų pavyzdyje mes naudojame „HTG“ logotipą ir judame jo akis į antrąjį sluoksnį, kurį galime panaudoti judėjimui animuoti.

Norėdami pradėti, pakelkite animacijos skydelį. Raskite jį apsilankę lange> Animacija.

Skydelis pasirodo lango apačioje ir yra gana paprasta naudoti. Kiekvienas naujas animacijos „rėmas“ yra tarsi failo momentinė nuotrauka. Spustelėkite animacijos skydelyje, kai norite sukurti naują momentinę nuotrauką iš dabartinės failo būsenos. Bet dar ne!

Šis skydelis taip pat leidžia nustatyti „vėlavimą“ kiekvienam atskiram kadrui, o tai reiškia, kiek ilgai (visiškai ar sekundės) jis rodomas ekrane prieš pereinant prie kito kadro. 25 kadrai per sekundę (0,04) yra standartinė animacijos norma, bet galbūt šiek tiek greitai animuotiems GIF. Pavyzdžiui, mes sugadinome 0.05 vėlavimą, kurį taip pat galite naudoti. Jei norite naudoti kitą kadrų skaičių per sekundę, tiesiog padalinkite 1 pagal kadrų skaičių, kad gautumėte tinkamą delsos laiką. (Pavyzdžiui, 1 sekundė padalinta iš 25 kadrų yra lygi 0,04 uždelsimo laikui.)

Idėja yra perkelti akių sluoksnį nedideli žingsniai ir nufotografuokite vaizdus. Mes naudosime perkelti įrankį (spartusis klavišas „V“) ir sluoksnį naudojant rodyklių klavišai. Mūsų pavyzdyje mes nufotografavome vaizdą po to, kai kas du pikselius nuskaičiavome.

Spustelėję skydelyje galite matyti naujus rėmelius, sukurtus animacijoje. Jie paima rėmo laiko vėlavimą prieš juos, todėl galbūt norėsite pirmiausia pasirinkti tinkamą vėlavimą, taigi, kai baigsite užfiksuoti vaizdus, ​​nereikia keisti rėmelių apkrovų.

(Autoriaus pastaba: jei tu kažką panašaus į mane, vistiek sugadinsite vėlavimą už zilijoną kartų. Daiktai ne visada išsiaiškina tiksliai, kaip norite juos!)

Nubrėžkite savo rėmelius, kaip jūs einate, naudodami sluoksnių skydelį, kad perkeltumėte savo objektą (mūsų pavyzdyje, akyse), tačiau jums rūpi, ir paimkite daugybę nuotraukų. Atminkite, kad 25 ar lygiai bus lygūs vienai sekundei, todėl fotografuokite atitinkamai.

Taip pat galite redaguoti kelių kadrų vėlavimą vienu metu naudodami „Shift“ klavišą ir pasirinkdami daugelį ar visus savo rėmelius ir keisdami vėlavimą. Atkreipkite dėmesį, kad galite nustatyti savo vėlavimą į „Kita…“, esančią šalia apačios, kad galėtumėte naudoti mūsų pasirinktinį vėlavimą 0,05.

Eikite į File> Save for Web & Devices, kad atidarytumėte to paties pavadinimo įrankį.

Šis įrankis leis jums sukurti naršyklėje patogų animuotą GIF, taip pat išbandyti jį įrankio viduje (kaip parodyta aukščiau, kur rodyklė yra). Įsitikinkite, kad rinkmenos tipą nustatykite GIF ir naudokite bet kurį iš nustatymų, kurie yra Perceptual, Selective arba Adaptive. Tai gali pakeisti jūsų įvaizdį įvairiais būdais, tačiau daugeliui iš jūsų bus beveik identiški rezultatai. Norėdami sumažinti failo dydį, galite pakeisti savo Paveikslėlio dydis (į apačią) ir jūsų numerį Spalvos (viršutinėje dešinėje pusėje). Taip pat galite sumažinti failo dydį neįtraukdami skaidrumo, nors mūsų pavyzdyje (kvapai!).

Ir mūsų animacinis GIF yra pasirengęs įdėti žiniatinklyje malonumą, šoką ir paguodą.

Ir tai apvyniojama animacijai. Mintys ar klausimai apie mūsų metodą? Turite geresnį metodą ar paprastesnius metodus? Norite pamatyti kažką labiau pažengusio? Papasakokite apie juos komentaruose arba atsiųskite mums savo mintis [email protected], ir mes galime juos įtraukti į artėjančią grafikos straipsnį.