вход

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 3 Flash урок, найдём любое фото, которое нам понравиться. 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

Нашли это полезным? Поделитесь с другими:
Не останавливайтесь, читайте дальше:
3 комментария

Статья → Flash эффект увеличения с AS3

  1. Artemiy:

    Мотивирующий пост :)

  2. vikk:

    А скажите пожалуйста, если я хочу сделать такой же еффект у самой же кнопки, наводиш на неё мышью и она увеличивается..что надо поменять в коде?

  3. Отличный сайт! Хотел бы попросить, опишите кто нибудь функцию zoomMyObject. Просто мне нужно понять как она работает для того, что бы было просто увеличение картинки или уменьшение.

Оставить комментарий

Статья → Flash эффект увеличения с AS3

Правила комментирования

  1. Кoммeнтapий всегда проходит премодерацию.
  2. В поле "URL блога" можно указывать только ссылку на главную страницу вашего блога. Ссылки на прочие веб-ресурсы (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Запрещается использовать в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия имя изменяется по усмотрению владельца блога. Просьба указывать нормальное имя или ник.
  4. Весьма вероятно, что короткий и неинформативный кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.