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

Воскресенье, 26 Октября 2014 г. 04:08 + в цитатник

Цитата сообщения 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 обводка
Отрисовка-это маска.
Нижний наше видео.

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

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

.

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

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

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

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

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

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

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

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

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

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Делаем снегопад в SWFQuicker..)
...
Часть 11 - Цифровые часики в Adobe Flash(AS2,AS3).
Часть 12 - Делаем в Adobe Flash 3D Эффект переворота(3D вертелка).
Часть 13 - Как создать и наложить маску определенной формы на видео в Adobe Flash.Урок.
Часть 14 - Использование анимированной маски в Adobe Flash.Урок
Часть 15 - Текст за курсором в Adobe Flash(AS3).Урок.
Часть 16 - Урок.Эффект "Ripple" (волна)в Adobe Flash(AS3).

Серия сообщений " FLASH-мастерская/уроки":
Часть 1 - ДЕЛАЕМ КРАСИВЫЕ АНИМАЦИИ - урок №1 знакомство с сайтом
Часть 2 - Урок - как сделать во флеш слайд-шоу
Часть 3 - Урок.Как создать и наложить маску определенной формы на видео в Adobe Flash.
Часть 4 - Делаем флешку в Aleo Flash Intro Banner Maker.
Часть 5 - Коды для флешек. Прямо здесь и сейчас.
...
Часть 11 - Флэш анимация своими руками
Часть 12 - Как вставить флеш-часики на картинку
Часть 13 - Флеш-материал - цветы, облака, зелень...

Серия сообщений "Adobe Flash":
Часть 1 - Урок.Как создать и наложить маску определенной формы на видео в Adobe Flash.
Часть 2 - Использование анимированной маски в Adobe Flash.Урок
Часть 3 - Adobe Flash Professional CS6 12.0.0.481 [MULTi / Русский] + Подробная установка
...
Часть 12 - Уроки Flash. Падающий снег. Классы AS3.
Часть 13 - Уроки Flash. Аналоговые Flash часы.
Часть 14 - GООGlE убивает FlASH!!! Неприятная новость для всех Лирушников... и пользователей интернета

Рубрики:

ПРОГРАММЫ

Метки: флеш-плеер

<a href="https://www.liveinternet.ru/users/ya_tatiyna/post341260464/">РЈСЂРѕРє.РљР°Рє СЃРѕР·РґР°С‚СЊ Рё РЅР°Р»РѕР¶РёС‚СЊ РјР°СЃРєСѓ РѕРїСЂРµРґРµР»РµРЅРЅРѕР№ С„РѕСЂРјС‹ РЅР° РІРёРґРµРѕ РІ Adobe Flash.</a><br/> 					
													
РћР±РµС‰РµРЅРЅС‹Р№ СѓСЂРѕРє Рѕ С‚РѕРј РєР°Рє Р·Р°РіСЂСѓР·РёС‚СЊ РІРёРґРµРѕ РІ  Adobe Flash, 
РЅР°Р»РѕР¶РёС‚СЊ РЅР° РЅРµРіРѕ РјР°СЃРєСѓ Рё РїРѕР»СѓС‡РёС‚СЊ РІРѕС‚ С‚Р°РєРёРµ СЌС„С„РµРєС‚С‹.

РћС‡РµРЅСЊ РїРѕРґСЂРѕР±РЅС‹Рµ СѓСЂРѕРєРё РїРѕ СЂР°Р±РѕС‚Рµ СЃ РјР°СЃРєР°РјРё РІ РїСЂРѕРіСЂР°РјРјРµ Sothink SWF Quicker РјРѕР¶РЅРѕ  РїРѕСЃРјРѕС‚СЂРµС‚СЊ Сѓ РњР°СЂРёРЅС‹ (novprospekt)
  Р·РґРµСЃСЊ   Рё  Р·РґРµСЃСЊ

Р’ Adobe Flash РІСЃРµ Р°РЅР°Р»РѕРіРёС‡РЅРѕ.
РЇ РїРѕРґСЂРѕР±РЅРѕ РѕСЃС‚Р°РЅР°РІР»РёРІР°С‚СЊСЃСЏ РЅРµ Р±СѓРґСѓ. 
Р’Р°Р¶РЅРѕ Р·РЅР°С‚СЊ,С‡С‚Рѕ РјР°СЃРєРѕР№ РјРѕР¶РµС‚ Р±С‹С‚СЊ РіСЂР°С„РёС‡РµСЃРєРёР№ РѕР±СЉРµРєС‚ 
РІ РІРёРґРµ СЂР°Р·Р»РёС‡РЅС‹С… С„РёРіСѓСЂ Рё С‚РµРєСЃС‚..

РЎР°РјС‹Р№ РїСЂРѕСЃС‚РѕР№ РјРµС‚РѕРґ СЃРѕР·РґР°РЅРёСЏ РјР°СЃРєРё -
РёСЃРїРѕР»СЊР·РѕРІР°РЅРёРµ РёРЅСЃС‚СЂСѓРјРµРЅС‚РѕРІ РїСЂРѕРіСЂР°РјРјС‹ 
РџСЂСЏРјРѕСѓРіРѕР»СЊРЅРёРє,РћРІР°Р»,РњРЅРѕРіРѕСѓРіРѕР»СЊРЅРёРє.
Р РёРЅСЃС‚СЂСѓРјРµРЅС‚РѕРІ СЂРёСЃРѕРІР°РЅРёСЏ РљРёСЃС‚СЊ,РљР°СЂР°РЅРґР°С€.

... <a href="https://www.liveinternet.ru/users/ya_tatiyna/post341260464/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Фотоальбом

-Ссылки

-Музыка

-Поиск по дневнику

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Статистика

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