Урок для Flash CS5. Будем рисовать светлячка и учить его летать.
Размер сцены и число фреймов не меняем - 550х400, 24 fps. Рисуем светляка на первом слое. Выбираем инструмент Овал и задаём ему радиальный цвет заливки с параметрами #182C23, #42A318.

Инструментом градиентная трансформация передвигаем центр градиента влево.

Делаем такой же круг,но в 2 раза меньше и ставим на место головы. Выделяем его и правой клавишей мыши выбираем:

Тоненькой кисточкой намечаем усик и ножку.

Выделяем усик, копируем его и вставляем.Идём во вкладку модификация и далее по скрину:

То же проделываем с ножкой светлячка. Получаем вот такую конструкцию )

Выделяем слой и правой клавишей выбираем:

Преобразуем символ во фрагмент ролика

Дважды щелкаем на мувик и заходим внутрь

Создаем новый слой, рисуем круг жёлтого цвета примерно того же размера, как брюшко у светляка.

Выделяем его и переводим в мувик

Открываем панель свойств и добавляем фильтры.

В фильтрах выбираем свечение: x=55; y=38, размытие: x=18; y=35

Перетаскиваем слой под букашку и при желании корректируем размер жёлтого кружка.

На следующем слое инструментом Карандаш рисуем крылышко с заливкой белого цвета. Задаем прозрачность 60%

Копируем крыло и вставляем. Через вкладку модификация: преобразовать - отразить слева направо. Клавишами со стрелками перемещаем вторе крылышко. Выделяем оба крыла и дальше по скрину:

Встаём на второй кадр этого слоя и нажимаем F6. Инструментом трансформация крылышки опускаем

Не забудьте продлить и другие слои

Проинспектируйте движение крыльев светлячка. Это будет выглядеть как-то так. )

Переходим на основную сцену(монтажный стол) Ставим светлячка по центру в нижней части сцены. В10 кадре ставим F6.

Встаём на первый кадр и далее по скрину:

В 10 кадре немного уменьшаем светлячка

. Выставляем кадры 20, 35, 50, 60, 75 и инструментом трансформация слегка поворачиваем поочерёдно вправо и влево, и немного сдвигая.

На кадре 85 ещё немного уменьшаем светлячка.

И где-то на кадре 110 уменьшаем светлячка в точку.В результате имеем такой полёт.

Экспортируем готовый ролик и применяем по назначению. ) Например загоняем светлячка в банку )

урок отсюдова:http://demiart.ru/forum/index.php?showtopic=130408

анимацию окружающей среды опускаю, ибо сей момент в уроке расписан не корректно.

Успешных полётов! )

Запускаем Flash CS5. Выбираем Файл Action Script 2.0

В панели Свойства назначаем параметры нового документа. Жмём Изменить.

В параметрах вписывем значения ширины и высоты (570*570), а также меняем цвет фона.

Далее нарисуйте прямоугольник произвольных размеров с цветом линий #C2C1C1 и цветом заливки #E0DFE3

Выделите этот прямоугольник и задайте ему ширину 570, а длину 60 и координаты 0 как по оси x, так и по оси Y.

Продублируйте этот прямоугольник. Скопируйте и вставте его на этом же слое.
Второму экземпляру задайте параметры Ш:570, В:420, X:0, Y:85

По отдельности сгруппируйте каждый прямоугольник.То есть, выделяем один из прямоугольников. В шапке проги выбираем вкладку Модификация. Далее - Группировать. То же делаем со вторым прямоугольником.

Переименуйте слой, на котором они расположены в “base” .Создайте новый слой. Дайте ему имя “head”

Скопируйте меньший прямоугольник на слое “base”.

Выделить слой “head” и вставить на место скопированный прямоугольник.

Двойной щелчок по нему для редактирования. Установите цвет заливки. У меня он салатовый A1C90D

Вернуться на основную сцену. Выделите прямоугольник и в панели свойств задайте ему такие параметры Ш:542 В:37

Далее преобразуйте этот прямоугольник в мувиклип.

Точка регистрации – верхний левый угол. Назовем его “head”.

В панели свойств назначим имя экземпляру - “areahead”

