Слой-маска. Интерактивные сценарии

7.1.7. Слой-маска

Слой-маска позволяет создавать эффект отверстия, через которое «просвечивает» содержание одного или нескольких нижележащих слоев. Роль «отверстий» играют заливки объектов, расположенные в слое-маске. Объекты слоя-маски могут быть анимированы.

Для создания слоя-маски выделите ярлычок слоя и в контекстном меню выберите Mask (Маска). Обозначение слоя изменится, и изменится изображение в рабочей области (Рисунок 7).

7.1.8. Интерактивные сценарии

ActionScript – объектно-ориентированный язык для создания интерактивности во Flash-приложениях. Мы только бегло познакомимся с возможностями написания сценариев, поэтому рассмотрим более простой для написания вариант ActionScript 2.0. При выполнения задания 3 выберите именно этот вариант создания документа.

Сценарий пишется отдельно для каждого кадра. Для написания сценария используется окно панели Actions (Рисунок 10). Объектами могут быть экземпляры символов, текст, звук. У каждого объекта должно быть уникальное имя (Name), задаваемое на панели Properties (Cвойств). Для каждого класса объектов заданы набор атрибутов и методов.

На рисунках показан сценарий калькулятора: в 1-м кадре вводятся числа и выбирается арифметическая операция (Рисунок 8). Во 2-м кадре формируется задание и результат (Рисунок 9). На рисунках (Рисунок 10 и Рисунок 11) показаны сценарии для каждого кадра.

Рисунок 1. Временная шкала.

Рисунок 2. Группа инструментов рисования основных фигур и примитивов: прямоугольники, овалы, примитив прямоугольника, примитив овала, звезды и многоугольники.

Рисунок 3. Панель выбора формы Кисти.

Рисунок 4. Инструменты деформации.

Рисунок 5. Обозначение различных видов кадров в Adobe Flash CS4.

Рисунок 6. Редактирование tween-анимации движения: линия с точками – траектория движения; справа – панель Properties (Свойств) с настройками замедления (Ease), количества поворотов (times) или угла поворота (Rotate) и направления вращения (Direction), флажок в поле Orient to path (ориентировать вдоль пути) задает постепенный поворот объекта.

Рисунок 7. Изображение до (слева) и после (справа) создания слоя-маски.

Рисунок 8. Исполнение 1-го кадра сценария «Калькулятор».

Рисунок 9. Исполнение 2-го кадра сценария «Калькулятор».

Рисунок 10. Программа 1-го кадра «Калькулятора» (ActionScript 2.0)

Рисунок 11. Программа 2-го кадра «Калькулятора» (ActionScript 2.0).