Створюйте анімацію по контуру за допомогою напрямків руху Flash CS5 і прив’язки

Анімації руху, які ви створюєте в Adobe Flash Creative Suite 5, включають просту анімацію з одного місця в інше. Однак для деяких підлітків Flash CS5 вам захочеться, щоб ваш символ рухався більш складним шляхом, наприклад, гоночний автомобіль, який рухається по трасі. У цих випадках ви можете надати вашому твіну певний шлях, яким слід рухатися, створивши власний шлях руху.

Використовуйте напрямні руху у Flash CS5

Направляючі руху особливо корисні, коли ви працюєте з фігурою, яка має очевидну орієнтацію (або напрямок, наприклад ніс автомобіля чи літака). З цієї причини обов’язково використовуйте символ з очевидною орієнтацією (наприклад, трикутник) як об’єкт tween на цих кроках:

Створіть новий Flash-документ і створіть цікаву графіку на сцені.

Використовуючи інструмент «Виділення», виділіть створені вами графіки та натисніть клавішу швидкого доступу F8, щоб перетворити графіку на символ.

Коли з’явиться діалогове вікно «Перетворити на символ», виберіть «Графіка» зі спадного списку «Тип» і введіть назву символу в текстовому полі «Ім’я».

Створіть ще один новий шар на часовій шкалі, виберіть інструмент «Олівець» на панелі «Інструменти» та виберіть колір обведення в інспекторі властивостей праворуч.

Переконайтеся, що режим малювання об’єкта вимкнено. Ця кнопка з’являється внизу панелі інструментів, коли вибрано інструмент «Олівець».

Намалюйте контур на сцені інструментом «Олівець».

Jambone Creativ”/>

Авторство: логотип та ілюстрація надано Jambone Creative .

Перейдіть до інструмента «Виділення» та двічі клацніть на щойно створеному шляху.

Виберіть «Редагувати→Вирізати», щоб тимчасово видалити контур зі сцени.

Клацніть правою кнопкою миші (Windows) або клацніть, утримуючи клавішу Control (Mac) кадр 1 шару, який містить ваш символ, і виберіть «Створити анімацію руху» у контекстному меню, що з’явиться.

Для вашого символу трикутника створюється новий інтервал.

Виберіть «Редагувати»→ «Вставити на місце», щоб вставити створений раніше шлях.

Flash автоматично перетворює шлях у траєкторію руху, і ваш символ прив’язується до шляху.

Jambone Creativ”/>

Авторство: логотип та ілюстрація надано Jambone Creative .

Натисніть Enter або Return, щоб відтворити свій фільм.

Символ слідує створеному вами шляху. Далі ви можете налаштувати твін так, щоб символ відповідав точній орієнтації шляху.

Виберіть кадр 1 вашого інтервалу твін; в інспекторі властивостей знайдіть і встановіть прапорець «Орієнтувати на контур» (вона знаходиться під параметрами обертання).

Натисніть Enter або Return ще раз, щоб відтворити свій фільм, і ви побачите, що символ змінює обертання відповідно до напрямку шляху.

Початок символу з правої ноги часто допомагає досягти кращих результатів при використанні Orient to Path. Якщо орієнтація символу не така, як ви очікуєте, спробуйте повернути символ у правильному напрямку як на початку, так і в кінцевому фреймі інтервалу.

Остерігайтеся шляхів, які перетинаються – результати можуть бути не такими, як ви очікуєте.

Використовуйте прив’язку для вирівнювання об’єктів у Flash CS5

Прив’язка корисна для рівномірного вирівнювання об’єктів, для розміщення ілюстрації на напрямній лінійки і особливо для розміщення символу на початку або в кінці шляху напрямної руху.

Ви можете знайти параметри прив’язки, вибравши «Перегляд»→ «Прив’язка», а ви можете точно налаштувати поведінку прив’язки, вибравши «Перегляд» → «Прив’язка» → «Редагувати прив’язку».

Виберіть «Перегляд» → «Прив’язка» → «Прив’язка до сітки» під час роботи з сіткою або «Перегляд» → «Прив’язка» → «Прив’язка до пікселів», щоб переконатися, що об’єкти розташовуються до найближчого цілого пікселя на сцені.