Mavzu 14. Adobe Photoshop dasturida animatsiya

Mavzu 14. Adobe Photoshop dasturida animatsiya.
Reja:

1. 
   Vaqt shkalali animatsiya;
   
2. 
   Kadrli animatsiya.
   

Internetda animatsiya uzoq vaqtdan beri sahifaning oddiy bezaklaridan biri bo'lib qoldi va qulaylikni oshirish uchun foydali vositaga aylandi. Bu foydalanuvchiga interfeys bilan o'zaro aloqada bo'lishga yordam beradi, muhim narsalarga e'tibor qaratadi.

Animatsiya - bu shunga o'xshash freymlarni ketma-ket ketma-ket namoyish qilish. Har bir ramka biroz o'zgaradi, shuning uchun rasm harakatlanayotganga o'xshaydi.
Interfeysni jonlantirish, interfaol prototiplar yoki reklama roliklarini yaratish uchun ular maxsus dasturlardan foydalanadilar, masalan Adobe Animate yoki After Effects.
Oddiy veb-banner yoki taqdimotni yaratish uchun maxsus dasturlar bilan shug'ullanish shart emas. Photoshop-ning ichki vositalari ham bunga mos keladi.
Ishni nimadan boshlash kerak
Siz qaror qilishingiz kerak bo'lgan birinchi narsa - biz nimani jonlantiramiz va qanday natijaga erishishni rejalashtirmoqdamiz.
Animatsiya yaratish uchun men eng yaxshi loyihalardan birini Behance bilan birga suratga tushirdim va uni Photoshop-da bo'yadim. Tarkib panjara bilan tekislangan, o'lchamlari va har bir elementni alohida qatlamga joylashtirgan. Natijada, men PSD formatida namoyish etilgan saytning birinchi ekranini oldim, uni keyinchalik jonlantirdim.


Vaqt shkalasi
Animatsiya yaratilishidan oldin siz kerakli vositalarni tayyorlashingiz kerak - animatsiyada freymlarni boshqarishga yordam beradigan "Xronologiya" displeyini yoqing. Buning uchun men "Oyna" yorlig'ini ochaman va chiziq oldida tasdiq belgisini qo'yaman «Vaqt shkalasi».

Fotoshop-dagi derazaning pastki qismida keng chiziq paydo bo'lishi kerak, uning yordamida animatsiyadagi freymlarni boshqarishingiz mumkin.
Birinchi freymni yaratish uchun "Freym animatsiyasini yaratish" belgisini bosing «Шкале времени».

Birinchi freym paydo bo'lganidan keyin siz harakatni yaratishni boshlashingiz mumkin.