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

Четверг, 12 Февраля 2015 г. 16:22 + в цитатник

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

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

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

Цветочный шлейф за курсором - урок № 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 - Как во флеш-плеере поменять музыку...
...
Часть 22 - Урок в Adobe Flash CS6 - Анимация кусочками
Часть 23 - Создайте 3D flash галерею всего в три шага
Часть 24 - Цветочный шлейф за курсором - урок № 1
Часть 25 - Цветочный шлейф за курсором - урок № 2
Часть 26 - Цветочный шлейф за курсором - урок № 3
...
Часть 29 - Как скопировать флешку с инета и поставить в свой дневник...
Часть 30 - Работаем в Portable Flash Effect Maker Pro v5.01
Часть 31 - Делаем флеш-плеер в Sothink SWF Quicker