Главная » Бизнес в Интернете

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

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

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

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

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

делаем слой-маску для 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-ролик с использованием слоя-маски, в котором одно изображение будет заменяться другим. Вот что вышло у меня:

data="http://pro444.ru/UserFiles/Flash/slojmaska.swf"
type="application/x-shockwave-flash">

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


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

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

Вам понравилась статья? Поделитесь, буду весьма признателен:


Также приглашаю добавиться в друзья в социальных сетях:

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

Один комментарий »

  • Елена пишет:

    Cпасибо огромное!!! Пригодилось!

    С ув Кардамон

Оставьте свой комментарий и ответный визит Вам обеспечен