Анімуємо рух м’яча

Анімація об'єкта - найпростіша дія, яку можна виконати за допомогою Flash. Анімація руху м'яча обрана як приклад тільки тому, що на неї ми посилалися у роботі "Анімуємо кулю" розділу Photoshop.

Створюємо новий Flash документ, перейменовуємо шар "ball", клацнувши по ньому правою кнопкою. На панелі інструментів вибираємо інструментOval Tool, утримуючи клавішу Shift (для того, щоб вийшло коло), помітивши 1-й кадр малюємо коло зверху аркуша. Заливаємо коло синьо-білим радіальним градієнтом, так щоб збоку вийшов відблиск.

Приступаємо до анімації. На 20-му кадрі Timeline тиснемо F6, всі кадри до десятого забарвляться в сірий колір, а 20-й стане ключовим. Клацаємо правою кнопкою на будь-якому між 1-м та 20-м кадрами, і в спадному контекстному меню вибираємо опціюCreate Motion Tween(Створити рух). Колір поля зміниться на світло-фіолетовий. На ньому з'явиться чорна стрілка, що з'єднує початковий та кінцевий кадри. Виділяємо м'яч у 20 кадрі і встановлюємо в панелі Properties або Info значення координатиxтаким, щоб м'яч опустився вниз.

Робимо ключовим 40 кадр. Клацаємо правою кнопкою на сірій області лінійки за будь-яким, між першим і останнім, кадром &CtCreate Motion Tween. Виділяємо м'яч у цьому кадрі та встановлюємо в панелі Properties або Info значення координатиxтаким, щоб м'яч піднявся вгору, але зупинився нижче, ніж у 1 кадрі.

Робимо ключовим 60-й кадр Create Motion Tween. Виділяємо м'яч у цьому кадрі та опускаємо м'яч на нижню позначку.

Якщо натиснути клавішу Enter, можна побачити результати роботи. М'яч опускається зверху, ударяється об не видиму поки що поверхню і підстрибує знову вгору.

Вдаряючись об землю м'яч, згідно із законами фізики, має трохистискатися. Покажемо цей стиск. Робимо ключовими кадри 18 і 24, потім у 20-му кадрі виділимо м'яч і стиснемо його трохи по вертикалі знизуModify Transform & Free transform. Робимо ключовими 58-й та 61-й кадри та 60-й так само стискаємо знизу.

Дійшла черга до поступального руху. Робимо ключовим 100 кадр, переносимо кулю по осі x вправо за кордон листа. Створюємо анімацію руху Tween, помічаємо 61 кадр і в панелі Properties в поліRotateзмінюємо значення Auto наCW. Щоб котячись, м'яч повертався навколо своєї осі, там же в полі пишемо2або будь-яку іншу розумну цифру.

Робимо видиму лінію "землі". Створюємо новий шар, правою кнопкою по існуючому шару <Insert Layer, даємо йому ім'я "line". Робимо 1-й та 100-й кадри ключовими. Проводимо горизонтальну лінію – лінію землі так, щоб вона теж виходила за правий кордон сцени. Розташовуємо лінію по осі y так, щоб куля торкалася її у своїй нижній точці і котилася по ній.

Подивитися готову анімацію можна різними способами: прямо всередині Flash, в іншому вікні або браузері. Щоб зберегти кліп йдемо в меню File >Save (Файл ≫Зберегти) і вводимо ім'я для файлу.