Готини Flash Ефект уроци!

Резюме

В този урок ще се научите как да създадете отражение вода, за да се прилагат върху движеща се MovieClip.

Ето крайния резултат:

Изисквания

Flash 8, Flash CS3 или Flash CS4.

Забележка: скрийншота в този урок са направени в Flash CS3. Тя работи точно едни и същи във Flash 8. Този урок е ActionScript 2 (ActionScript Въпреки че не е задължително).

Стъпка 1 - Инсталирайте ефект компонент

Изтегляне на водите размисъл ефект тук. Моля, следвайте инструкциите за инсталиране и плъзнете компонент от компонент панел в библиотеката си. FLA файл.

Стъпка 2 - Създаване на MovieClip патица

Внос на патица изображение [натиснете Ctrl-R] или "Файл" -> "Внос" -> "Внос на сцената ...". Уверете се, че изображението е патица. PNG с прозрачен фон.

Изберете този образ и го превръщат в един MovieClip [натиснете F8] или десния бутон върху MovieClip -> "Convert да Символ ...". Дайте на MovieClip името "патица".

Стъпка 3 - Създаване на анимация MovieClip

Създаване на нова MovieClip с [натиснете Ctrl-F8] или Insert -> "нов символ ...". Името на този MovieClip "анимация".

Плъзнете MovieClip патица от вашата библиотека на първата рамка на времевата линия. Сега кликнете на фрейм 60 и да се създаде нова Keyframe [натиснете F6] или десния бутон и "Вмъкване Keyframe".

Кликнете върху новосъздадения Keyframe и изберете патица MovieClip върху платното. Сега преместите този MovieClip с курсора ключ към дясно (позволява кажа 100px). Можете да проверите за нова позиция в информационния панел.

Върнете се в първия Keyframe на времевата линия. На собственост панел изберете Tween: "Предложение". Ако кликнете някъде в времевата линия сега, вие виждате, че патица MovieClip се движи от ляво на дясно.

Стъпка 4 - Сложете анимация MovieClip за основните дати

Сега кликнете на "Сцена 1", за да се върнем към основните времева линия. Ако патица MovieClip все още е там, го премахнете.

Преместете MovieClip анимация от вашата библиотека на първата рамка на времевата линия.

Задайте например името на MovieClip за "animation_mc" (можете да изберете друго име, ако искаш. Уверете се, че например име е уникален). Без например име, компонент не е в състояние да откриват MovieClip.

Стъпка 5 - Прилагане на ефект компонент

Създаване на нов слой, изберете първата рамка и плъзнете компонент, считано от вашата библиотека върху анимацията MovieClip. Компонентът автоматично ще щракам.

Задайте параметри на компонентите вътре в панела компонент като инспектор в екрана. Всички Movieclips с например имена в тази рамка са посочени в "Целеви MovieClip" списъка за избор. Тъй като имате само един MovieClip, компонент предполага, че искате да приложите ефекта върху MovieClip "animation_mc".

Забележка: Тези настройки се прилагат само за този случай един от ефекта компонент. Ако ви привлече друг компонент на MovieClip (някъде другаде в рамките на. FLA или в нов проект), трябва да зададете настройките отново.

Сега износ ([натиснете Ctrl-Enter] или ...). Вие ще видите, че главата на патица е някак си нарязани. Този защото тази част е точно размера на патица MovieClip. Но тъй като вълна размисъл ще увеличи размера това не се побира повече.

Стъпка 6 - Нагласете MovieClip анимация

За да коригирате това, вие ще въведете невидима форма на фона на патица MovieClip, който до размер на MovieClip малко.

Върни се към патица MovieClip чрез двукратно щракване във вашата библиотека.

Създаване на нов слой под Tween слой.

Изберете Rectangle Tool и начертайте форма, с ширина на патица. Височината трябва да бъде няколко пиксела по-високи от патица (около 10 пиксела). Тя може да помогне да се настроите очертае икона в времевата линия, за да видите само размерите на патица изображение.

С форма избрани отвори панел цвят и да зададете алфа до 0.

Когато тест филма си сега, вие ще видите, че за размисъл се прилага на дупката патица.

Стъпка 6 - Добавяне на картинката за фон

Създаване на нов слой под слоя с анимация и компонент. Внос на изображение, които съвпадат. Сега можете да промените позицията на анимация MovieClip, за да се побере в с фона.

Изтеглям

Щракнете тук, за да изтеглите FLA на този урок. Забележка:. FLA включва пробна версия на ефекта компонент, който ще работи само в IDE Flash (Flash 8, Flash CS3 или Flash CS4), но не и вътре в браузъра.

Можете също така да изтеглите вода размисъл ефект тук.