Видеокнига.Говорит и показывает Adobe Flash.pasigut

Эта видео-книга поможет начинающим флэшерам быстро овладеть базовой функциональностью программы. При первом знакомстве Флэш озадачивает своей всеядностью. Что это - рисовалка, мульт-редактор или среда разработки приложений? И как бы вы не отвечали на этот вопрос сегодня, рано или поздно вам понадобятся все три главных умения этой уникальной программы.

Скрины:

Предлагаемая видео-книга поможет пользователю быстро овладеть базовой функциональностью Flash. Каждый урок сопровождается коротким мульт-роликом, иллюстрирующим теоретическую часть. Подробнее о возможностях и интерфейсе видео-книги рассказывается здесь. Курс описывает основы работы с векторной и растровой графикой, приёмы используемые в анимации, работу с текстом и создание несложной интерактивности. Разумеется, видео-курс не объясняет язык сценариев. Зато он предлагает решение некоторых востребованных задач без изучения ActionScript. В основательном же знакомстве с этим языком вам скорее поможет толстый бумажный учебник.

Год выхода: 2008

Офф. сайт: http://www.photoshoptv.ru/

Автор: Андрей Дубровский (Сертифицированный эксперт по Adobe Photoshop)

Платформа: Win 98/2000/XP/Vista/7 Интерфейс: Русский

Размер: 7.6 мб

Видеоуроки АФП от Флэш Мастеру.marinapetrova1950

Метки: ADOBE FLASH PRO   

Видеоуроки АФП от BLiKSEM® TV.marinapetrova1950

Рубрики:

ADOBE FLASH PRO

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

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

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

.

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

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

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


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

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

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

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

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

Использование анимированной маски в Adobe Flash.Урок jzayka

Рассмотрим как сделать вот такой эффект.

Спасибо Наташе -DiZa-74 за фотографию

Как сделать подобный эффект в программе SWFQuicker можно посмотреть Здесь

Работать будем в программе Adobe Flash CS6.

1.Файл-Создать-ActionScript3.0
Размеры сцены выставляем по размеру картинки,
которую будем использовать.Назовем"Анимация картинки"

2.Подготовим необходимый материал.
Нам потребуется :
картинка,которУю будем анимировать
и
анимированная маска,которОй будем анимировать.

Что такое анимированная маска и как ее сделать , рассматривать не будем.
Подробности можно узнать в этом Уроке.

Мы будем использовать готовую.
3.Исходник маски скачаем из вложения к посту.
Скачали, распакуем .
Следующим шагом нам нужно ее загрузить в программу.

4.Через Файл-Отрыть-указываем путь к файлу.
У вас он находится там,куда вы его сохранили.


Открылся .fla файл "анимированная маска".
Так это выглядит на рабочей сцене

Сtrl+Enter-смотрим что это такое..

Это и есть та самая анимированная маска,
которую мы будем использовать для анимации картинки..

Перенесем ее в библиотеку основного документа.



Заходим в библиотеку документа "маска анимированная".
Делаем как показано на скрине.

5.Открываем документ "Анимация картинки".Идем в Библиотеку.

В Библиотеке мы видим скопированные файлы маски.
Маска состоит из графического символа и фрагмента ролика(мувиклипа).



6.Импортируем в библиотеку картинку(Файл-Импорт-Импортировать в библиотеку).

Подготовительная работа закончена..
****
Приступаем к анимации.

Создадим символ и назовем его "анимация маской".

7.Создадаим здесь 3 слоя.

На первом слое у нас будет картинка со значениями координат x=0;y=0;

На втором слое расположим эту же картику cо значениями х=0; y=-1;
Перетаскиваем на соответствующие слои картинки.
В Свойствах проставляем нужные значения

3-ий слой для маски.

Маску(фрагмент ролика) так же перетаскиваем на слой
и устанавливаем так,чтобы она закрывала картинку
чуть ниже картинки и полностью перекрывала по краям.

Основная часть маски должна находиться над картинкой.

Если размер маски меньше картинки,
увеличиваем при помощи инструмента Преобразование.


8.Встаем на слой "маска"Кликаем првой кнопкой мыши.
Жмем -Маска

Так теперь выглядят слои и область редактрования символа

9.Переключаемся на рабочую сцену

Перетаскиваем из библиотеки символ"анимация маской"

10.Выравниваем в пределах рабочей области

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



Вот и все.Анимация готова!

Маской можно анимировать картинки в формате PNG.

А так же анимировать не всю картинку ,а какую-то часть.
Вот здесь я анимировала воду и парео ..

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

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