Резюме

В этом учебнике вы узнаете, как создать воде отражение применять на движущейся роликах.

Вот конечный результат:


Потребности

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), но не в браузере.

Вы также можете скачать воздействию воды, отражений здесь.

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