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

Суббота, 25 Октября 2014 г. 17:10 + в цитатник

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

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

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

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

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

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

1.Создадим новый документ(Файл-Создать-ActionScript3.0)
Сохраним его(Файл-Сохранить как)в созданную папку проекта.
Назовем "Волны на картинке"

2.Откроем архив из вложения,который вы скачали.
3.Скопируем 2 файла (см скрин) в папку "Проект с классом Ripples"

В папке проекта должно быть так.

4.Возвращаемся к созданному документу"Волны на картинке".
5.Идем в Панель Свойства.В окошке Класс пишем
Ripple
Частоту кадров выставляем 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).

Серия сообщений " *эффекты":
Часть 1 - Урок 61. Снег или летящие снежинки
Часть 2 - Урок 24. Яркий фрагмент на ч/б картинке
...
Часть 40 - Салютуем частицами с помощью библиотеки Flint. Урок для AdobeFlash
Часть 41 - Движение по заданной траектории. Урок для Adobe Flash.
Часть 42 - Урок.Эффект "Ripple" (волна)в Adobe Flash(AS3)
Часть 43 - Движение фона.Adobe Flash.
Часть 44 - Текстовый скроллинг в Adobe Flash
...
Часть 47 - Как скопировать флешку с инета и поставить в свой дневник...
Часть 48 - Эффект мерцания и падающая звезда.
Часть 49 - Эффекты со звездами

Метки: adobe flash

<a href="https://www.liveinternet.ru/users/5469809/post341199594/">РЈСЂРѕРє.РС„С„РµРєС‚ &quot;Ripple&quot; (РІРѕР»РЅР°)РІ Adobe Flash(AS3)</a><br/>РЈСЂРѕРє.РС„С„РµРєС‚ "Ripple" (РІРѕР»РЅР°)РІ Adobe Flash(AS3).

РЎРµРіРѕРґРЅСЏ РјС‹   Р±СѓРґРµРј РґРµР»Р°С‚СЊ СЌС„С„РµРєС‚ Ripple-Р’РѕР»РЅР°.
Р’РѕС‚ С‚Р°РєРѕР№...

РњР°С‚РµСЂРёР°Р»РѕРј,РєРѕС‚РѕСЂС‹Р№ Р±СѓРґРµРј РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ РІ СѓСЂРѕРєРµ, РїРѕРґРµР»РёР»Р°СЃСЊ 
РњР°СЂРёРЅР°novprospekt.
 РЎРїР°СЃРёР±Рѕ,РњР°СЂРёРЅР°!

РЎРѕР·РґР°РІР°С‚СЊ СЌС‚РѕС‚ СЌС„С„РµРєС‚ Р±СѓРґРµРј РїСЂРѕРіСЂР°РјРјРЅРѕ.
РЎ РїРѕРјРѕС‰СЊСЋ РєР»Р°СЃСЃР° "Ripple",РєРѕС‚РѕСЂС‹Р№ РІС‹ РЅР°Р№РґРµС‚Рµ РІРѕ РІР»РѕР¶РµРЅРёРё Рє РїРѕСЃС‚Сѓ.
***
РС‚Р°Рє,РЅР°С‡РЅРµРј.
Р Р°Р±РѕС‚Р°РµРј РІ РїСЂРѕРіСЂР°РјРјРµ Adobe Flash CS6
РџРµСЂРІРѕРµ,С‡С‚Рѕ РјС‹ СЃРґРµР»Р°РµРј,СЃРѕР·РґР°РґРёРј РЅР° РєРѕРјРїСЊСЋС‚РµСЂРµ РїР°РїРєСѓ СЃ РїСЂРѕРµРєС‚РѕРј,
РІ РЅРµРµ Р±СѓРґРµРј СЃРѕС…СЂР°РЅСЏС‚СЊ РІСЃРµ РЅРµРѕР±С…РѕРґРёРјС‹Рµ С„Р°Р№Р»С‹ РґР»СЏ СЃРѕР·РґР°РЅРёСЏ СЌС„С„РµРєС‚Р°.  
РќР°Р·РѕРІРµРј РїР°РїРєСѓ,РЅР°РїСЂРёРјРµСЂ,"РџСЂРѕРµРєС‚ СЃ РєР»Р°СЃСЃРѕРј Ripples".

1.РЎРѕР·РґР°РґРёРј РЅРѕРІС‹Р№ РґРѕРєСѓРјРµРЅС‚(Р¤Р°Р№Р»-РЎ... <a href="https://www.liveinternet.ru/users/5469809/post341199594/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

LiveInternetLiveInternet

-Рубрики

-Музыка

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

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

-Статистика

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