Использование масок для спецэффектов в Flash CS3

• May 18, 2024

Многие из великих Flash^р спецэффекты, которые мы видим каждый день, выглядят очень сложными, но они действительно созданы с помощью простой техники маскировки. Что такое маска? Традиционные художники используют маскирующую среду для защиты определенных областей рисунка от следующего слоя краски при его нанесении. На области, покрытые маскирующей средой, не наносится новый слой краски, и, следовательно, первый слой краски просвечивает через эти области или отверстия.

Техники маскировки во Flash работают примерно так же. Когда вы применяете маску к области сцены, только область, покрытая маской, будет просвечивать, а остальная часть сцены не будет видна. Это примет цвет фона документа. Одним из примеров этого метода, который обычно наблюдается, является эффект прожектора, когда вся сцена пуста, за исключением небольшого круга. Когда этот круг перемещается по сцене, вы можете видеть только то, что открыто кругом. Давайте попробуем создать этот эффект в этом уроке.

1. Начните новый проект Flash CS3.
   
   
2. Вам нужно будет начать с фонового слоя на временной шкале. Переименуйте слой 1 в «Фон». Мы разместим изображение на этом слое, чтобы у нас было что подсветить. Возможно, вам придется изменить размер сцены, чтобы соответствовать размерам вашего изображения. Импортируйте изображение в библиотеку («Файл», «Импорт в библиотеку»), а затем перетащите экземпляр изображения на сцену.
   
   
3. Добавьте новый слой на шкалу времени и назовите его «Маска». Нарисуйте круг с левой стороны сцены с помощью инструмента «Овал» (для заливки установлено значение «Белый», для обводки - значение «Ноль»).
   
   
4. Щелкните правой кнопкой мыши слой «Маска» на временной шкале и выберите «Маска» в меню. Как вы можете видеть, когда вы делаете это, видна только часть этапа, которая покрыта кружком, а остальная часть этапа теперь имеет белый цвет фона по умолчанию.
   
   Теперь давайте оживим прожектор с помощью простой анимации движения. У нас уже есть круг в начальной позиции для анимации. Теперь нам нужно переместить круг в конечную позицию для Tween. Давайте сделаем анимацию длиной 20 кадров.
   
   
5. Нажмите на Кадр 20 на временной шкале слоя «Маска» и выберите «Вставить ключевой кадр» в меню. Круг исчез? Нет, но фоновый слой сделал, потому что мы не расширили этот слой до кадра 20. Итак, щелкните правой кнопкой мыши на кадре 20 на слое фона и выберите «Вставить кадр» в меню. Теперь фоновое изображение снова видно через круг.
   
   
6. Нажмите на кадр 20 в слое Mask, а затем используйте инструмент Selection, чтобы перетащить круг в другую позицию на сцене. Подождите! Вы не можете перемещать круг. Почему? Когда вы создали слой Mask на предыдущем шаге, Flash автоматически заблокировал слой Mask. Нам нужно разблокировать слой. Нажмите на значок блокировки / разблокировки, чтобы разблокировать слой. Как вы можете видеть, когда вы разблокируете слой, фоновое изображение становится видимым, и круг становится сплошным белым. Нажмите на круг и перетащите его во второе место на правой стороне сцены. Это будет конечная позиция анимации анимации. Щелкните правой кнопкой мыши на любом кадре от 1 до 20 и выберите в меню «Создать анимацию движения».
   
   
7. Нажмите Control, Test Movie, чтобы проверить анимацию прожектора.

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

Видео инструкция: Анимация с маской в Adobe Flash (May 2024).