Всіх вітаю!
Отже, на прохання пишу урок про простої анімації під флеш. Починаємо, як то кажуть, з малого. Потім обіцяю додати ще (по pop-up, якщо так і не напишуть).
Відкриваємо Flash MX.
Перед нами - наша робоча сцена, меню, панель інструментів ітд. Внизу є таке ось віконце: Properties (Властивості). Там основні настройки вашого мульта (рис.1).
Нас там цікавить FRAME RATE - швидкість прокрутки вашого мульта. Інакше 12 fps означає, що за одну секунду програватиметься 12 кадрів (frame) вашого мульта. Ця швидкість стандартна і, в принципі, те, що треба. Якщо вам треба уповільнити ваш мульт - зменшуєте, треба зробити швидше - збільшуєте цю цифру.
Тепер перейдемо до самої анімації.
У флеш є два основних способи: shape tweening і motion tweening.
Розглянемо перший. Shape - (англ.) Форма. Ви вже розумієте, що тут мова піде саме про зміну форми. Створюємо якусь форму, наприклад синій квадрат. Вгорі, в рядку часу (timeline) у нас на першому кадрі з'явиться кружечок на сірому тлі - ми створили ключовий кадр (keyframe). Тепер створимо такий же кадр в 10-м кадрі. Це можна зробити двома способами: наводимо мишку на 10 кадр, робимо клік (кадр стає синім) і в меню послідовно вибираємо: Insert-> keyframe; інакше можна: наводимо на 10 кадр, натискаємо, натискаємо F6. У рядку часу все 10 кадрів сірі. Червона лінія показує на якому саме кадрі ми знаходимося. (Рис.2)
Переходимо в 10 кадр. Виділяємо наш квадратик (мишкою або натисканням ctrl + A, - це сполучення клавіш виділяє все, що у нас знаходиться в робочій області). Переміщаємо наш квадрат куди-небудь в сторону (прослідкуйте, що ви в 10-м кадрі!) І міняємо колір на, наприклад жовтий. Тепер переходимо назад в перший кадр. У рядку Properties є вибір Tween, де за замовчуванням стоїть атрибут "none". Тобто ніякої анімації. Змінюємо його на "shape". У рядку часу наші кадри набувають салатовий колір зі стрілочкою. Коли все зроблено натискаємо "enter". КРАСА! Квадратик рухається, та ще й колір змінює! Знову переходимо в 10 кадр. Виділяємо всі (ctrl + A). І натискаємо клавішу delete (тобто видаляємо). На місці квадратика малюємо какой-нить червоненькі кружечок. Знову переходимо в перший кадр і натискаємо enter. Квадрат тепер стає кружком і червоним. Ви вже зрозуміли, що вам не треба промальовувати кожен кадр - це за вас зробить flash! Хоча якщо вам потрібна особлива точність, або щось - можете промальовувати. тоді файл виросте в розмірах. Якщо вам потрібен більш плавний перехід від квадратика до того ж, наприклад, кухоль - зробіть цей процес не на 10, а, скажімо, на 25 кадрів. Якщо вам потрібно більше хитромудрі руху і переміщення - для цього існують шари-маски, але про них як-небудь наступного разу. Малюнок 3 показує, як на лінії часу виглядає ваша анімація. Тепер ви вмієте малювати найпростіший мувик зі зміною форми!
Тепер розглянемо другий спосіб завдання анімація: motion tweening (переклад щось типу: побудови проміжної анімації руху). Тут буде трішки складніше. Знову відкриваємо новий файл флеша.
Чим відрізняються shape і motion? Тим, що в другому випадку ми будемо працювати не над формами, а над готовими об'єктами, тобто символами. Символ - це так би мовити, найпростіша одиниця анімації під флеш. Це найбільш поширений спосіб малювання. Повторюємо все знову - в першому кадрі малюємо синенький квадратик. виділяємо його і натискаємо F8 (або виконуємо послідовно: Insert-> convert to symbol). Перед нами з'являється діалогове вікно (рис. 4).
Що ж це таке? У флеш є три типи символів: мувик (moovie clip) - це якась додаткова анімація всередині символу. тобто, цей символ містить в собі якусь анімацію і т.д. має точно такий рядок часу, як і основна сцена; кнопка (button) - елемент, який реагує на натискання, присутність мишки над ним ітд. Коротше, кнопка і є; і третій елемент, самий статичний - graphic. Тобто просто графіка, якесь зображення. Ми будемо працювати з останнім. Якось його називаємо, натискаємо "ОК". На квадратику з'являється кружечок - інакше, центр нашого символу (центр теж можна задати в тому діалоговому вікні). Всі наші символи заносяться в бібліотеку. Звідти ми їх можемо редагувати, вставляти куди треба і куди не треба, видаляти, додавати. Щоб подивитися на свою бібліотеку натисніть F11 або виконайте дії: Window -> Library. У 10-му кадрі створимо ключовий кадр (F6). Тепер можемо перемістити кудись наш квадрат. Потім зробимо його невидимим: для цього виділимо його в 10-м кадрі. На панелі propperties в розділі color задамо alpha (прозорість). Поставимо йому атрибут у відсотках: 0. Повернемося на 1-й кадр. Виконаємо всі ті ж дії, що і для shape tweening, тільки замість shape відзначимо motion. Кадри в тимчасовій рядку стануть фіолетовими і через них перетинаються стрілочка, як це показано на рис. 5. Натиснемо enter.
У нас вийде ефект "квадрат летить в порожнечу". Вітаю! Ви знаєте, як робити примітивну графіком у флеш!
Ще одна важлива особливість - на кожну анімацію у нас повинен бути виділений окремий шар (Layer). Якщо вам треба додати ще один шар за допомогою команди: Insert-> Layer.
І зовсім трохи про рядку часу.
Як ви вже зрозуміли - салатовое зі стрілочкою - shape tweening, фіолетове зі стрілочкою - motion tweening. Салатове або фіолетове з лініями - ви задали анімацію, але цю анімацію створити неможливо, - ви зробили щось не правильно. Сірий колір - все кадри з такою закраской є точною копією попереднього ключового кадру (keyframe). Біле забарвлення лінії означає, що в цих кадрах нічого немає. Чорний кружечок - ключовий кадр. Білий кружечок - порожній ключовий кадр (blank keyframe). Ну, ніби все. (Рис. 6)