Слайдшоу за изображение на Flash CS4

• Може 1, 2024

Много от моите клиенти искат малко слайдшоу на първа страница на техния магазин, блог или уебсайт. Това може да бъде слайдшоу на представените продукти в магазина или най-новите снимки, които са добавили в своя блог.

Това слайдшоу може да се направи по много начини, включително JavaScript, gif анимация и Flash^R, Обичам да използвам Flash, защото това е лесен и бърз начин да създадете обикновено слайдшоу, което показва няколко изображения едно след друго. От друга страна, лесно е да се изгради и по-усъвършенствано слайдшоу, базирано на XML, с преходни ефекти между изображенията. В следващите няколко урока ще изградим слайдшоу на изображение във Flash CS4, като започнем с дисплей на равнина и изградим до разширена версия с преходни ефекти.

Единствените неща, които ще ви трябват за този урок са три jpg изображения и Adobe Flash. По-добре е, ако изображенията са с еднакъв размер. За нашия урок ще използваме само три, но можете да използвате колкото искате. Само имайте предвид, че повече изображения ще доведат до увеличаване на времето за изтегляне на вашия Flash SWF файл.

Отворете Flash CS4, стартирайте нов проект ActionScript 3 и нека да работим.

1. Първата стъпка е да поставим сцената в същия размер като нашите изображения. От Менюбар щракнете върху Промяна - Документ. В диалоговия прозорец Свойства на документа въведете Ширина и Височина в пиксели за вашите изображения. Това ще постави сцената в съответствие. Можете също така да искате да промените цвета на фона. Кликнете върху малката цветна кутия и изберете цвят. Може да искате да съответствате на цвета на фона на вашата уеб страница.
   
   Ще използваме Frame 1 на времевата линия за кода на Preloader, който ще добавим по-късно. Затова засега ще започнем да изграждаме слайдшоуто си на Frame 2.
   
   Всяко наше изображение ще се показва за 100 кадъра. Тъй като нашите Frames per Second са зададени на 24 по подразбиране, това ще ни даде около четири секунди време за показване за всяко изображение.
   
   
2. Преименувайте Layer 1 на "Background". На същия този слой щракнете с десния бутон на мишката върху Frame 300 (100 кадъра х 3 изображения) и добавете празен кадър (Insert Frame). Това ще покаже фоновия слой по време на цялата анимация.
   
   
3. Добавете нов слой и го наречете "Image1". Този слой ще съдържа първото ни изображение. Но не искаме изображението да се появява на сцената, докато Frame 2. Не забравяйте, че Frame 1 ще бъде нашия предварителен инструмент. В Frame 2 на този слой щракнете с десния бутон на мишката и добавете Keyframe.
   
   Сега ще добавим първото си изображение.
   
   
4. От Menubar щракнете върху File - Import - Import to Stage. Това трябва да постави първото ни изображение в центъра на сцената. За да сме сигурни, че е подравнен, както искаме, изберете изображението и отидете на панела Properties. Стойностите на позициите X и Y трябва да бъдат зададени на 0,0.
   
   Запазете файла на проекта си.
   
   

Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst и Flash Paper е или са [a] регистрирана търговска марка (и) или търговска марка (и) на Adobe Systems Incorporated в Съединените щати и / или други страни.

Инструкции Видео: Переходы на флэш сайте в Adobe Flash CS4 (42/42) (Може 2024).