• Авторизация


Как создать и наложить маску определенной формы на видео в Adobe Flash.Урок. 24-07-2014 10:36 к комментариям - к полной версии - понравилось!

Это цитата сообщения jzayka Оригинальное сообщение

Как создать и наложить маску определенной формы на видео в 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 - Делаем снегопад в SWFQuicker..)
...
Часть 11 - Цифровые часики в Adobe Flash(AS2,AS3).
Часть 12 - Делаем в Adobe Flash 3D Эффект переворота(3D вертелка).
Часть 13 - Как создать и наложить маску определенной формы на видео в Adobe Flash.Урок.


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как создать и наложить маску определенной формы на видео в Adobe Flash.Урок. | lud58mila - Дневник lud58mila | Лента друзей lud58mila / Полная версия Добавить в друзья Страницы: раньше»