Macworld Masterclass: анимационные маски во Flash CS5

Создайте новый документ ActionScript 3.0 через экран приветствия. Маска должна находиться над слоем, содержащим содержимое, которое она будет маскировать. По умолчанию слой с именем Layer 1 будет создан на временной шкале. Дважды щелкните имя слоя и переименуйте его в Image.

Следующий шаг «

Реклама
следующий
Предыдущая
Новый документ

Создайте новый документ ActionScript 3.0 через экран приветствия. Маска должна находиться над слоем, содержащим содержимое, которое она будет маскировать. По умолчанию слой с именем Layer 1 будет создан на временной шкале. Дважды щелкните имя слоя и переименуйте его в Image.

Шаг 2 из 14: 2. Слой на слое

Импортируйте изображение в слой («Файл»> «Импорт»> «Импортировать в рабочую область») и выберите изображение, которое вы хотите импортировать. Нажмите кнопку «Новый слой» в нижнем левом углу временной шкалы, чтобы создать новый слой, и переименуйте маску слоя. Слой маски будет размещен над слоем изображения.

Шаг 3 из 14: 3. Сама маска

Чтобы создать свою маску, выберите «Овальный инструмент» на панели инструментов, удерживайте нажатой клавишу «Shift» и нарисуйте круг с левой стороны рабочей области (документ). Удерживая клавишу Shift во время рисования, вы получите идеальный круг, который важен для того, чтобы эффект работал.

Шаг 4 из 14: 4. Конвертировать в Symbol

Преобразуйте круг и изображение в символ мувиклипа. Это не является строго необходимым, но позволит вам легко анимировать маску и позже смягчить ее края. Щелкните правой кнопкой мыши по кругу и выберите: «Преобразовать в символ», выберите тип клипа и назовите его «Маска». Сделайте то же самое с изображением и назовите его ColouredImage.

Шаг 5 из 14: 5. Идеальное время

Давайте сделаем анимацию длиться четыре секунды. Вспышка по умолчанию работает со скоростью 24 кадра в секунду, так что это 96 кадров (4 x 24). Выберите кадр 96 для обоих слоев на временной шкале, удерживая нажатой клавишу «Shift», затем щелкните правой кнопкой мыши выбранный кадр и выберите «Вставить кадр». Вставка кадра сохраняет содержимое слоя видимым.

Шаг 6 из 14: 6. Анимируйте его

Щелкните правой кнопкой мыши на серой панели в слое маски и выберите «Создать анимацию движения», чтобы символ маски можно было анимировать. Переместите красную точку воспроизведения в кадр 96, а затем переместите символ «Маска» с помощью инструмента «Выделение», чтобы оживить его; появится пунктирная траектория движения, показывающая путь, по которому будет следовать символ.

Шаг 7 из 14: 7. Маска

Щелкните правой кнопкой мыши слой «Маска» (рядом с именем слоя) и выберите «Маска» в меню. Изображение появится внутри круглой маски; вне маски будет показан белый цвет сцены. Протестируйте фильм, выбрав «Управление»> «Тестировать ролик»> «Тест», чтобы увидеть достигнутый эффект. Затем закройте тестовое окно.

Шаг 8 из 14: 8. Твердые края

По умолчанию маски не поддерживают прозрачность во Flash, поэтому маски с заштрихованными / мягкими краями невозможны. Но с небольшим количеством кода и ноу-хау, это можно изменить. Давайте смягчим край маски, чтобы создать эффект с перьями. Сначала нажмите на оба замка на временной шкале, чтобы разблокировать слои.

Шаг 9 из 14: 9. Редактирование символов

Используя инструмент «Выделение», дважды щелкните символ «Маска». Двойной щелчок позволяет редактировать оригинальное изображение внутри символа. На панели «Цвет» щелкните значок «Цвет заливки» (заливка с краской) и в раскрывающемся меню выберите «Радиальный градиент».

Шаг 10 из 14: 10. Градиентное редактирование

К маске теперь будет применен градиент. На панели «Цвет» дважды щелкните оба цветовых указателя на цветовой панели внизу и выберите черный. Нажмите на правый цветной указатель и установите Alpha на 0% (обычно на A: 100%), чтобы сделать этот черный прозрачным. Переместите цветные указатели, как показано выше.

Шаг 11 из 14: 11. Имена экземпляров

Нажмите на сцену 1, чтобы выйти из режима редактирования символов. Выберите символ Маска. В инспекторе свойств присвойте символу имя экземпляра mask_mc. Выберите символ ColouredImage, присвойте ему имя экземпляра colouredImage_mc. Это позволяет управлять символами с помощью кода ActionScript. Заблокируйте слои.

Шаг 12 из 14: 12. Код

Выберите слой «Маска», затем создайте новый слой под названием «Действия», затем щелкните правой кнопкой мыши кадр 1, выберите «Действия» и введите код, показанный на панели «Действия»: colouredImage_mc.cacheAsBitmap = true; mask_mc.cacheAsBitmap = true; colouredImage_mc.mask = mask_mc; Протестируйте фильм, чтобы увидеть работающий код.

Шаг 13 из 14: 13. Твики

Попробуйте импортировать затемненную версию используемого изображения на новый нижний слой, чтобы усилить эффект факела. Также попробуйте настроить анимацию маски, переместив точку воспроизведения, затем переместив символ маски и изменив его размер с помощью Free Transform Tool — помните, что вам сначала нужно разблокировать слой.

Шаг 14 из 14: 14. Подробнее, пожалуйста

По умолчанию маскируется только слой под слоем маски. Чтобы замаскировать больше слоев, выберите слои, которые вы хотите замаскировать, а затем перетащите слои вверх под слоем «Маска» или в настоящее время замаскированный слой. Появится индикатор, затем отпустите кнопку мыши. Дополнительные слои будут затем замаскированы.

Ссылка на основную публикацию
Adblock
detector