Резюме

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

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


Потреби

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 назвою "качка".

Створення качки Movieclip

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

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

Створити нову Movieclip

Створити нову Movieclip

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

Створити новий кадр

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

Перемістити Movieclip

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

Поставити руху підлітка

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

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

Поверніться до основного хронологією

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

Покладіть Movieclip про терміни

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

Встановити ім'я екземпляра

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

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

Перетягніть компонент на Movieclip

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

Встановити параметр

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

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

Розрізається відображення

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

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

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

Змінити качки Movieclip

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

Створіть новий шар

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

Намалюйте форму прямокутника

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

Поставити альфа-форму

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

Немає більше скоротити

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

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

Остаточний результат

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

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

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

  • Соціальні закладки