Веб-сайтта анимацияны қалай жасауға болады

Мазмұны:

Веб-сайтта анимацияны қалай жасауға болады
Веб-сайтта анимацияны қалай жасауға болады

Бейне: Веб-сайтта анимацияны қалай жасауға болады

Бейне: Веб-сайтта анимацияны қалай жасауға болады
Бейне: Калай тегін сайт жасауга болады? Сайт жасау үйрену жолдары, технологиясы | Тильда платформасы 2020 2024, Сәуір
Anonim

Егер сіз веб-сайттарда анимациялық элементтерді ұнатсаңыз және веб-сайтыңызға анимация жасағыңыз келсе, бірақ Flash-пен алаңдағыңыз келмесе, қарапайым және тиімді шешім - анимациялық

Веб-сайтта анимацияны қалай жасауға болады
Веб-сайтта анимацияны қалай жасауға болады

Бұл қажетті

Компьютер, Adobe Photoshop 5 немесе одан жоғары графикалық редактор, Adobe Image Ready редакторы

Нұсқаулық

1-қадам

Photoshop бағдарламасын іске қосып, 100х100 пиксельді жаңа сурет жасаңыз. Ажыратымдылықты 72 пиксельге және RGB режиміне орнатыңыз. Қабаттар палитрасын көрсету үшін «Терезе» мәзірінен «Қабаттарды көрсету» опциясын таңдаңыз.

2-қадам

Құралдар палитрасында қарындашты таңдап, кескін салыңыз. Қабаттар палитрасында Қабаттың көшірмесін басыңыз, ол бар қабаттың көшірмесін жасайды. Суреттің кез-келген бөлігін өшіру үшін өшіргіш құралын қолданыңыз, содан кейін қарындашпен өзгертулер қосыңыз. Бір-бірін алмастыратын рет бойынша қанша қабат жасаңыз. Әр қабат сіздің анимацияңыздың жеке жақтауы болады.

3-қадам

Алынған кадрларды анимациялау уақыты келді. Файл мәзірінен Өту, содан кейін Adobe Image Ready таңдаңыз. Бұл әрекет сізді басқа графикалық редакторға апарады.

4-қадам

Терезе мәзірінен анимация палитрасының дисплейін қосатын Анимацияны көрсету параметрін таңдаңыз. Бояғышты баптау мәзірінде (жоғарғы оң жақ бұрыштағы көрсеткі белгісі) барлық қабаттарды кадрға айналдыратын «Қабаттардан кадрлар жасау» функциясын таңдаңыз. Анимация аяқталды десе болады.

5-қадам

Уақыт аралығын орнатуды бастау уақыты келді. Қажетті кадрды таңдап, ашылмалы мәзірде (сол жақта, төменгі жақта) қажетті уақыт кезеңін таңдаңыз, содан кейін бұл кадр басқаға ауыстырылады. Мұны анимацияның кез-келген кадры үшін жасаңыз. Аяқтағаннан кейін алғашқы анимациялық GIF-ті сақтау үшін «Оңтайландырылған ретінде сақтау» опциясын қолданыңыз. Енді сіз оны баннер немесе декор элементі ретінде өз веб-сайтыңызда қолдана аласыз.

Ұсынылған: