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

Обобщение

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

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

Изисквания

Flash 8, Flash CS3 или Flash CS4.

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

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

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

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

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

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

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

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

Плъзнете патица Movieclip от вашата библиотека на първата рамка на времето. Сега кликнете на кадър 60 и да създадете нов [keyframe натиснете F6] или десен бутон и "Добави Keyframe".

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

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

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

Сега кликнете върху "Scene 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 включва пробна версия на ефекта компонент, който ще работи само в Flash IDE (Flash 8, Flash CS3 или Flash CS4), но не в рамките на браузъра.

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