Слой-маска в программе Macromedia Flash

Слой-маска в программе Macromedia Flash Professional 8 применяется в flash-ролике для создания эффекта замочной скважины. Под слоем-маской находится замаскированный слой. В замаскированном слое изображение видно только там, где присутствует графика на слое-маске. Причем неважно, какой эта графика будет, какого цвета и прозрачности.

Если изображение замаскированного слоя спрятано под слоем-маской и невидимо, тогда видно изображение слоев, которые находятся еще ниже.

Чтобы лучше разобраться в работе со слоем-маской, проделайте практические действия. Откройте программу Macromedia Flash Professional 8, создайте новый flash-документ, и в первом кадре нарисуйте или импортируйте изображение.

После этого создайте новый слой, и нарисуйте на нем изображение, которое будет маской, то есть своего рода окном, через которое будет виден слой ниже. Это окно может быть анимированным, то есть движущимся, и изменяющим свою форму.

После этого делаете верхний слой маской: нажимаете на названии слоя правой клавишей мыши, и ставите галочку напротив пункта Mask. Слой-маска и замаскированный слой под ним выделятся особым цветом, и название замаскированного слоя сдвинется справа, что подчеркивает его зависимость от слоя-маски. Кроме того, слои становятся заблокированными: справа от их названий появятся изображения замков.

Теперь. чтобы изменить эти слои, их нужно разблокировать: нажать на эти замки левой клавишей мыши, чтобы они исчезли. Слой-маску, при необходимости, можно опять сделать обычным слоем, достаточно нажать правой клавишей мыши по его названию, и убрать галочку напротив пункта Mask.

Давайте теперь сделаем эффект замены одной картинки другой. Для создания такого эффекта проделайте следующие действия:

1. Подготовьте два изображения, которые будут сменять друг друга, например, в программе Photoshop.
2. Создайте два слоя в программе Macromedia Flash Professional 8, и в первые кадры этих слоев импортируйте подготовленные изображения с помощью меню File — Import — Import to Stage.
3. Над этими слоями создайте третий слой, который будет слоем-маской, с помощью меню Insert-Timeline — Layer, или с помощью нажатия правой клавишей мыши по названию верхнего слоя, и выбора команды Insert Layer.
4. Нарисуйте изображение, которое будет окном, через которое будет на фоне самого нижнего слоя проглядывать слой повыше.
5. Изображение в слое-маске можно анимировать. Если хотите применить анимацию формы, окно должно быть фигурой. Если хотите применить анимацию движения, сделайте фигуру группой: выделите изображения и выберите меню Modify — Convert to Symbol (или нажмите клавишу F8).
6. Для создания анимации на будущем слое-маске выделяете кадр, в котором анимация будет заканчиватьс, и делаете там ключевой кадр с помощью меню Insert — Timeline — Keyframe (или нажмите на кадр правой клавишей мыши, и выберите Insert Keyframe).
7. В последнем ключевой кадре передвиньте, или трансформируйте изображение с помощью инструмента FreeTransform (если собираетесь делать анимацию движения), или сделайте новую фигуру (если собираетесь сделать анимацию с изменением формы). Это изображение нужно увеличить так, чтобы оно перекрыло всю рабочую область программы Macromedia Flash Professional 8.
8. Нажмите на будущем слое-маске на любой кадр в промежутке между первым и последним ключевыми кадрами, и выберите в панели свойств Properties в окошке Tween вид анимации: Motion (анимация движения), или Shape (анимация с изменением формы).
9. В анимации с изменением формы можете использовать направляющие формы (меню Modify — Shape — Add Shape Hint), а в анимации движения можете использовать свойство вращения Rotate, которое Вы найдете в панели свойств. Если этого свойства не видно, нажмите на белый треугольник в нижнем правом углу панели. В свойстве Rotate можно задать, как будет происходить вращение — по или против часовой стрелки, а также, сколько оборотов будет сделано во время анимации.
10. Добавьте в последнем кадре в слои с изображениями обыкновенные кадры с помощью меню Insert — Timeline — Frame, или с помощью правой клавиши мыши и выбора Insert Frame, чтобы эти изображения были видны во время анимации.
11. Сделайте верхний слой маской: нажмите на его название на временной ленте правой клавишей мыши, и поставьте галочку напротив пункта Mask.
12. Все готово, можно сохранять flash-документ, а также делать flash-ролик с помощью меню File — Export — Export Movie.

Задание: сделать flash-ролик с использованием слоя-маски, в котором одно изображение будет заменяться другим. Вот что вышло у меня:

Видео о том, как делать  в flash-ролике анимацию с использованием слоя-маски в программе Macromedia Flash Professional 8

Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером