Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

12 ноября 2008 - Валецкий Станислав

Данным уроком мы открываем цикл уроков по простому освоению Adobe flash CS3. Первый урок достаточно простой. Нарисуем мяч и заставим его прыгать. 

1.     Создадим новый документ. Переименуем слой на на панели timeline. Для этого используем двойной клик мишей на названии «слой1» и назовем слой «мяч».

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

2.     На первом шаге нарисуем контур мяча. Установим цвет контура черный. Рисовать будем инструментом «oval tool (Овал)».

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

 Для того чтобы получилась правильная окружность рисовать будем удерживая клавишу shift.

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

3.     Теперь нарисуем ячейки мяча.для этого воспользуемся инструментом «polystar tool(Многоугольник)».

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

Вызовем параметры и установим количество сторон многоугольника 6.

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

4.      Рисуем первую секцию, удерживая клавишу shift.

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

5.     Теперь выбираем инструмент «selection tool(выделение)» и двойным кликом выделяем контур нашего многоугольника. Копируем в буфер Ctrl+C и вставляем Ctrl+V. Размножаем многоуголники на весь мяч.

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

6.     Теперь необходимо убрать лишние участки на нашем мяче. Для єтого воспользуемся инструментом «selection tool(выделение)» выделяем каждый контур выходящий за рамки нашего мяча и нажимаем клавишу «del». В результате получим следующее изображение:

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

7.     Теперь необходимо часть секций закрасить черным цветом. Для это воспользкемся инструментом «Paint Bucket Tool (Ведро краски)». Выберем цвет заливки черный и зальем необходимые секции.

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

8.      Получаем наш мяч.

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

9.     Теперь нам необходимо заставить наш мяч двигаться. Для этого опустим наш мяч вниз нашего изображения, т.к называемой сцены. Воспользуемся инструментом «selection tool(выделение) для выделения всех составляющих мяча. И опустим вниз.

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

10. Теперь перейдем к панели timeline. Выделим квадратик напротив слоя «мяч» на 10-м кадре.

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

11.  Создадим фреймы нажав клавишу «F5». Область с 1го по 10й кадр закраситься в серый цвет. Дальше на 10м кадре нажимаем правую кнопку мши и в выпадающем меню выбираем команду «Create Motion Tween (Создать анимацию движения)» и находясь в той же  10й ячейке нажимаем клавишу «F6» для создания ключового кадра. Если все сделали правильно от 1го к 10му кадру будет нарисована стрілка.

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

12.  Продолжаем выполнять действия в 10м кадре.  Перенесем наш мяч наверх сцены.

Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

13. Для возвращения мяча вниз создаем еще один кадр. Становимся в 18-ый кадр и нажимаем клавишу «F6» создать ключевой кадр и опускаем наш мяч вниз сцены.

14. Мяч готов к движению. Если нажать Ctrl+Enter. Вы увидите движения мяча.

15.  Осталось добавить замедление движения мяча по краям и небольшое вращение. Для этого на каждом ключевом кадре (1, 10,18) установим следующие свойства:

 Урок Adobe Flash CS3 №1. Рисуем анимированный мяч.

16.  Все ролик готов. Полученный ролик можно экспортировать.

 

 

В следующем уроке рассмотрим как сделать движение объекта по определенной траектории.

 

Валецкий Станислав

 

Похожие статьи:

Adobe photoshop CS3Урок Adobe Photoshop №3 . Склеивание фотографий или создание мини коллажа.

Adobe photoshop CS3Урок Adobe Photoshop №5. Делаем осенний коллаж.

Adobe photoshop CS3Урок Adobe Photoshop №4. Размываем задний фон.

Рейтинг: +2 Голосов: 2 5927 просмотров
GT MK # 17 октября 2009 в 17:09 0
Почему то у меня не получился эффект с кубиками... может подробней опишете как предать мячу футбольный вид? ))) у меня кубики получились поверх круга.... Но в целом идея получилась ))))) Спасибо большое!!!
Валецкий Станислав # 17 октября 2009 в 19:54 +1
Кубики, которые вылазят за края круга необходимо очистить инструментом «selection tool(выделение)» кажую линию отдельно.
GT MK # 18 октября 2009 в 09:22 0
Станислав, а не могли бы вы описать первоначальную страничку программы:
OPEN a RESENT ITEM - CREATE NEW - CREATE from TEMPLATE?
А то не понятно что к чему... Например, что вы выбираете создавая тот или иной эффект...
Заранее благодарю!  v
Валецкий Станислав # 19 октября 2009 в 20:16 0
Открыть последний - создать новый - создать по шаблону

Если это не продолжение какого-либо проекта. то я создаю новый пустой проект и с ним работаю.

← Назад