Градиентная маска средствами ActionScript 3.0

Сегодня продолжим тему маскирования в ActionScript 3.0 и научимся создавать красивые градиентные маски.

Но сперва нам надо создать визуальный объект, к которому мы позднее и применим градиентную маску. Таким объектом будет MovieClip под именем mc. Итак, создаём на рабочей сцене Adobe Flash (лично я воспользуюсь Adobe Flash CS5.5) мувиклип mc. Затем давайте поместим внутрь данного мувика фотографию (эффект градиентной маски лучше всего смотрится, если его применить именно к цветным фотографиям).

А теперь переходим к коду, который будем писать на главной временной шкале...

Код ActionScript 3.0:

/* создаём спрайт в форме элипса с радиальным градиентом в качестве заливки этот спрайт мы потом и сделаем маской */ var mymask:Sprite = new Sprite(); var matrix:Matrix = new Matrix(); matrix.createGradientBox(550,400); mymask.graphics.lineStyle(); mymask.graphics.beginGradientFill(GradientType.RADIAL,[0xFFFFFF,0xFFFFFF],[1,0],[125,255],matrix); mymask.graphics.drawEllipse(0,0,550,400); mymask.graphics.endFill(); addChild(mymask); /* объявляем маской для мувика mc ранее созданный спрайт с градиентной заливкой */ mc.mask = mymask; /* а теперь самое главное - кэшируем объект и маску без этого создать эффект градиентной маски не получится */ mc.cacheAsBitmap = true; mymask.cacheAsBitmap = true;

В результате мы получаем следующее:

Загрузить Adobe Flash Player

Есть и альтернативный способ создания градиентной маски - с помощью фильтров. Например, с помощью фильтра GlowFilter.

Код ActionScript 3.0:

var mymask:Sprite = new Sprite(); var matrix:Matrix = new Matrix(); matrix.createGradientBox(550,400); mymask.graphics.lineStyle(); mymask.graphics.beginGradientFill(GradientType.RADIAL,[0xFFFFFF,0xFFFFFF],[1,0],[125,255],matrix); mymask.graphics.drawEllipse(0,0,550,400); mymask.graphics.endFill(); addChild(mymask); mc.mask = mymask; var glow:GlowFilter = new GlowFilter(); glow.color = 0x000000; mc.filters = [glow]; mymask.filters = [glow];

Результат:

Загрузить Adobe Flash Player

Согласитесь, второй способ открывает очень широкие возможности для экспериментов. Ведь применение к градиентной маске разных фильтров с разными настройками даёт в результате огромное многообразие эффектов. Остаётся только экспериментировать.

Исходник к данному уроку под Adobe Flash CS5.5 скачать можно здесь.

Автор: admin

Дата добавления: 2012-01-03

Просмотров: 3752

Рейтинг поста: +5-

Правила перепечатки

Социальные закладки:
Комментарии:
К данной заметке комментариев пока нет. Ваш комментарий может стать первым.
Добавить комментарий:







[ + ] помощь по форматирование текста

Идиот-тест

Если все обязательные поля (отмечены * ) заполнены необходимой информацией, то нажимаем кнопку Добавить комментарий.

Меню
Подписка
Рубрики
Метки
Последние комментарии
Рейтинг постов
Реклама
Друзья
География гостей
Статистика
Яндекс.Метрика