Резюме
В этом учебнике вы узнаете, как создать отражение воды для применения на движущихся 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), но не в браузере.
Вы также можете скачать эффект отражения воды здесь .
Написать комментарий