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


Урок.Эффект "Ripple" (волна)в Adobe Flash(AS3). 22-10-2014 23:53 к комментариям - к полной версии - понравилось!

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

Урок.Эффект "Ripple" (волна)в Adobe Flash(AS3).

Сегодня мы будем делать эффект Ripple-Волна.
Вот такой...


Материалом,который будем использовать в уроке, поделилась
Маринаnovprospekt.
Спасибо,Марина!

Создавать этот эффект будем программно.
С помощью класса "Ripple",который вы найдете во вложении к посту.
***
Итак,начнем.
Работаем в программе Adobe Flash CS6
Первое,что мы сделаем,создадим на компьютере папку с проектом,
в нее будем сохранять все необходимые файлы для создания эффекта.
Назовем папку,например,"Проект с классом Ripples".

1.Создадим новый документ(Файл-Создать-ActionScript3.0)
Сохраним его(Файл-Сохранить как)в созданную папку проекта.
Назовем "Волны на картинке"
[показать]
2.Откроем архив из вложения,который вы скачали.
3.Скопируем 2 файла (см скрин) в папку "Проект с классом Ripples"
[показать]
В папке проекта должно быть так.
[показать]
4.Возвращаемся к созданному документу"Волны на картинке".
5.Идем в Панель Свойства.В окошке Класс пишем
Ripples
Частоту кадров выставляем 30.
Размеры монтажного стола потом выставим по размеру картинки,которую загрузим.
[показать]
6.Создадим новый символ,в который загрузим картинку.
(Вставка-Создать символ.)
Назовем его toRipple
Сделаем все как на скриине
[показать]
В библиотеке теперь должно быть так
[показать]
7.Загрузим в рабочую область символа toRipple картинку.
[показать]
8.Выделяем картинку стрелкой(V),в Свойствах
выставляем положение по х=0;y=0;
[показать]
9.Поменяем размеры рабочей области по размеру картинки.
У меня 800/600(у вас будут другие)
[показать]
10.Откроем из папки проекта файл Ripple.as,который мы поместили из вложения.
Файл-Открыть.Идем в папку с проектом,находим нужный файл
[показать]
[показать]
Рядом с файлом "Волны на картинке" откроетсяфайл Ripple.as
[показать]
В строках 12,27,28 менем размеры на размеры картинки 800/600
(это размеры моей картинки)
В строке 19 можно поменять параметры эффекта Ripples
[показать]
!После того как в скрипт будут внесены изменения, обязательно их сохраните!
Файл -Сохранить и все изменения сохраняться в файле Ripple.as
Это необходимо делать каждый раз когда вносим изменения в скрипт, иначе изменения не вступят в силу.
В основном файле "Волны на картинке".fla тоже не забываем сохранять изменения.
[показать]
Вот так выглядит у нас рабочая сцена.
Чтобы посмотреть результат ,жмем Ctrl+Enter
[показать]
Если хотим добавить что-то на картинку (клипарт , текст),переключаемся в поле редактирования символа toRipple(дважды кликаем в библиотеке по значку символа) и на слои добавляем материал.
[показать]
Жмем CTRL+Enter и смотрим,что у нас получилось в итоге.


Экспортируем ролик.
Файл-Экспорт-Экспортировать ролик.
Вот и Все!
Если возникнут вопросы,обращайтесь..))
Удачи в творчестве!





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

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


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


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

Дневник Урок.Эффект "Ripple" (волна)в Adobe Flash(AS3). | Та_ещё_штучка_Я - Дневник Та_ещё_штучка_Я | Лента друзей Та_ещё_штучка_Я / Полная версия Добавить в друзья Страницы: раньше»