Veb-saytingizda Qanday Qilib Animatsiya Qilish Kerak

Mundarija:

Veb-saytingizda Qanday Qilib Animatsiya Qilish Kerak
Veb-saytingizda Qanday Qilib Animatsiya Qilish Kerak

Video: Veb-saytingizda Qanday Qilib Animatsiya Qilish Kerak

Video: Veb-saytingizda Qanday Qilib Animatsiya Qilish Kerak
Video: CSS da animatsion effekt | Boshlovchilar uchun bosqichma-bosqich CSS animatsiyasi qo'llanmasi 2024, Noyabr
Anonim

Agar sizga veb-saytlarda animatsion elementlar yoqsa va veb-saytingizni jonlantirishni xohlasangiz, lekin Flash bilan bezovtalanishni istamasangiz, unda oddiy va samarali echim mavjud - animatsion GIF. Animatsion GIF-larni yaratish uchun sizga dasturlash qobiliyatlari yoki maxsus plaginlar kerak emas.

Veb-saytingizda qanday qilib animatsiya qilish kerak
Veb-saytingizda qanday qilib animatsiya qilish kerak

Bu zarur

Adobe Photoshop 5 yoki undan yuqori versiyadagi kompyuter, grafik muharriri, Adobe Image Ready muharriri

Ko'rsatmalar

1-qadam

Photoshop dasturini ishga tushiring va 100x100 pikselli yangi rasm yarating. Ruxsatni 72 pikselga va RGB rejimiga o'rnating. Qatlamlar palitrasini aks ettirish uchun "Oyna" menyusi bandidan "Qatlamlarni ko'rsatish" parametrini tanlang.

2-qadam

Asboblar palitrasida qalamni tanlang va rasm chizing. Qatlamlar palitrasida qatlamning nusxasini bosing, bu mavjud qatlamning nusxasini yaratadi. Rasmning biron bir qismini o'chirish uchun o'chirgich vositasidan foydalaning, so'ngra qalam bilan o'zgarishlarni qo'shing. Bir-birining o'rnini bosishi kerak bo'lgan tartibda kerakli miqdordagi qatlamlarni yarating. Har bir qatlam sizning animatsiyangizning alohida ramkasi bo'ladi.

3-qadam

Natijada paydo bo'lgan freymlarni jonlantirish vaqti keldi. Fayl menyusidan O'tish va keyin Adobe Image Ready-ni tanlang. Ushbu harakat sizni boshqa grafik muharririga olib boradi.

4-qadam

Oyna menyusidan Animatsiya palitrasi displeyini yoqadigan Animatsiyani ko'rsatish parametrini tanlang. Paletani sozlash menyusida (yuqori o'ng burchakdagi o'q belgisi) barcha qatlamlarni ramkalarga aylantiradigan Qatlamlardan Kadrlar yaratish funktsiyasini tanlang. Animatsiya deyarli yakunlandi.

5-qadam

Vaqt oralig'ini o'rnatishni boshlash vaqti keldi. Kerakli freymni tanlang va ochiladigan menyuda (chap, pastki) kerakli vaqt oralig'ini tanlang, shundan so'ng ushbu ramka boshqasiga almashtiriladi. Buni animatsiyangizning har bir kadri uchun bajaring. Tugatgandan so'ng, birinchi animatsion GIF-ni saqlash uchun Optimallashtirilgan sifatida saqlash parametridan foydalaning. Endi siz uni veb-saytingizda banner yoki dekorativ element sifatida ishlatishingiz mumkin.

Tavsiya: