цветочный шлейф за курсором

Суббота, 06 Декабря 2014 г. 21:32 + в цитатник

Цитата сообщения Лариса_Гурьянова

Прочитать целиком В свой цитатник или сообщество!

Цветочный шлейф за курсором - урок № 1

УЧИМСЯ ДЕЛАТЬ ФЛЕШКИ

Цветочный шлейф за курсором - урок № 1
Давайте подробней разберемся в этом УРОКЕ
Работа выполнена в Adobe Flash (поводи мышкой по картинке)

Я взяла вот такой цветок, который будет использоваться как шлейф за курсором

Затем открываем программу Adobe Flash
Создадим новый документ на AS2.0

Импортируем изображение нашего цветка в библиотеку программы - Файл - Импорт - Импортировать в библиотеку

Поместим его на сцену

Выделим цветок и преобразуем его в муви клип, присвоив название
в панели свойств follower

Удалим клип со сцены

Создадим новый слой

Stage.scaleMode = "noScale";
_root._quality = "BEST";

var grav:Number = 0.1;

function move_func() {

this._x += this.dX*this._xscale/100;

this.dY += _root.grav;

this._y += this.dY*this._xscale/100;

this._alpha--;

if (this._alpha<=0) {
this.removeMovieClip();
}
}

onMouseMove = function () {

i = _root.getNextHighestDepth();

varTarget = _root.attachMovie("follower", "follower"+i+"follower", i, {_x:_root._xmouse, _y:_root._ymouse});

varTarget._xscale=varTarget._yscale=25+Math.random()*75

varTarget.dY = -1-Math.random()*1;

varTarget.dX = Math.random()*1-Math.random()*1;

varTarget.onEnterFrame = move_func;
};

Протестируем ролик - нажмите на компьютере Ctrl + Enter

Сохраним нашу флешку - Файл - Экспорт - Экспортировать ролик

Вот такая симпатичная флешка у нас получилась (поводи курсором)

А если вы такой эффект хотите на какую-нибудь свою картинку, то делаем так

Тестируем ролик - CTRL + Enter
Сохраняем - Файл - Экспорт - Экспортировать ролик
Получаем такую картинку с цветочным шлейфом за курсором.

Надеюсь, что теперь вам все понятно...)) Удачи!
для вас Лариса Гурьянова

Работы, выполненные по уроку:

Любовь_Терехова

Серия сообщений "* Мои уроки по флешкам":

Часть 1 - Красивые флешки с кодами
Часть 2 - Как во флеш-плеере поменять музыку...
...
Часть 25 - Урок в Adobe Flash CS6 - Анимация кусочками
Часть 26 - Создайте 3D flash галерею всего в три шага
Часть 27 - Цветочный шлейф за курсором - урок № 1
Часть 28 - Цветочный шлейф за курсором - урок № 2
Часть 29 - Цветочный шлейф за курсором - урок № 3
...
Часть 31 - Как скопировать флешку с инета и поставить в свой дневник...
Часть 32 - Работаем в Portable Flash Effect Maker Pro v5.01
Часть 33 - Делаем флеш-плеер в Sothink SWF Quicker