Flash эффект увеличения с AS3


Изучая этот Action Script 3 Flash урок, вы увидете как просто можно создать эффект увеличенияклипа. Эффект увеличения изображенияудобно применять при создании баннеров или flash Презентаций. Также вы научитесь импортировать фотографии во Flash и делать преобразования в Movie Clip.

Как это выглядит

[SWF]http://mainview.ru/wp-content/uploads/flash/Advanced_Zoom_Effect.swf, 450, 400[/SWF]

1.Прежде чем начать Action Script 3Flash урок, найдём любое фото, которое нам понравиться.

2. Создадим новый Flash документ. Нажмём комбинацию клавиш Ctrl+J(Document Properties) и установим нужный нам размер будущего клипа. Цвет фона установим также на свой вкус. Частоту кадров установим 38 и нажмём Ок

3. На панеле Timelineна слое Layer 1дважды кликнем мышкой и установим новое имя нашему слою photo.

4. Загрузим нашу картинку во Flash. Для этого выбираем File > Import > Import to stage (Ctrl+R).

5. Пока загруженное фото ешё выбрано, нажмём клавишу F8 (Convert to Symbol) и преобразуем нашу картинку в клип (Movie Clip Symbol)

6. Пока созданный клип активен, в панеле свойств (Properties Panel) дадим имя нашему клипу Photo.

7. На панеле Timelineнад слоем photoсоздадим новый слой и назовём его button. После этого, в этом слое нарисуем желаемую кнопку и нужный текст. Выбираем созданные нами объекты и опять преобразуем их в клип (Button symbol).

8. Пока созданный клип активен, в панеле свойств (Properties Panel) дадим имя нашему клипу myButton.

9. На панеле Timelineнад слоем buttonсоздадим новый слой и назовём его actions.

10. Выбираем первый кадр в этом слое, и переходим в панель редактирования скрипта Action Script Panel нажимая клавишу F9. Затем пишем следуюший код Action Script

//Импортируем библиотеки
import fl.transitions.*;
import fl.transitions.easing.*;

//Установим слушателя на кнопку
myButton.addEventListener(MouseEvent.CLICK, zoomMyObject);

//Функция назначения объекту эффекта увеличения
function zoomMyObject(event:MouseEvent) {
TransitionManager.start(Photo, {type:Zoom, direction:Transition.IN, duration:3, easing:Elastic.easeOut});
}

После этого нажимаем комбинацию клавиш Ctrl+Enter и смотрим полученный результат

http://www.flashvault.net/tutorial.asp?ID=238
Реклама
Поделиться
Качественные премиум темы и шаблоны для Вашего сайта:

Смотреть полный каталог качественных тем и шаблонов

Здесь Вы можете выбрать из более чем 46 000 готовых дизайнов. Шаблоны сайтов + установка + хостинг + персонализация + поисковая оптимизация + копирайтинг — все эти услуги вы всегда можете получить от профессионалов мирового уровня!

3 комментария

  1. Виталий10/01/2013
  2. vikk02/07/2011
  3. Artemiy19/03/2010

Добавить коментарий

два × 5 =