Animarea o rachetă de tenis și minge în Adobe Photoshop - crearea de animații

Lecția: Crearea unui gif-animație în Photoshop

În acest tutorial vă vom arăta cum să faci o animație simplă, prin exemplul unei rachete de tenis și mingea.

Meniul principal al programului, selectați fila Fișier (File), apoi New ... (document nou). În fereastra care se deschide, completați parametrii prezentați în imaginea de mai jos. Lățimea este lățimea documentului în pixeli și înălțime, respectiv înălțime. O atenție deosebită trebuie acordată o setare a rezoluției. pentru animație web ar trebui să fie egală cu 72 de pixeli per inch (pix / inch). Orice altceva face ca exemplu în imagine.

În straturile click pe pictograma pentru a crea un nou strat, așa cum se arată în imaginea de mai jos.

După crearea unui nou strat, selectați pensula bara de instrumente, ne-a pus la dimensiunea dorită, culoarea, forma pensulei, și să o rachetă de tenis.

Și aici avem o rachetă de tenis gata, urmatorul lucru pe care trebuie să facem este să-l multiplica mai multe exemplare. Pentru a face acest lucru, selectați stratul cu racheta, faceți clic pe ea butonul din dreapta al mouse-ului și selectați dublicate Layaer ... (Duplicate Layer.), Duplica-l de 4-5 ori, pentru utilizare în animație.

Avem mai multe din aceleași straturi, care sunt suprapuse pe fiecare parte, suntem acum nevoie doar de una dintre ele, cu privire la vizibilitatea celorlalte straturi (cu excepția fundal) pe care doriți să îl dezactivați, pentru acest clic pe pictograma ochi de lângă stratul și dezactiva, astfel, vizibilitatea.

Selectați o rachetă strat vizibil (rachetă de tenis 1). Sub meniul principal al programului a pus o verificare Afișare Transform Controls (afișarea comenzilor). Vor apărea pe rama rachetei, cu ajutorul pe care îl putem deforma sau răsuciți pentru a roti racheta, trebuie să luăm un colț pătrat al cadrului și rotiți-l la unghiul dorit noi.

Faceți această operație cu fiecare dintre straturile de racheta și de a le muta, care ar apărea atunci când porniți straturi (faceți clic pe ochi pentru a permite vizibilitatea) a fost ceva de genul asta.
Notă! După cum se poate vedea în cadru are un punct central sub forma unui cerc cu patru grinzi. În jurul acestui centru și racheta de tenis nostru se va roti. pentru că mânerul rachetei se află în colțul din dreapta sus al cadrului, apoi trageți mouse-ul la centrul de rotație (cerc) pentru toate straturile rachetei.

Acum, avem nevoie pentru a trage o minge de tenis pentru a face acest lucru, selectați stratul cu cel mai de sus racheta, apoi faceți clic pe pictograma pentru a crea un nou strat. În stratul rezultat a trage o minge de tenis.

Mingea este gata, dar într-un fel gol în fundal avem. Alegerea unui strat de fond (care este de culoare albă) și trage-o pe iarbă.

Acum, du-te direct la crearea de animație. În primul rând, avem nevoie pentru a apela panoul de animație din meniul principal, selectați fila Window (fereastra), sunt în căutarea pentru animație (Animație) și a pus o căpușă în față, după această operație, vom avea un panou animat cu un cadru.

Selectați stratul cu o minge de tenis, faceți clic pe bara de instrumente la cursorul pentru a muta obiectul pe document și pentru a muta mingea la o rachetă de tenis ca în exemplul de mai jos:

Oprirea vizibilitatea tuturor straturilor, cu excepția fundal și rachete de stânga departe.

În panoul de animație, faceți clic pe pictograma pentru a crea un nou cadru.

Am creat o animație cadru 2, acum avem nevoie pentru a dezactiva apariția funcției (apariția) noi straturi create în toate cadrele unei animații, aceasta se face la un nou strat de par (fie vizibil) doar dreptul ne împușcat, nu pentru întreaga animație. În panoul de animație în colțul din dreapta sus, faceți clic pe pictograma, selectați funcția noul strat vizibil în toate cadrele (nou strat este vizibil în toate cadrele).

