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


Панорамирование картинки с маской 20-11-2014 17:19 к комментариям - к полной версии - понравилось!

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

Панорамирование картинки с маской.Урок для Adove Plash CS5/6 с использованием AS3.


Панорамирование картинки с маской





 


Все картинки увеличиваются по клику.


[500x]

[500x]

[500x]

[500x]



Запустить программу Adobe Flash CS5/6 . Выбрать Создать AS-3.

  Указать размер сцены и количество кадров (здесь30) .

Создать три слоя с именем Картинка, маска, скрипт.
Импорт картинки в библиотеку, перетаскивание её из библиотеки  в  первый кадр слоя с именем сцены «Картинка». Преобразование в мувиклип с точкой регистрации в середине. В свойствах символа видеоролика дать имя icon_mc
1. На слое «Картинка» в 1-м кадре уменьшить картинку и встать на 100 кадр нажать (F6)- ( вставить ключевой кадр). В этом (100-м) кадре увеличить картинку. Встать на 120 кадр и нажать F5 ( от 100 до 120 кадра будет задержка анимации картинки). Встать в середине между кадрами и из меню выбрать «создать анимацию движения». Автоматически образуется новый символ анимации движения картинки в библиотеке.

2. Встать на слой «маска» . Инструментом «овал» нарисовать круг в первом кадре слоя. Выбрать радиальное размытие(важно) и подобрать цвет. Преобразовать круг в символ видеоролика. В свойствах символа видеоролика
дать имя alpha_mask

На 100 кадре нажать (F6) и также стоя между кадрами «создать анимацию движения». Автоматически образуется новый символ анимации движения картинки в библиотеке. Встать на 120 кадр и нажать F5 ( от 100 до 120 кадра будет задержка анимации маски).

Перейти в режим редактирования маски.

На 15 кадре вставить ключевой кадр (F6). Ползунком радиального размытия можно передвинуть усилив цветность.

Добавить ключевой кадр на 30 кадр, 45 кадр, 65 кадр и проделать тоже самое. Встать на 100 кадр и вставить ключевой кадр (F6) и проделать тоже самое. От 60 до 100 кадра будет задержка свечения маски на картинке. Встать на 120 кадр и нажать F5 ( от 100 до 120 кадра будет задержка анимации маски).

3. После вставки всех ключевых кадров, надо встать между каждыми кадрами и правой кнопкой мыши из меню выбрать «создать анимацию
формы» (важно).

Вернуться на основную сцену и встать на слой маска ( не в кадры шкалы, а именно на слой -ВАЖНО). Правой кнопкой мыши выбрать из меню действие «Маска» и перевести слой в режим маски.


Теперь можно перейти на слой скрипт .

Вызвать меню действие и в первом кадре вписать следующий код:
alpha_mask.cacheAsBitmap = true;
icon_mc.cacheAsBitmap = true;
icon_mc.mask = alpha_mask;


Протестировать. Отредактировать. Опубликовать.

В параметрах публикации указать качество картинки 100% и снять галочку с указания «Сжать ролик».

На этом всё. Нет., не всё. Теперь Ваша очередь творить!

Творческих ВАМ успехов! Для Вас работала Cadmii (т.е.Татьяна).


P.S. Внизу поста есть документ Word, в котором все описано подробно, включая скрипт, на случай если он сместился в данном сообщении.


Надеюсь Вам понравилось! [показать]
 

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


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

Дневник Панорамирование картинки с маской | zhizn - Zhizn-30 я | Лента друзей zhizn / Полная версия Добавить в друзья Страницы: раньше»