Cool Flash Tutorials ефект!

Резюме

У цьому підручнику ви дізнаєтеся, як створити воді віддзеркалення застосовувати на що рухається роликах.

Ось кінцевий результат:

Потреби

Flash 8, Flash CS3 або Flash CS4.

Примітка: скріншоти в цьому посібнику, досягнутий у Flash CS3. Вона працює точно так само в Flash 8. Цей підручник ActionScript 2 (хоча це і не потрібно ActionScript).

Крок 1 - Установка компонентів ефекту

Завантажити впливу води, відображень тут. Будь ласка, дотримуйтесь інструкцій з установки і перетягніть компонент з компонентів панелі у вашій бібліотеці. FLA файл.

Крок 2 - Створити качки Movieclip

Імпорт Duck Image [натисніть Ctrl-R] або "Файл" -> "Імпорт" -> "Імпортувати на сцену ...". Переконайтеся в тому, що качка зображення. PNG з прозорим фоном.

Виберіть це зображення і перетворити його в Movieclip [натиснути F8] або клацніть правою кнопкою на MovieClip -> "Перетворити в символ ...". Дайте Movieclip назвою "качка".

Крок 3 - створення анімації Movieclip

Створити новий Movieclip з [натисніть Ctrl-F8] або Вставка -> "Новий Symbol ...". Назва мувікліпі "Анімація".

Перетягніть качки Movieclip з вашої бібліотеки на перший кадр на шкалі часу. Тепер натисніть на 60 кадр і створити новий кадр [Press F6] або клацніть правою кнопкою миші та "Вставити Keyframe".

Натисніть на новостворений ключовий кадр і виберіть качки Movieclip на полотні. Тепер перемістіть цей мувікліп з курсором ключовою справа (будемо говорити 100px). Ви можете перевірити нові позиції в інформаційній панелі.

Поверніться на перший кадр тимчасової шкали. Про властивості панелі виберіть Tween: "Рух". Якщо ви клацніть в будь-якому місці на шкалі часу зараз, ви бачите, що качки Movieclip рухається зліва направо.

Крок 4 - Покладіть Movieclip анімації на головній Timeline

Тепер натисніть кнопку "Scene 1", щоб повернутися до основного часовій шкалі. Якщо качки Movieclip все ще існує, видаліть його.

Переміщення анімації Movieclip з вашої бібліотеки на перший кадр тимчасової шкали.

Встановити ім'я екземпляра Movieclip на "animation_mc" (можна вибрати інше ім'я, якщо хочете. Переконайтеся, що ім'я екземпляра є унікальним). Без назви Наприклад, компонент не в змозі виявити роликах.

Крок 5 - Застосувати ефект компонента

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

Встановити параметри компонентів всередині панелі компонента інспектора, як на скріншоті. Всі відеофрагменти з іменами інстанції в цій системі, перераховані в "Target Movieclip" список вибору. Оскільки у вас є тільки один мувікліпі, компонент припускає, що ви хочете застосувати силу Movieclip "animation_mc".

Примітка: Ці налаштування застосовуються тільки до одного примірника цього ефекту компонента. Якщо ви малюєте компонента на інший мувікліпа (десь всередині. FLA, або в новому проекті), ви повинні встановити налаштування знову.

В даний час експорт ([Прес-Ctrl-Enter] або ...). Ви побачите, що глава качки якось скоротити. Thats оскільки компонент має в точності розмірів качки роликах. Але так як відображення хвиль буде збільшити розмір цього не підійде більше.

Крок 6 - Налагодження анімації Movieclip

Щоб це виправити, ви повинні вставити невидимі форми на тлі качки мувікліпі, з яких розміром до Movieclip мало.

Назад до качки Movieclip, двічі клацнувши на ньому у вашій бібліотеці.

Створіть новий шар під шаром підлітка.

Натисніть на кнопку та намалюйте прямокутник форми з шириною качки. Висота повинна бути трохи більшою, ніж піксель качки (близько 10 пікселів). Це могло б допомогти встановити начерки значок на шкалі часу, щоб переглянути лише розмірами качки зображення.

При відкритій формі вибраного кольору панелі і встановіть Alpha рівним 0.

Коли ви перевіряєте фільму зараз, ви побачите, що відображення наноситься на дірку качки.

Крок 6 - додавання фонових зображень

Створіть новий шар нижче шару з анімацією і компонентів. Імпорт зображень, які відповідають. Тепер ви можете змінювати положення анімація Movieclip щоб воно вписується у фоновому режимі.

Завантаження

Натисніть тут, щоб завантажити FLA цього підручника. Примітка. FLA включає пробну версію ефекту компонент, який буде працювати тільки в Flash IDE (Flash 8, Flash CS3 або Flash CS4), але не в браузері.

Ви також можете завантажити впливу води, відображень тут.