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

Воскресенье, 31 Августа 2014 г. 21:12 + в цитатник

Цитата сообщения jzayka

Прочитать целиком В свой цитатник или сообщество!

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

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

Спасибо Наташе -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 - Делаем снегопад в SWFQuicker..)
...
Часть 12 - Делаем в Adobe Flash 3D Эффект переворота(3D вертелка).
Часть 13 - Как создать и наложить маску определенной формы на видео в Adobe Flash.Урок.
Часть 14 - Использование анимированной маски в Adobe Flash.Урок

Серия сообщений " *эффекты":
Часть 1 - Урок 61. Снег или летящие снежинки
Часть 2 - Урок 24. Яркий фрагмент на ч/б картинке
...
Часть 36 - Как создать и наложить маску определенной формы на видео в Adobe Flash.Урок.
Часть 37 - Урок «Фото в Бокале»
Часть 38 - Использование анимированной маски в Adobe Flash.Урок
Часть 39 - Анимация дождя в Adobe Flash. Урок первый.
Часть 40 - Салютуем частицами с помощью библиотеки Flint. Урок для AdobeFlash
...
Часть 47 - Как скопировать флешку с инета и поставить в свой дневник...
Часть 48 - Эффект мерцания и падающая звезда.
Часть 49 - Эффекты со звездами

Метки: adobe flash

<a href="https://www.liveinternet.ru/users/5469809/post335522976/">РСЃРїРѕР»СЊР·РѕРІР°РЅРёРµ Р°РЅРёРјРёСЂРѕРІР°РЅРЅРѕР№ РјР°СЃРєРё РІ Adobe Flash.РЈСЂРѕРє</a><br/>РСЃРїРѕР»СЊР·РѕРІР°РЅРёРµ Р°РЅРёРјРёСЂРѕРІР°РЅРЅРѕР№ РјР°СЃРєРё РІ Adobe Flash.РЈСЂРѕРє

Р Р°СЃСЃРјРѕС‚СЂРёРј РєР°Рє СЃРґРµР»Р°С‚СЊ РІРѕС‚ С‚Р°РєРѕР№ СЌС„С„РµРєС‚.

РЎРїР°СЃРёР±Рѕ РќР°С‚Р°С€Рµ -DiZa-74 Р·Р°  С„РѕС‚РѕРіСЂР°С„РёСЋ
РљР°Рє СЃРґРµР»Р°С‚СЊ РїРѕРґРѕР±РЅС‹Р№ СЌС„С„РµРєС‚ РІ РїСЂРѕРіСЂР°РјРјРµ SWFQuicker РјРѕР¶РЅРѕ РїРѕСЃРјРѕС‚СЂРµС‚СЊ Р—РґРµСЃСЊ

Р Р°Р±РѕС‚Р°С‚СЊ Р±СѓРґРµРј РІ РїСЂРѕРіСЂР°РјРјРµ Adobe Flash CS6.
 
1.Р¤Р°Р№Р»-РЎРѕР·РґР°С‚СЊ-ActionScript3.0
Р Р°Р·РјРµСЂС‹ СЃС†РµРЅС‹  РІС‹СЃС‚Р°РІР»СЏРµРј РїРѕ СЂР°Р·РјРµСЂСѓ РєР°СЂС‚РёРЅРєРё,
РєРѕС‚РѕСЂСѓСЋ Р±СѓРґРµРј РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ.РќР°Р·РѕРІРµРј"РђРЅРёРјР°С†РёСЏ РєР°СЂС‚РёРЅРєРё"

2.РџРѕРґРіРѕС‚РѕРІРёРј РЅРµРѕР±С…РѕРґРёРјС‹Р№ РјР°С‚РµСЂРёР°Р».
РќР°Рј РїРѕС‚СЂРµР±СѓРµС‚СЃСЏ :
РєР°СЂС‚РёРЅРєР°,РєРѕС‚РѕСЂРЈСЋ Р±СѓРґРµРј Р°РЅРёРјРёСЂРѕРІР°С‚СЊ 
Рё
Р°РЅРёРјРёСЂРѕРІР°РЅРЅР°СЏ РјР°СЃРєР°,РєРѕС‚РѕСЂРћР№ Р±СѓРґРµРј Р°РЅРёРјРёСЂРѕРІР°С‚СЊ.

Р§С‚Рѕ С‚Р°РєРѕРµ Р°РЅРёРјРёСЂРѕРІР°РЅРЅР°СЏ РјР°СЃРєР°... <a href="https://www.liveinternet.ru/users/5469809/post335522976/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

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

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

LiveInternetLiveInternet

-Рубрики

-Музыка

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

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

-Статистика

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