Сейчас мы с тобой создадим эффект прыгающего изображения на flash. При наведении на объект flash, наша картинка будет “выпрыгивать” вверх и пружинить. Выглядит эффект красиво и вполне может применяться в различных баннерах и рекламных объявлениях на твоём проекте.
Пример:
Наведите курсор мыши на фотографию, чтобы увидеть эффект...
Шаг 1
Создайте новый документ Flash. Нажмите Ctrl + J клавишу на клавиатуре (Свойства документа) и установи размер твоего документа (размеры укажи произвольно). Выберите любой цвет фона. Установи скорость Flash фильма 35 и нажмите кнопку ОК.
Шаг 2
Выберите сейчас File > Import > Import to stage (Ctrl+R) и выбери любое фото над которым хочешь поэкспериментировать.
Шаг 3
Пока вставленное вами фото ещё выделено, нажмите клавишу F8 (преобразуем его в Movie Clip). Называем наш клип так как показано на фото и жмем ОК.
Шаг 4
Не снимая выделения с получившегося клипа, заходим в свойства нашего объекта, для этого открываем нижнюю панель с названием Properties. С левой стороны, ты найдешь поле для ввода названия клипа. Назовем его photo_mc.
Шаг 5
Выбери первый кадр слоя Layer 1, перейдите на панель Action Script (F9) и введи этот код:
import fl.transitions.*;
import fl.transitions.easing.*;
photo_mc.addEventListener(MouseEvent.MOUSE_OVER, doMouseOver);
photo_mc.addEventListener(MouseEvent.MOUSE_OUT, doMouseOut);
function doMouseOver(event:MouseEvent):void {
var xT:Tween = new Tween(photo_mc, "scaleX", Bounce.easeOut, photo_mc.scaleX, 1, 2, true);
var yT:Tween = new Tween(photo_mc, "scaleY", Bounce.easeOut, photo_mc.scaleY, 1, 2, true);
}
function doMouseOut(event:MouseEvent):void {
var xT:Tween = new Tween(photo_mc, "scaleX", Bounce.easeOut, photo_mc.scaleX, .5, 2, true);
var yT:Tween = new Tween(photo_mc, "scaleY", Bounce.easeOut, photo_mc.scaleY, .5, 2, true);
}
Вот и весь урок, для скачивания flash исходника жми сюда.
