екомендована література: 1, 2, 3, 4

 

Тема 5. Анімація форми

Навчальні питання.

 

1. Введення

Завдання для роботи: Зробити ролик з анімацієй форми.

Приклад:

Практика:Виберіть інструмент (прямокутник), установите чорні кольори контуру, без заливання. Обов'язково відключите режим малювання об'єктів (кнопка у нижній частині панелі інструментів не повинна бути натиснута). Намалюйте в центрі поля квадрат розміром приблизно 300 на 300.

Практика : Вставте нові ключові кадри в кадри 10, 20 й 30 (клавіша F6). Використовуючи інструмент Selection й Free transform, зміните контури в кадрах 10 й 20 так, як показано на малюнках нижче. Кадр 30 залишіть без змін (він збігається з кадром 1).

 

адр 1,30 кадр 10 кадр 20

 

Практика :Щоб включити анімацію форми для першого переходу, клацніть правою кнопкою миші по кадрі 10 і виберіть із контекстного меню пункт Create Shape Tween (створити анімацію форми). Повторите те ж саме для кадрів 10 й 20.

 

2. Контрольні крапки

3. Оптимізація контуру

4. Кольори й рух

Завдання для роботи: Анімація форми – Коло переходить у квадрат , квадрат переходить у метелика.

Приклад:

Практика :Перейдіть на кадр 1 й установите дві контрольні крапки так, як показано на малюнку 1. Потім перейдіть на кадр 10 і перемістите контрольні крапки в протилежні кути квадрата (малюнок 2).

1 2

Практика :Додайте порожній ключовий кадр у кадр 20 і намалюйте кистю в межах квадрата з напрямний контур метелика синіх кольорів (малюнок 3 нижче).

Практика :Додайте до кадру 10 анімацію форми (перехід квадрата в метелика).

Практика :Перейдіть на кадр 10. Ви повинні побачити дві зелені контрольні крапки в кутах квадрата (від попередньої анімації). Якщо ви їх не бачите, виберіть пункт меню View—Show Shape Hints. Додайте дві контрольних крапки й перетягнете їх на середини сторін квадрата (крапки жовтих кольорів на малюнку 4).

Практика :Перейдіть на кадр 20 і перетягнете контрольні крапки на контур метелика, як показано на малюнку 5. Переглянете ролик - анімація повинна покращитися.

4 5

 

5. Шари

6. Звук

7. Текст

Завдання для роботи - зробити анімацію тексту ІМЕНІ на фоні з градієнтним заливанням.

Приклад: Спочатку з'являється перша буква імені, потім друга букв. З появою другої букви імені перша зникає. Далі з'являється третя буква, друга при цьому зникає. І так далі.

 

8. Слої-маски

Завдання для роботи : Студент робить слайд-шоу з 4 фото, застосовує слої-маски.

Питання для самостійної роботи.

 

  1. Які види автоматичної анімації застосовуються в Adobe Flash CS3.
  2. Що дозволяє робити анімація форми.
  3. Навіщо застосовують контрольні крапки на формі
  4. Які формати звукових файлів дозволяє додавати Adobe Flash CS3.
  5. Які типи тексту пропонує Adobe Flash CS3.
  6. Для чого потрібний Слої-Маска.