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

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

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

code:


import Classes.Lights;

var colors:Array = [0xC58E55, 0xCC9933, 0x704D08, 0xDBBA77, 0xFFFFFF, 0x231708];

var light:Lights = new Lights();

light.init(600, 600, 170, 60, colors, 0.2, 2, 5, "up", 3);

addChildAt(light, 1)

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

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

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 23 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 3.
Часть 24 - Создание 3D карусели ( пояснения к уроку от Веры BAT)
Часть 25 - Работа по уроку «Создание эффекта Боке».

Будем учиться использовать Панель "Фрагметы кода" в 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 помощью Панели"Фрагменты кода"
Часть 8 - Украшение работ"рандомным"эффектом в Adobe Flash.
Часть 9 - Делаем эффект "Боке" в Adobe Flash.

Серия сообщений "* Мои работы в Adobe Flash CS6":

Часть 1 - Моя первая работа в Adobe Flash CS6 - Mouse Over Image Animation
Часть 2 - Урок размытого изображения во флеш
...
Часть 12 - Моя работа по уроку jzayka
Часть 13 - Эффект "боке" во флеш
Часть 14 - Музыка и эффект "боке" во флеш

Урок
Будем делать вот такой эффект.


1.Создадим на компьютере папку для проекта.
Назовем(не важно как) ,например, "боке".
1.1.Поместим в нее папку Classes из вложения в посту.

2.Создадим документ АS3.(Файл-Создать-AS 3.0)
Сохраним в созданную папку"боке" (!Обязательное условие!)
под любым названием,например"эффект боке".

3.Содадим два слоя.
На слой 1 поместим фон,слой 2 для скрипта.
Для фона можно импортировать картинку,например,ваш красивый коллаж.Размеры рабочей области по размару картинки.

Или нарисуем прямоугольник по размеру рабочей области(как в примере).
Заливка любым цветом или градиентом ,без обводки.

Я взяла коллаж размером 700/424.


Меняем размеры рабочей области.


4.Выравниваем инструментом Выравнивание.


5.Встаем на слой2.Окрываем панель Действия(F9)
Вставляем код.
======================
import Classes.Lights;

var light:Lights = new Lights();


/* Первая цифра-->Размер документа по ширине; Вторая цифра-->Размер по высоте-->Третья цифра-->Количество пузырьков; Четвертая цифра-->Размер пузырьков; 0х#FFFFFF-->Цвет пузырьков (здесь белый) */
light.init(600, 300, 40, 60, 0xFFFFFF, 0.3, 3, 3, "up", 2);

addChild(light);
=======================
6.Меняем в коде аккуратно размеры на свои..и по желанию размер,количество и цвет пузырьков(см скрин).

Я поменяла все...


7.Смотрим что у нас получилось(Сtrl+Enter)



8.Сохраняем работу(Файл-Сохранить)
9.Экпортируем ролик.(Файл-Экспорт-Экпортировать ролик)

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

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Делаем снегопад в SWFQuicker..)
...
Часть 7 - Загружаем музыку в Adobe Flash CS6 c помощью Панели"Фрагменты кода"
Часть 8 - Украшение работ"рандомным"эффектом в Adobe Flash.
Часть 9 - Делаем эффект "Боке" в Adobe Flash.