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

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

Создание музыкальной открытки в программе Sothink SWF Quicker
 

Далее...

 

Будем учиться использовать Панель "Фрагметы кода" в Adobe Flash.
Что же это за панель , для чего и как она примеяется?

"Использование фрагментов кода, включенных в среду Flash, облегчает изучение новичками языка ActionScript 3.0. Путем просмотра кода во фрагментах и выполнения настроек, описанных в инструкциях к фрагменту, можно понять структуру и словарь кода.
Данная панель помогает быстро понять и использовать фрагменты кода, а также сохранить собственные фрагменты для применения в будущем."

1.Откроем Панель.
Окно-Фрагменты кода.Или используем значек(см.скрин)
Для удобства значек можно вывести и закрепить на панельке(см скрин)


2.Рассмотрим из чего она состоит.
Вот так выглядит Панель при открытии

Мы видим папки с названием разделов,если нажать на треугольничек ,папки"раскроются"..


Смотрим далее.На самой панельке видим значки.

При наведении на них мышкой всплывают подсказки.
На скрине слева-добавить в текущий кадр
На скрине справа-скопировать в буфер обмена


3.А теперь на конкретном примере рассмотрим как использовать Панель Фрагменты кода в программе.
Будем делать вот такой эффект вращения.


3.1 Для этого создадим документ AS3.
(Файл-Создать- ActionScript 3.0)
3.2 Импортируем в рабочую область подходящую для вращения картинку.
3.3 Сохраним документ.(Файл-Сохранить как).
Назовем.Укажем куда сохранить.
Я назвала "вращение".Сохранила в заранее созданную для этого проекта папку.
Потом в процессе работы,чтобы фиксировать изменения,достаточно просто"Сохранить".
3.4 Выделяем картинку инструментом Стрелка(V).
Преобразуем в символ(ПКМ-преобразовать в символ или Модификация-Преобразовать в символ).

Я назвала "вращение"(как документ).Вы можете назвать как угодно.Или оставить по-умолчанию(Символ1(2,3,4...).В конкретном случае это абсолютно не принципиально.

А в Панели Свойства вписываем имя латинскими буквами. У меня-это "rosa".


3.5 Раскроем раздел Анимация- Непрерывное вращение.
При наведении мышкой появляются 2 значка.

Нажав на первый вы увидите окошко с описанием кода.

При нажатии на второй вы увидите окно с инструкциями.
Прочтите их.

Прокрутив вниз, мы видим фрагмент кода,в котором уже прописалось имя экземпляра "rosa",которое мы ввели ранее в Свойства.
Поменяем скорость вращения на на 2. Жмем - Вставить

Смотрим на временную шкалу.
Фрагмент кода в виде черной полоски"залетает"на временную шкалу и создает новый слой с кодом.
Понаблюдайте за этим действием , забавно.

Если открыть панель Действия(F9),
мы видим код с теми же инструкциями,который программа поместила на верхний слой в 1-ый кадр.

Все,смотрим ,что получилось(CTRL+Enter)
3.6 Сохраняем.Экспортируем.
Файл-Экспорт-Экспотировать ролик

Немножко пофантазировав,у меня получился вот такой результат.
Для тех кому интересно,во вложении исходник fla с кратким описанием.

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

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Делаем снегопад в SWFQuicker..)
Часть 3 - Делаем заготовку для флеш-календарика в Adobe Flash CS6..)!перепост!
Часть 4 - Эффект листопада в Adobe Flash CS6( АS2).
Часть 5 - Панель "Фрагменты кода" в Adobe Flash CS6..)
Часть 6 - Как взять прямую ссылку для аудиофайла с Привет.ру
Часть 7 - Загружаем музыку в Adobe Flash CS6 c помощью Панели"Фрагменты кода"
...
Часть 12 - Делаем в Adobe Flash 3D Эффект переворота(3D вертелка).
Часть 13 - Как создать и наложить маску определенной формы на видео в Adobe Flash.Урок.
Часть 14 - Использование анимированной маски в Adobe Flash.Урок

