Как создать и наложить маску определенной формы на видео в Adobe Flash.Урок. от Лены

Обещенный урок о том как загрузить видео в Adobe Flash,
наложить на него маску и получить вот такие эффекты.

Очень подробные уроки по работе с масками в программе Sothink SWF Quicker можно посмотреть у Марины (novprospekt)

здесь

и

здесь

В Adobe Flash все аналогично.
Я подробно останавливаться не буду.
Важно знать,что маской может быть графический объект
в виде различных фигур и текст..

Самый простой метод создания маски -
использование инструментов программы
Прямоугольник,Овал,Многоугольник.
И инструментов рисования Кисть,Карандаш.

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

Начнем с подготовки формы для маски.

Формы для маски я подготавливаю в Фотошопе.
Потом дорабатываю в Adobe Flash.

А так же непосредственнно в Adobe Flash.

Вначале подробно разберем как создать фигуру
при помощи инструмента рисования Карандаш,
так как в уроке будем использовать форму кленового листочка.
А ее нужно нарисовать.

Потом коротко расскажу как я делаю подготовку формы в Фотошопе.

Работать будем исключительно в программе Adobe Flash .
Откроем программу.Создадим новый документ(AS2 или AS3).

1.Импортируем в рабочую область клипарт кленового листочка.
Размеры рабочей области выставим по размеру клипарта.

Выровняем в пределах рабочей области.
Уменьшим или увеличим ,при необходимости, масштаб рабочей области,
чтобы удобней было работать инструментом Карандаш(Y).



2.Настроим режим инструмента Карандаш.

Установим толщину обводки.Стиль.Цвет(не важен).
Для того,чтобы активировать эту возможность,
просто щелкните мышкой в рабочей области и в
Свойствах установите нужные параметры.
Можно оставить по умолчанию.
Я выбрала толщину 5.
Стиль-обязательно Сплошная линия..

4.Создадим новый слой.Переименуем .

И ,стоя на этом слое, начнем обводить листочек.
Обводка должна обязательно !замкнуться!.
Особая точность не нужна.
Главное не отпустить руку в процессе обводки.
Иначе мы не сможем залить контур.
А значит не сможем создать форму для маски.

5.После того как мы удачно замкнули обводку,
инструментом Ведро с краской(К)заливаем замкнутую область.

Если выделить лист инструментом Стрелка

В Свойствах при этом будет так.

Теперь мы можем использовать фигуру листочка в качестве маски.
Обязательное условие-листочек должен быть выделен .

6.Слой с клипартом удалим,больше не нужен.
Можем удалить и обводку.
Для этого ее надо выделить стрелкой(V).
Нажать на клавиатуре delete.

Но не торопитесь удалять.Я этого делать не буду.
Она нам может пригодиться потом для оформления.
Такая возможность есть и я о ней расскажу.
Вы для себя в процессе работы решите,нужна обводка или нет.

А пока вместо удаления мы сделаем следующее.

Отделим ее от основной фигуры и
переместим на слой выше над ней.
Итак щелкнули 2 раза.Именно !два! раза и, именно, по самой !обводке!
Щелкнув один раз у вас выделится только часть обводки.
Обводка выделилась.

Либо удаляем,либо создаем новый слой.
Клик правой кнопкой по выделенной обводке-Вырезать

Встаем на новый слой .У меня это слой 6.
Заблокируем нижний слой(замочек).
И

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

В Adobe Flash мы форму для маски подготовили.

Теперь коротко о том как создать и воспользоваться заготовкой ,сделанной в Фотошопе.

Открываем Фотошоп.
Создадим прозрачный документ.

Открываем инструмент произволная фигура
.
Находим там лист клена или любую другую фигуру.. И рисуем.
В 6-ой версии Фотошопа при использовании этого инструмента
можно воспользоваться обводкой к фигуре.
Нарисовали.Применили обводку(по желанию).

Основную часть выделяем волшебной палочкой.

Вырезаем на другой слой.

Сохраняем по отдельности(если нарисовали с обводкой)
обводку и основную часть в PNG формате.

Переходим в Adobe Flash .
Импортируем в рабочую область основную часть.
Создадим новый слой.
На него импортируем обводку.
Блокируем слой с обводкой.Встаем на слой с клипартом.

Идем в Модификация-Растровое изображение-Векторизация


Клипарт преобразовали в фигуру.
И можем использовать ее для маскировния.

Итак ,формы для маски готовы.Приступим к загрузке видео.

Создадим символ,в рабочее поле которого будем загружать видеофайл.
Вставка-Создать символ.
Назовем его видео.Тип-Фрагмент ролика.

Важное условие!
!Видео в Adobe Flash можно загружать в формате FLV!
Для конветрировния видео в этот формат,можно воспользоваться как онлайн сервисами,так и любыми программами,которые поддерживают конвертирование видео.
Я пользуюсь программой Format Factory.
Cкачать ее можно абсолютно бесплатно на официальном сайте..
Язык выбираете перед началом загрузки.

Видео подготовлено.
Загрузим его в рабочую область созданного символа .

Откоется такое окно.Сделайте так как на скрине

дальше





Переходим в основную рабочую область.

Создадим новый слой .Опустим его вниз.

Из билиотеки на этот слой перетащим символ видео.

Дальше см скрин

Так теперь вылядит временная шкала и рабочая область.
На слое 6 обводка
Отрисовка-это маска.
Нижний наше видео.

Я дорисовала ножку листочку.
Создайте новый слой,опустите под обводку и
прямоугольником нарисуйте примерно вот что-то такое.
А можно и не делать этого..

Смотрим ,что получилось.CTRL+ENTER

.

Дополнительно об обводке.

Цвет обводки при желании можно поменять.

a.Если создана фигура в Adobe Flash.
Выделите.В Свойствах выберите цвет.


b.Если заготовку делали в Фотошопе.
Выделить Стрелкой-появится синяя рамочка.

Модификация-Преобразовать в символ

Тип Графика.Назовем обводка.

Идем в Свойства.Имеем графический символ.
Теперь можно менять цвет.

Сохраняем работу.
Экспортируем ролик.
Ну вот и все.Творите.Удачи!

Серия сообщений "**Мои уроки":
Часть 1 - Цветочный шлейф за курсором 
Часть 2 - Слайд-шоу в Aleo Flash Intro Banner Maker встроенным эффектом..)
...
Часть 12 - Цифровые часики в Adobe Flash(AS2,AS3).
Часть 13 - Делаем в Adobe Flash 3D Эффект переворота(3D вертелка). 
Часть 14 - Как создать и наложить маску определенной формы на видео в Adobe Flash.Урок.
Часть 15 - Использование анимированной маски в Adobe Flash.Урок
Часть 16 - Текст за курсором в Adobe Flash(AS3).Урок.
...
Часть 22 - Анимация частей картинки с помощью маски.Урок для Adobe Flash.
Часть 23 - Урок. Картинка из кусочков в Adobe Flash CS6
Часть 24 - Урок.Эффект полосок на картинке в Adobe Flash.