У цьому уроці я хочу розповісти починають вивчати Flash, як можна зробити красиву анімацію форми на прикладі цифр. Урок зроблений в Macromedia Flash 8.
Почнемо з самого головного - анімація форми буде працювати тільки в тому випадку, якщо ви оперуєте графічними об'єктами.
Тобто створивши в потрібних ключових кадрах потрібні, в нашому випадку текстові, об'єкти їх потрібно перетворити в графічні. Тож почнемо.
Створюємо новий документ, вказуємо необхідні параметри (розмір, колір фону, частоту кадрів). У моєму прикладі розмір 200х200, колір фону білий, частота кадрів 12.
Відразу вказуємо, що в першому кадрі буде відбуватися анімація форми: на вкладці Properties, в випадаючому списку Tween, вибираємо анімацію форми - Shape. У першому кадрі за допомогою інструмента Text Tool, кнопка T, ми пишемо цифру 1. Для початку, щоб було простіше, виберіть шрифт без зарубок, Arial, Tahoma, Verdana. Далі переходимо в 30-й кадр, натискаємо F6, тобто створюємо ключовий кадр, і редагуємо нашу цифру 1, міняємо її на цифру 2.
Тут теж є тонкий момент, якщо ви просто видаліть цифру 1 і напишете цифру 2, то ви повинні встановити координати цифри 2 такі ж, як і цифри 1, щоб при анімації створився ефект перетворення цифр однієї в іншу. Якщо ви створюватиме далі цифру 3, 4. 5 і далі, то відповідно координати всіх цифр повинні бути однакові. З написанням цифр закінчили, тепер їх потрібно перетворити в графічні об'єкти.
Виділяємо кожну цифру по черзі і викликавши контекстне меню правою клавішею миші вибираємо пункт Break Apart, можна так само натиснути комбінацію клавіш ctrl + B або вибрати пункт Break Apart з меню Modify, кому як зручніше. Ми перетворили цифри в графічні об'єкти.
Тепер ви можете програти вийшла анімацію за допомогою комбінації клавіш ctrl + Enter або просто простягнувши бігунок по Таймлайн. Але наша анімація не дуже красива, перетворення цифр однієї в іншу кілька «кострубаті». Давайте покращимо ситуацію. Для цього в Flash є Shape Hint - це ключові точки об'єкта використовуються в анімації.
Їх можна вставити викликавши меню Modify - Shape - Add Shape Hint або за допомогою комбінації клавіш ctrl + shift + H. Точки вставляються в вигляді маленьких кружечків червоного кольору з літерами в центрі. Називаються вони за алфавітом: a, b, c. d і т.д. Вставляються вони за умовчанням в центр об'єкта. Чим більше точок ви встановите, тим більш плавна анімація у вас вийде. Натиснувши на точку праву кнопку миші можна додати нову точку - Add Hint, видалити зайву точку - Remove Hint і видалити всі точки - Remove All Hint.
Якщо ви зараз перейдете на другий ключовий кадр з цифрою 2, то побачите точно такі ж точки червоного кольору з тими ж буквами в центрі.
Тепер нам потрібно їх встановити. Я пропоную свій варіант, але ви можете зробити й інакше, тому що кінцевих рекомендацій немає, ви виставляєте їх погодившись з власним сприйняттям і смаком.
Сенс точок такої: ви встановлюєте точку a в якому то місці першого об'єкта, переходите до другого об'єкт і так само виставляєте точку a в потрібному місці. При анімації ці точки «перетечуть» одна в іншу. Якщо все зроблено правильно, то точка на першому об'єкті стане жовтою, а на другому зеленої. На скрині показано розміщення на мою думку. Ту ж операцію проробляємо для 2-го, 3-го об'єкта і т.д. Точок буде багато, акуратно, не заплутатися.
Власне якщо все зроблено правильно, то програємо отриману анімацію за допомогою клавіш ctrl + Enter або просто простягнувши бігунок по Таймлайн і насолоджуємося результатом. Застосовувати можна де і як завгодно, тільки пам'ятайте - працює тільки з графічними об'єктами. Исходник і результірущій swf-файл додаються.
Якщо ви є професіоналом у flash, flex, air, actionscrip 3.0, анімації або інших RIA (Rich Internet Application), тоді ми пропонуємо вам грошове співпрацю.
Карта призначена для того, щоб ви іноді могли подивитися масштаби спільноти флешер! Нас багато. Ми по всьому світу. Ви бачите себе? Приєднуйтесь до постійно зростаючого, креативному спільноті flasher'ов по всьому світу! Робіть інтернет інтерактивним і цікавим! І заробляйте цим гроші, звичайно!
Якщо Вам сподобався цей проект. і Ви точно впевнені, що він буде цікавий Вашим друзям, передплатникам, відвідувачам сайту і т.д. то ми хочемо запропонувати Вам реальну можливість заробити.
Якщо Ви зацікавлені, то Вам потрібно пройти за цим посиланням і зареєструватися в партнерській програмі. Після цього Ви повинні просто рекомендувати наш сайт за власною унікальною посиланням і якщо людина, що зайшов по Вашому посиланню, придбає наш курс по flash. то ви отримаєте від 20% до 25% комісійних.
Рекомендуючи хорошу річ, Ви заробляєте гроші. Пропонуємо Вам спробувати!