Навчальний посібник: Створення ефекту відображення води з анімацією
Написати коментар 18 листопада 2008
Резюме
У цьому підручнику ви дізнаєтеся, як створити відображення води для застосування на рухомих Movieclip.
Ось кінцевий результат:
Вимога
Flash 8, Flash CS3 або Flash CS4.
Примітка: скріншоти в цьому керівництві зроблені в CS3 Flash. Вона працює точно так само в Flash 8. Це керівництво ActionScript 2 (Хоча не ActionScript не потрібно).
Крок 1 - Установка компонентів ефект
Завантажити ефект відображення води тут . Будь ласка, наступні інструкції з установки і перетягнути компонент з панелі компонента в бібліотеці вашого. FLA файлу.
Крок 2 - Створення качка Movieclip
Імпорт зображень качка натисніть [Ctrl-R] або "Файл" -> "Імпорт" -> "Імпорт на сцені ...". Переконайтеся в тому, що качка зображення. PNG з прозорим фоном.
Виберіть це зображення і перетворити його на Movieclip натисніть [F8] або правою кнопкою миші на MovieClip -> "Перетворити на символ ...". Дайте Movieclip назвою "качка".
Крок 3 - Створення анімації Movieclip
Створення нових Movieclip з [прес-Ctrl-F8] або Insert -> "Новий Символ ...". Назва цього Movieclip "анімація".
Перетягніть качка Movieclip з бібліотеки на перший кадр на часовій шкалі. Тепер натисніть на кадр 60 і створити новий ключовий кадр натисніть [F6] або клацніть правою кнопкою миші і "Вставити ключового кадру".
Натисніть на знову створений ключовий кадр і вибрати качка Movieclip на полотні. Тепер перемістіть цей Movieclip з курсором вправо (скажімо 100px). Ви можете перевірити нову позицію в інформаційній панелі.
Поверніться до першої ключовий кадр на часовій шкалі. У вікні властивостей панелі виберіть твін: "Рух". Якщо ви натиснете десь у строки зараз, ви бачите, що качка Movieclip рухається зліва направо.
Крок 4 - Поставити Movieclip анімації на основній тимчасовій шкалі
Тепер натисніть на "Сцена 1", щоб повернутися до основного часовій шкалі. Якщо качка Movieclip все ще там, видаліть його.
Переміщення анімації Movieclip з бібліотеки на першому кадрі тимчасової шкали.
Встановити ім'я екземпляра мувікліпа "animation_mc" (ви можете вибрати інше ім'я, якщо хочете. Переконайтеся, що ім'я екземпляра унікальним). Без імені примірника, складова не в змозі виявити Movieclip.
Крок 5 - Застосування компонента ефект
Створіть новий шар, виберіть перший кадр і перетягніть ефект компонента з бібліотеки на Movieclip анімації. Цей компонент буде автоматично прив'язуються.
Набір параметрів компонента всередині компонента панелі інспектора, як на скріншоті. Всі MovieClips наприклад з іменами в цій системі, перераховані в "Target Movieclip" виберіть список. Оскільки у вас є тільки один Movieclip, компонент передбачає, що ви хочете застосувати силу Movieclip "animation_mc".
Примітка: Ці параметри застосовуються тільки до цього один екземпляр ефект компонента. Якщо ви малюєте на інший компонент Movieclip (десь ще всередині. FLA, або в новий проект), ви повинні задати налаштування знову.
В даний час експорт (натисніть [Ctrl-ENTER] або ...). Ви побачите, що глава "качки" якось скоротити. Це тому, що компонент має точно розмір "качки" MovieClip. Але так як відбиття хвиль дозволить збільшити розмір цього не підходить більше.
Крок 6 - Налаштування анімації Movieclip
Щоб виправити це, ви повинні вставити невидимі форми на тлі качка Movieclip, розмір якого до Movieclip мало.
Повернутися до качка Movieclip, двічі клацнувши на ньому в своїй бібліотеці.
Створіть новий шар нижче шару між.
Виберіть інструмент прямокутник і малюємо форму з шириною качка. Висота має бути кілька пікселів вище, ніж качка (близько 10 пікселів). Це може допомогти створити план значок на шкалі часу, щоб переглянути лише розміри качка зображення.
Що вибрали форму відкритого колір панелі і встановіть альфа-0.
Під час тестування фільму зараз, ви побачите, що відображення наноситься на отвір качка.
Крок 6 - Додати Фонове зображення
Створіть новий шар під шаром за допомогою анімації і компоненти. Імпорт зображень, які відповідають. Тепер ви можете змінити положення анімації Movieclip, щоб воно вмістилося в с фоном.
Завантажити
Натисніть тут, щоб завантажити FLA цього підручника. Примітка. FLA включає в себе демо-версію ефект компонент, який буде працювати тільки в Flash IDE (Flash 8, Flash CS3 або Flash CS4), але не в браузері.
Ви також можете завантажити ефект відображення води тут .






















Написати коментар