Градиентная маска в программе Adobe Flash без кода позволяет пользоваться ей в документах с AS2 и As3. Маску можно анимировать, вставлять несколько масок. Градиентная маска применима к картинке, к футажикам, нарезанным из видео и к символам, созданным в Adobe Flash.

Идея взята из урока

Для простоты хочу показать применение такой маски к картинке без анимации.

Ищем картинку, желательно квадратную, или обрезаем на квадрат готовую. Я сделала пейзаж 600х600 px.

 

 

Открываем программу Adobe Flash. Создаем новый файл. Я выбрала As2, 600х600рх по размеру картинки, FPS 24.

 Импортируем в библиотеку наш пейзаж

      

Создаем новый символ с названием Landscape.

        

В первый кадр первого слоя вставляем из библиотеки пейзаж (х=0,у=0). Создаем новый слой выше пейзажа.

Настраиваем палитру Color. Выбираем заливку. Выставляем радиальный градиент. На цветовой планочке внизу палитры с левого края – центр градиента (движок черного цвета с заполнением100%), с правого края – периферия градиента (движок белого цвета с заполнением 0%, т.е. прозрачный). Таким образом, планка отображает цвета и их заполнение (плотность заливки) половины градиентной заливки - от центра к краю.

 

Ставим дополнительные промежуточные движки (щелкаем под планкой курсором, когда появляется «+») – черный слева, создаем ему заполнение А:  75%.

 

Второй промежуточный справа. Ставим ему заполнение А:  0%, для того, чтобы граница маски гарантировано не была видна.

 

Рисуем на поле символа Landscape круг, растягивая от верхнего левого угла до нижнего - для перекрытия всей картинки (для получения точного круга можно растягивать с нажатой кнопкой Shift)

    

Перейдя в режим трансформации на панели инструментов, модифицируем круг в символ.

 

Переходим во вкладку Propeties (Свойства).Становимся на первый кадр слоя с градиентом и выбираем Blending – Alpha (Смешение или Наложение, не знаю, как перевели).

 

Избражение круга с градиентом исчезает.


Копируем (правая кнопка мыши)  Frame (Кадр) с исчезнувшим кругом. Создаем слой выше. В первый кадр вставляем (правая кнопка мыши) скопированный Frame.

Делаем этот слой маской. Для двух нижних слоев назначаем свойство (Правая кнопка) – «Propeties» - «Маскированный». Вывешиваем на всех 3-х слоях замочки.

 



Переходим на Сцену. Вставляем в первый кадр из библиотеки символ Landscape (х=0,у=0). Кажется, что маска не градиентная!!!

 

  Но не расстраивайтесь!!! Остался последний шаг. Отметили кадр (синий) сцены и на вкладке «Свойства» выбираем Blendings – Layer. Градиентная маска появилась! Сохраняем Fla. Тестируем Ctrl+Enter.

 

Все!!!

Вложение: 4866340_gradientnaja_maska.rar

Серия сообщений "Мои уроки":

Мои уроки

Часть 1 - Урок "Градиентная маска в AdobeFlash без кодов"
Часть 2 - Дополнение к уроку "Градиентная маска в AdobeFlash без кодов"
Часть 3 - Урок "Градиентное маскирование в AF видео (футажа)". Продолжение урока " Градиентная маска"
...
Часть 8 - Урок по "заливке" текста футажем (по просьбе подруги mimozochka)
Часть 9 - Придумала урок анимации коллажа бесшовным анимированным фоном
Часть 10 - Урок использования флеш материала "След за курсором"