Открываем панель выравнивания.

Выделяем мувик “areahead”(слой head) и малый прямоугольник (слой base),зажав клавишу Sift. В панели выравнивания снимаем флажок “выровнять в пределах работы”

.Далее дублируем мувиклип “areahead”(Копировать - вставить).Полученному прямоугольнику задаем такие свойства:Ш:542, И:400, X:14,Y:95

.Выбираем только что измененный прямоугольник и жмем клавишу F8 и преобразуем его в мувиклип. Имя: “body”. Точка регистрации – верхний левый угол

В панели свойств назначаем имя для этого мувиклипа - “areabody”

Теперь вырежьте этот мувиклип.

Создайте новый слой “body”, и в первом кадре нажмите - Вставить на место.
Создайте новый слой “panel”. На нём будут располагаться нужные нам кнопки.

Далее нарисуйте кнопки- стрелочки, которые будут кнопками назад и вперед.
В панели инструментов выбираем Многоугольник, цвет заливки которого соответствует цвету уже отрисованных прямоугольников.

В панели свойств устанавливаем параметры нового инструмента, а именно число сторон - 3.

Рисуем треугольник и редактируем с помощью инструмента Трансформация.

Далее дорабатываем кнопку инструментом Прямоугольник и, с помощью стрелок на клавиатуре подтягиваем обе геометрические фигуры.

Выделяем их и во вкладке Модификация выбираем :Комбинировать объекты - Слияние.

Дублируем кнопку и во вкладке Модификация: Преобразовать - Отразить слева направо.

Стрелками на клавиатуре перемещаем вторую кнопку и устанавливаем, как на скрине.

Преобразовываем обе стрелки в символы Кнопка( клавиша F8 )
В панели свойств укажите кнопкам имена “prev” и “nex” соответствующе:


Рисуем кружочек с помощью инструмента Овал.
Задаем ему параметры: Цвет линий #A1C90D, Заливка: белым

В панели свойств задаём толщину линии обводки - 6

Задаём размер кружочку Ш:22,5; В:22,5.

Теперь жмёте F8 и преобразуем кружочек в кнопку. Имя: krug; Тип: Button; Точка регистрации: Center

.Делаем два дубликата символа “krug” и расположите их так, как указанно на скрине.

Далее создайте текстовые поля рядом с кружочками и введите текст.
В свойствах текста выбрать его цвет и размер.

Воспользуйтесь инструментом Выделение и стрелками на клаве для установки текстов, как на скрине

.Теперь в панели свойств для этих кружков укажем следующие имена
“pogod” – перед надписью «Год», “pomes” – перед надписью «Месяц» и “defaul” – перед надписью «Текущая».



В панели инструментов выбираем Овал.Теперь рисуем маленький кружок, который будет исполнять роль «перемычки». Его рисуем без линии, с черным цветом заливки.

Выставляем кругу такие свойства:Ш:12; В:12

Жмем F8 и преобразуем его в мувиклип с точкой регистрации по центру

В панели свойств указываем имя “flag”

Располагаем мувиклип “flag” над “defau".
Щелкаете Ctrl + F8 . Вписываем имя: ”ob”; Тип: Фрагмент ролика; Нажимаем Дополнительно, отмечаем галочкой Экспорт для Action Script и в поле Identifier указываем “obvod”

В этом мувиклипе нарисуйте прямоугольник без заливки и с обводкой на ваш вкус, со свойствами Ш: 55; В: 45; X: 5; Y: -7

Возвращаемся на стадию. Далее займемся созданием бликов:
Создайте новый слой “bliki” и расположите его поверх остальных слоев

Скройте все слои, кроме “bliki” и “base”

Скопируйте содержимое слоя ”base”и вставте на слой “bliki”
Не снимая выделения, щелкните на Панели выбора цвета линии и нажмите none.
Открываем панель Цвет. Тип заливки выберите Линейный. Создайте 4 ползунка и задайте им белый цвет. .Далее выделите 2-ой ползунок и в окошке Альфа установите 25%, а 3-му 20%:

Получится как то так.

Создайте новый слой “as” и в первом кадре вставить код:

945 просмотров