Kā animēt savu pielāgoto GIF ar Photoshop

Animācijas radīšana no nulles Photoshop var šķist biedējoša, bet patiesībā viņi ir ļoti vienkārši. Ugunsgrēks Photoshop un greifers dažus failus. Ir pienācis laiks kaitināt bikses no saviem draugiem ar daudziem animētiem GIF!

Mēs esam runājuši par dažiem vienkāršiem veidiem, kā pārvērst video, un Youtube iekļūst animētos GIF, bet šodien mēs parādīsim, kā padarīt vienkāršu animāciju, neizmantojot nevienu video failu. Turpiniet lasīt šo jautrību.

Animāciju izveide ar Photoshop animācijas rīkiem

Lai iegūtu vienkāršu animāciju, mēs izveidosim daļu attēla atsevišķā slānī, kuru mēs varam pārvietot. Mēs tikai aktivizēsim acu kustību, bet šādā veidā jūs varat izveidot jebkāda veida animāciju, ieskaitot faktiskās roku zīmētās animācijas šūnas vai kustīgās fotogrāfijas.

Neatkarīgi no tā, ko vēlaties dzīvot, sāciet ar vismaz diviem slāņiem. Mūsu piemērā mēs izmantojam HTG logotipu un mēs pārvietojam acis uz otru slāni, ko mēs varam izmantot, lai animētu kustību.

Lai sāktu darbu, pavelciet uz Animācijas paneli. Atrodiet to, dodoties uz Window> Animation.

Panelis tiek atvērts loga apakšā un ir diezgan vienkārši lietojams. Katrs jaunais animācijas rāmis ir līdzīgs faila momentuzņēmumam. Noklikšķiniet uz animācijas panelī, kad vēlaties izveidot jaunu momentuzņēmumu no faila pašreizējā stāvokļa. Bet vēl nav!

Šis panelis arī ļauj iestatīt “aizkavi” katram atsevišķam kadram, kas nozīmē, cik ilgi (kopumā vai sekundes) tas tiek parādīts ekrānā, pirms pāriet uz nākamo kadru. 25 kadri sekundē (0,04) ir standarta likme animācijai, bet varbūt nedaudz ātrāk animētiem GIF. Mūsu piemērā mēs kompromitējām ar 0,05 kavēšanos, kuru jūs varat izmantot arī. Ja vēlaties izmantot citu kadru skaitu sekundē, vienkārši sadaliet 1 ar kadru skaitu, lai iegūtu pareizu aizkaves laiku. (Piemēram, 1 sekunde dalīta ar 25 kadriem vienāda ar 0,04 aizkaves laiku.)

Ideja ir pārvietot acu slāni nelieli soli un veiciet momentuzņēmumus. Mēs izmantosim pārvietot rīku (īsinājumtaustiņš “V”) un mūsu slāni izmantojot bulttaustiņus. Mūsu piemērā mēs esam pieņēmuši momentuzņēmumu pēc tam, kad ir nocirsti ik pēc diviem pikseļiem.

Noklikšķinot uz panelī varat redzēt animācijā radītos jaunos kadrus. Viņi aizņem rāmja aizkavēšanos pirms tiem, tāpēc, iespējams, vispirms vēlēsities izvēlēties pareizo aizkavi, tāpēc, kad esat pabeidzis attēlu uzņemšanu, jums nav jāmaina rāmju skaits..

(Autora piezīme. Ja jūs esat kaut kas līdzīgs man, jūs jebkurā gadījumā varēsiet uzvilkt ziljonu laiku aizkavēšanos. Lietas ne vienmēr nosaka precīzu veidu, kādā tās vēlaties!)

Izkārtojiet savus rāmjus, kad jūs iet garām, izmantojot slāņu paneli, lai pārvietotu savu objektu (mūsu piemērā, acīs), tomēr jūs rūpētos, un ņemiet daudz un daudz momentuzņēmumu. Atcerieties, ka 25 vai vairāk būs vienāds ar vienu sekundi, tāpēc ņemiet savus momentuzņēmumus atbilstoši.

Varat arī rediģēt vairāku kadru aizkavēšanos uzreiz, izmantojot Shift taustiņu un atlasot daudzus vai visus jūsu kadrus un mainot kavēšanos. Ņemiet vērā, ka varat iestatīt savu kavēšanos uz “Other…”, kas atrodas pie apakšas, lai izmantotu mūsu pielāgoto aizkavi 0,05.

Virzieties uz File> Save for Web & Devices, lai atvērtu tā paša nosaukuma rīku.

Šis rīks ļaus jums izveidot pārlūkprogrammai draudzīgu animētu GIF, kā arī testēt to instrumenta iekšpusē (kā parādīts iepriekš, kur ir bultiņas kursors). Pārliecinieties, lai iestatītu faila tipu GIF un izmantojiet kādu no iestatījumiem Perceptual, Selective vai Adaptive. Tie var mainīt jūsu attēlu dažādos veidos, bet daudziem no jums būs gandrīz identiski rezultāti. Lai samazinātu faila lielumu, varat mainīt savu Attēla izmērs (uz leju) un jūsu numuru Krāsas (augšējā labajā pusē). Varat arī samazināt faila lielumu, neiekļaujot pārredzamību, lai gan mūsu piemērs nav norādīts (pātagas!).

Un mūsu animētais GIF ir gatavs ievietot tīmeklī, lai iepriecinātu, šoks un radītu godu.

Un tas attiecas uz to, lai to izvilktu animācijai. Domas vai jautājumi par mūsu metodi? Vai ir labāka metode vai dažas vienkāršākas metodes? Vēlaties redzēt kaut ko vairāk progresīvu? Pastāstiet mums par tiem komentāros vai sūtiet mums savas domas uz [email protected], un mēs varam tos iekļaut gaidāmajā grafikas rakstā.