Программа создания анимации и флеш-анимации "ArtWaver".

Программа создания анимации и флеш-анимации "ArtWaver".
Недавно открыла для себя программу "ArtWaver".
С её помощью можно легко создать анимацию,
не надо прилагать особых усилий,программа всё сделает за вас.
Вам остаётся только немного пофантазировать,чтобы выбрать нужные эффекты.
Я сделала небольшой урок в картинках по работе в этой программе.
Идём сюда и скачиваем архив с программой.
Вирусов нет,я загружала её со своего компа .ArtWave8r.rar

Урок. Сделать свой плеер в Sothink SWF Quicker самому
 

Урок «Маска текстом в программе Sothink SWF Quicker».
 

В уроке Использование масок в программе Sothink SWF Quicker рассказывалось о масках во флеш и их использование при создании флеш роликов. Итак, маской в программе Sothink SWF Quicker может являться графический символ, созданный в этой программе ее инструментами рисования (инструменты карандаш, кисть, ластик) или инструментами формы (инструменты овал, прямоугольник).
Взяв любой из этих инструментов, можно создавать маски любой сложности и, для получения необходимых эффектов, маскировать ими графику и видеоролики входящие во флеш проект.
Кроме использования этих инструментов для создания маски можно использовать инструмент "Текст"
Только, тип текст для маски обязательно должен быть "Статическим". Тип текста указывается при выборе инструмента "Текст" в панеле "Свойства".




Давайте попробуем создать самую простую маску текстом.



"Смотрим далее Урок «Маска текстом в программе Sothink SWF Quicker»"

Вот такие веселые комментики получились у меня.





 

Серия сообщений "Уроки Flash":

уроки в разных флешпрограммах, авторские уроки flash

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 13 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.
Часть 14 - Использование масок в программе Sothink SWF Quicker
Часть 15 - Урок «Маска текстом в программе Sothink SWF Quicker».
Часть 16 - Программная анимация в Adobe Flash.
Часть 17 - Уроки Flash. Падающий снег. Классы AS3.
...
Часть 24 - Создание 3D карусели ( пояснения к уроку от Веры BAT)
Часть 25 - Работа по уроку «Создание эффекта Боке».
Часть 26 - Календарик. Работа Preriy
 

Серия сообщений "Маска в Sothink SWF Quicker":

Уроки флеш в программе Sothink SWF Quicker

Часть 1 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker.
Часть 2 - Использование масок в программе Sothink SWF Quicker
Часть 3 - Урок «Маска текстом в программе Sothink SWF Quicker».
Часть 4 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 1.
Часть 5 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 2.
Часть 6 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 3.
 

Серия сообщений "Уроки Flash":

уроки в разных флешпрограммах, авторские уроки flash

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 15 - Урок «Маска текстом в программе Sothink SWF Quicker».
Часть 16 - Программная анимация в Adobe Flash.
Часть 17 - Уроки Flash. Падающий снег. Классы AS3.
Часть 18 - Вечный таймер обратного отсчета в программе Sothink SWF Quicker. AS2 .
Часть 19 - Делаем «Вечный таймер обратного отсчета» в Adobe Flash. AS3
...
Часть 24 - Создание 3D карусели ( пояснения к уроку от Веры BAT)
Часть 25 - Работа по уроку «Создание эффекта Боке».
Часть 26 - Календарик. Работа Preriy

Серия сообщений "Уроки Flash":

уроки в разных флешпрограммах, авторские уроки flash

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 14 - Использование масок в программе Sothink SWF Quicker
Часть 15 - Урок «Маска текстом в программе Sothink SWF Quicker».
Часть 16 - Программная анимация в Adobe Flash.
Часть 17 - Уроки Flash. Падающий снег. Классы AS3.
Часть 18 - Вечный таймер обратного отсчета в программе Sothink SWF Quicker. AS2 .
...
Часть 24 - Создание 3D карусели ( пояснения к уроку от Веры BAT)
Часть 25 - Работа по уроку «Создание эффекта Боке».
Часть 26 - Календарик. Работа Preriy