| Subiectul anterior :: Subiectul urmator |
| Autor |
Mesaj |
TeRr0rboY
hK-Sefu Vostru
Data inscrierii: 21/Apr/2007
Mesaje: 332
Localitate: HD
|
 Trimis: 10/10/2007 20:53 Titlul subiectului: TuToRiaL Photoshop - Animatie simpla cu ImageReady ! |
 |
|
nimatia 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 înveliș sau prin modificarea opacitatii acestuia.
Acest exemplu este foarte simplu de realizat, intentia mea fiind de a prezenta tehnicile folosite ca ulterior acestea 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.
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 lucru trebuie sa avem deschise ferestrele Tools, Animation si Layers.
File -> Window -> bifam ferestrele dorite.
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.
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 format gif).
Pas 16. Salvam documentul. File -> Save (in format psd).
Pas 17. Imaginea finala va fi similara cu cea de mai jos.
Observatii
Cu cat diferenta de la un cadru la altul este mai mica cu atat miscarea este mai naturala.
In acest exemplu miscarea este sacadata datorita faptului ca intre 2 cadre succesive patratul albastru este deplasat cu 10 pixeli, daca deplasarea ar fi de 2-3 pixeli efectul de sacadare ar fi atenuat.
_________________
[url=http://ubanimator.com] [/url]
[url=http://www.hk-clan.myforum.ro/cititi-neaparat-vt10.html]Cititi regulile inainte de a posta ![/url]
[url=http://hk-clan.myforum.ro]Everyone dies! And we mean EVERYONE![/url]
GuNs don't kiLL peOpLe , peOpLe DO !
[url=http://www.triburile.ro/110614.html]TRIBURILE. Un jok uimitor ! Alatura-te noua ! Si tribului |XD|!Nu vei regreta![/url] <a
 |
|
| Sus |
|
 |
MaNiaKboY
hK-Soldat
Data inscrierii: 20/Iul/2007
Mesaje: 66
Localitate: HD
|
| Trimis: 11/10/2007 09:32 Titlul subiectului: |
|
|
Din cap ai scris  .NU?
_________________
[url=http://www.hk-clan.myforum.ro/cititi-neaparat-vt10.html]Cititi REGULILE aici![/url]
[url=http://haootik.lx.ro]Intrati si vedeti site-ul nostru, pe urma dativa parerea![/url]
[url=http://haootik.lx.ro]Nu ma vorbi pe la spate ca sunt in spatele tau![/url]
[url=http://haootik.lx.ro]Everyone dies! And we mean EVERYONE![/url] |
|
| Sus |
|
|
TeRr0rboY
hK-Sefu Vostru
Data inscrierii: 21/Apr/2007
Mesaje: 332
Localitate: HD
|
| Trimis: 11/10/2007 15:54 Titlul subiectului: |
|
|
clar.. 
_________________
[url=http://ubanimator.com][/url]
[url=http://www.hk-clan.myforum.ro/cititi-neaparat-vt10.html]Cititi regulile inainte de a posta ![/url]
[url=http://hk-clan.myforum.ro]Everyone dies! And we mean EVERYONE![/url]
GuNs don't kiLL peOpLe , peOpLe DO !
[url=http://www.triburile.ro/110614.html]TRIBURILE. Un jok uimitor ! Alatura-te noua ! Si tribului |XD|!Nu vei regreta![/url] <a
|
|
| Sus |
|
|
|
