Анімація прапора, український прапор анімація у flash

У цьому уроці ви навчитеся робити просту анімацію прапора у флеш. Треба зауважити, що таким способом можна анімувати прапор тільки однотонний або з розташуванням ліній на прапорі по горизонталі, щоб не було видно стрибків у анімації.

Для цього уроку я використовував програму Macromedia Flash 8.

1 Створюємо новий документ з потрібними параметрами.

2 Вибираємо інструмент "Rectangle Tool (R)", скасовуємо його обведення, я буду малювати український прапор, з цього я вибрав спочатку білу, потім синию і червону заливку і помістив три намальованих прямокутника рівно один під одним, для зручності можна відкрити екранну лінійку " View -> Rulers "і підкласти під шар з прапором іншої шар з фоном темніше білого, щоб біла смуга на прапорі не злив з фоном.

Анімація прапора, український прапор анімація у flash

3 Вибираємо інструмент "Selection Tool (V)", натискаємо їм за областю намальованого прямокутника, щоб зняти всі виділення з нього. Тепер наводимо цим інструментом на верхню межу кожної смуги, поки не з'явиться дуга у покажчика мишки і спотворює кожну смугу прапора, переміщаючи її вниз.

Анімація прапора, український прапор анімація у flash

4 Кількома за назвою шару з прапором, щоб вибрати весь прапор, і коли він обраний конвертуємо його в "Movie Clip", називаючи його "flag_mc".

Анімація прапора, український прапор анімація у flash

5 Коли ми перетворили наш прапор в мувик видаляємо його зі сцени, натискаючи кнопку "Delete", поки він обраний. "Movie Clip" все одно залишиться в бібліотеці

6 Тепер знову малюємо поспіль три прямокутника (білий, синій, червоний) таких же розмірів (розміри можна коригувати в панелі "Properties"), що і в першому випадку, тільки тепер згинаємо їх у протилежну сторону, т. Е. Вгору.

Анімація прапора, український прапор анімація у flash

7 Знову натискаємо за назвою шару з прапором, щоб вибрати весь прапор і знову перетворимо його в мувик, називаючи його "flag2_mc".

Анімація прапора, український прапор анімація у flash

8 Перетаскуємо з бібліотеки попередній мувик прапора "flag_mc", який ми видаляли, ставимо його впритул до вувіку "flag_mc", щоб не було видно переходячи в горизонтальних лініях.

Анімація прапора, український прапор анімація у flash

9 Кількома за назвою шару, де мувік прапорів, щоб вибрати відразу два мувіка і натискаємо комбінацію кнопок "Ctrl + C", щоб скопіювати їх, потім натискаємо комбінацію кнопок "Ctrl + Shift + V", щоб вставити скопійовані прапори і переміщаємо їх впритул один до друга.

10 Знову натискаємо за назвою шару, щоб вибрати всі мувік прапорів, потім натискаємо комбінацію кнопок "Ctrl + G", щоб згрупувати всі мувік прапорів в один.

11 Тепер нам треба виставити наш згрупований прапор на (як-би круглі позиції), т. К. У мене розмір сцени 500х400 пікселів, я виставляю згрупований прапор допустимо на 150 пікселів по осі "Х" і на 150 пікселів по осі "У" .

Анімація прапора, український прапор анімація у flash

12 Створюємо ключовий кадр на 60 кадрі на шкалі часу і т. К. Один мувик прапора у мене шириною 180 пікселів, треба перемістити згрупований прапор на 2 прапора вліво, т. Е. На 360 пікселів, тому на осі "Х" виставляємо згрупований прапор на позицію -210 пікселів, а на осі "У" залишаємо прапор на позиції 150 пікселів.

Анімація прапора, український прапор анімація у flash

13 Тепер створюємо анімацію руху між 1 і 60 кадрами, клікаючи правою кнопкою по сірій області з часовою шкалою між 1 і 60 кадрами і зі списку вибираємо "Create Motion Tween". Тепер можна протестувати наш прапор "Control -> Test Movie" і якщо ми все виставили на потрібні позиції анімація буде програватися без стрибків.

14 Останнє, що потрібно зробити, це залишити тільки невелику ділянку видимості прапора, щоб вийшов повноцінний анімований прапор, для цього створюємо новий шар, вибираємо інструмент "Rectangle Tool (R)", скасовуємо його обведення, встановлюємо будь-який колір заливки і малюємо їм прямокутник над згрупованим прапором, де хочемо бачити кінцевий прапор.

Анімація прапора, український прапор анімація у flash

15 Кількома правою кнопкою по останньому шару і зі списку вибираємо "Mask", щоб зробити з цього шару маску.

На цьому урок закінчений, можна протестувати нашу анімацію українського прапора "Control -> Test Movie".

Схожі статті