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

понедельник, 6 августа 2018 г.

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

Обещанный урок о том,как загрузить видео в 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 обводка
Отрисовка-это маска.
Нижний наше видео.

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