În al doilea cadru al animației includ vizibilitatea stratului cu mingea și mutați-l aproape la marginea documentului, după ce faceți clic pe pictograma pentru a crea un nou cadru și noul cadru muta mingea mai mici, în timp ce pe ultimul cadru, mingea va rămâne în vigoare. În acest fel vom face animația care se încadrează mingii. Astfel, vom crea mai multe cadre mingea cade.

Atunci când se apropie mingea iarba, puteți desena o umbră pentru el. În acest scop, într-o scenă în care mingea este, practic, aproape de iarba, vom desena un obiect oval negru într-un nou strat. Și să-i dea aspectul de 30% prin schimbarea parametrului Opacitate (transparență) în panoul Straturi.

În momentul în care mingea este deja pe deplin „zburat“ la iarbă, eliminăm vizibilitatea stratului cu vechi umbra, și de a crea un nou strat cu umbra, care ar trebui să fie puțin mai mare decât cel anterior și au un strat transparent de aproximativ 50%.

Crearea unui cadru următor al animației. În ea, trebuie să reflecte deformarea mingea lovind de la sol. Pentru a face acest lucru, vom selecta stratul cu mingea și duplica-l. Vizibilitatea vechi strat mingii și un disable nou strat ușor deforma. Reducerea înălțimea mingii și face un pic mai mult în lățime.

Creați următorul cadru de animație, este deformat elimina vizibilitatea stratului bilă și stratul făcut vizibil cu un strat de minge normală în sine cu mișcare normală mingea ușor deasupra, deoarece mingea a „sărit“.

Creați următorul cadru de animație, unde vizibilitatea scoate din stratul în care umbra este desenată cu 50% și de a face vizibile stratul cu 30% umbră. Noi muta mingea în sine chiar și mai mare.

Următoarea face 1 mai animație cadru, în cazul în care stratul de umbră invizibil, muta mingea în sine chiar mai mare, stratul cu racheta făcut invizibil, dar următorul strat de racheta de animație (în cazul în care ea a fost aproape sa transformat mingea) se face vizibil. Astfel, ne-am stabilit deja în mișcare în sine racheta.

În cadrul următor, de asemenea vom muta mingea în sus și porniți vizibilitatea următorul strat cu racheta, și așa mai departe până în momentul până când mingea cu racheta „nu îndeplinește“.

După ce au „întâlnit“ minge face animație la partea dreapta, iar animația racheta în ordinea inversă a modului în care a făcut mai înainte, că, în cele din urmă, ea a „revenit“ la locul său, iar mingea a zburat peste cadru.

Așa că am făcut animație nostru, dar acum dorim să se stabilească termene pentru fiecare cadru. În prezent, acestea au o întârziere de 0 secunde, adică animație GIF va fi derulat la viteză mare. Trebuie să încetinească primul cadru și cadrul cu un bang (deformare) a mingea pe teren. Pentru a face acest lucru, faceți clic dreapta pe rata de cadre (0 sec.) Și selectați viteza de 0,5 secunde întârziere cadru.

Doar un cadru în care mingea atinge solul, dar el a pus o întârziere de 0,2 sau 0,1 secunde.

Du-te la File file (fișier) din meniul principal și selectați în cazul în care Salvare pentru Web Dispozitive (Salvare pentru Web).

În fereastra care apare, faceți clic pe tab-ul 2-Up, apoi în fereastra va avea 2 imagini ale documentului imaginii reale din stânga și dreapta „uzhaty“ înseamnă o animație GIF, cu definite gif date de culoare și proprietăți. După cum puteți vedea acolo dimensiunea viitoare a fișierului GIF în kilobytes.

Cele mai puține culori - mai puțin „greutate“ a fișierului GIF care își încetează activitatea, dar, de asemenea, calitatea în mod corespunzător mai rău imagine. Numărul maxim de culori pentru fișier GIF este de 256.