. / Animatie simpla cu Image Ready - Vizualizare subiect 85
Raspunde la subiect Raspunde la subiect
Pagina 1 din 1 Pagina de start a forumului Tutoriale / Tutoriale / Animatie simpla cu Image Ready  

MesajTitlul subiectului: Animatie simpla cu Image Ready Trimis: 01/01/2009 14:22
C3dRy2K

Administrator
Administrator

Data inscrierii: 30/Dec/2008
Mesaje: 97
  Animatia se obtine afisand succesiv imagini al caror continut se modifica de la un cadru la altul.
In marea majoritate a cazurilor animatia este realizata prin deplasarea continutului unui strat sau prin modificarea opacitatii acestuia.

Acest exemplu este extraordinar de necomplicat de realizat, intentia mea fiind de a prezenta tehnicile folosite ca ulterior astea sa fie utilizate in aplicatii complexe.

Pas 1. Deschidem in Photoshop un document nou 200 x 100.

Pas 2. Trasam ghidaje pe document. View -> New Guide... -> cu urmatoarele cordonate:
orizontal: 10px si 90px
vertical: 10px, 90px si 190px

Pas 3. Adaugam un strat nou (Layer 1).

Pas 4. Selectam Rectangular Marquee Tool (M) si realizam o selectie similara celei de mai jos.


[url=http://www.99poze.ro/p/51085ac8b0d7fb87fe4c45447dad65f5.jpg]Animatie simpla cu Image Ready Animatie simpla cu Image Ready[/url]

Pas 5. Pin paleta de nuanțe selectam albastru.

Pas 6. Selectam Paint Bucket Tool (G) si facem clic in interiorul zonei selectate.

Pas 7. Select -> Deselect.

Pas 8. Exportam documentul in Image Ready. File -> Edit in Image Ready.

Pas 9. In spatiul de fapt trebuie sa avem deschise ferestrele Tools, Animation si Layers.
File -> Window -> bifam ferestrele dorite.


[url=http://www.99poze.ro/p/1450232edb3a7f546d81cc07d42ed5ad.jpg]Animatie simpla cu Image Ready Animatie simpla cu Image Ready[/url]

Pas 10. In fereastra Layers avem selectat stratul Layer 1.

Pas 11. Selectam Move Tool (V).

Pas 12. Dublam cadrul curent. Apasam Duplicate current frame conform imaginii urmatoare.


[url=http://www.99poze.ro/p/fe36a9fb92e9757b7a86caa4d7529fa8.jpg]Animatie simpla cu Image Ready Animatie simpla cu Image Ready[/url]

Pas 13. Apasam sageata dreapta (->) de la tastatura de 10 ori. Imaginea se va deplasa catre dreapta cu 10 pixeli.

Pas 14. Stabilim durata afisarii unui cadru (de la 0 la 10 secunde) apasand butonul Select frame delay time evidentiat in imaginea anterioara.

Repetam pasii 12 si 13 pana cand paratul albastru ajunge la limita din dreapta.

Pas 15. Salvam imaginea animata. File -> Save Optimized As... (in compus gif).

Pas 16. Salvam documentul. File -> Save (in format psd).

Pas 17. Imaginea finala va fi similara cu cea de mai jos.


[url=http://www.99poze.ro/p/73f0e29bd4df96a5e78b4853c4b22ea8.jpg]Animatie simpla cu Image Ready Animatie simpla cu Image Ready[/url]

  Raspunde cu citat (quote)
Vezi profilul utilizatorului Trimite mesaj privat
Pagina 1 din 1
Raspunde la subiect Raspunde la subiect
 Pagina de start a forumului Tutoriale / Tutoriale / Animatie simpla cu Image Ready

Mergi direct la: 



Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum


Powered by phpBB - 2001, 2002 phpBB Group
Ora este GMT + 2 ore Fa-ti si tu propriul forum GRATUIT, pe www.myforum.ro