Створення покадрової анімації в flash

Назва роботи: Створення покадрової анімації в Flash

Предметна область: Косметологія, дизайн і стилістика

Розмір файлу: 793.5 KB

Роботу скачали: 59 чол.

dobe Flash Томілова Олена Анатоліївна

Лекція 3. Анімація

[0.1] Практична робота № 7

[0.1.1] Створення покадрової анімації

[0.1.2] Тестування анімації

[0.1.3] Формування оптимальної сцени анімації

[0.2] Практична робота №8. Анімація переміщення об'єкта

[0.3]
Практична робота №9. Анімація зміни розміру об'єкта

[1] Деякі особливості анімації

[1.1] Практична робота №11. Створення анімації поступово зникає малюнок

[1.2] Практична робота №12. морфинг

Анімація у Flash заснована на зміні властивостей об'єктів, що використовуються в «мультику». Наприклад, об'єкти можуть зникати чи з'являтися, змінювати своє положення, форму, розмір, колір, ступінь прозорості і т. Д.

У Flash передбачено три різних механізму анімації об'єктів:

Кожен з цих механізмів має як переваги, так і недоліки. Зокрема, tweened-анімація володіє двома незаперечними перевагами:

Разом з тим, tweened-анімація придатна для створення лише найбільш простих сюжетів, в яких властивості об'єктів змінюються рівномірно.

За допомогою сценаріїв на ActionScript можна описати досить складну поведінку об'єктів, однако. Однак для цього потрібно вивчити мову ActionScript.

Іншими словами, перш ніж приступити до створення власного «мультика», слід визначитися з вибором механізму його реалізації.

Якщо в робочій області редагується графічне вміст, то в шкалі часу фактично пишеться сценарій флеш-фільму.

Лінійка - відображає всі кадри по зростаючій. Числом відзначений кожен п'ятий кадр.

Покажчик шкали часу - виконує ту ж функцію, що і інструмент Стрілка в робочій області. Він виділяє кадр, для подальшої з ним роботи.

Щоб виділити конкретний кадр, клацніть по ньому лівою клавішею миші.

Наша анімація складається з послідовності кадрів. Кадр може бути як складеним вручну, так і згенерував Flash. Це відноситься до кадрів одного шару. Так як сцени Flash складаються звичайно з декількох шарів, то підсумкові "багатошарові" кадри, можуть містити, як згенеровані, так і "саморобні" шари.

Ключовий кадр - кадр доступний для обробки. В анімації цей кадр буде відображатися так, як намалює користувач. На часовій шкалі ключовий кадр відображається чорним кружечком, якщо в ньому є зображення, і білим, якщо немає ніякого малюнка.

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

Розкадрування - автоматичний перехід зображення з одного ключового кадру в інший.

Кадр-фантом - порожня клітка на тимчасовій діаграмі, в якій може бути встановлений або ключовий кадр, або звичайний кадр.

За кадрове формування зображення.

Найпростіше формування анімації - це по кадрова зміна малюнка, тобто на кожному кадрі змінюється положення об'єкта, його характеристики, або додаються нові і видаляються старі об'єкти.

Елементарні операції з кадрами:

покадрова анімація # 150; це анімація, повністю складена з ключових кадрів. Тобто ви самі визначаєте, як вміст кадру, так і його "тривалість" (тобто скільки таких статичних кадрів буде займати зображення).

Переваги: ​​Покадровая анімація дає вам, в деякому сенсі, більший контроль над анімацією, і якщо ви досвідчений аніматор, ви можете вигідно нею користуватися. Це єдиний спосіб організувати зміну абсолютно незалежних зображень - слайд шоу (наприклад, створюючи звичайний банер засобами Flash).
І все інше, що випливає з можливості промальовувати кожен кадр вручну.

Недоліки: покадрова анімація складно модифікувати. Особливо, якщо це не дискретний набір зображень, а пов'язана анімація. Доводиться модифікувати всі кадри. На ділі, у досвідчених Flasher-ів, така ситуація практично не зустрічається.
Покадрова анімація займає досить великий обсяг, так як доводиться зберігати інформацію про кожного з них.

Практична робота № 7

Створення покадрової анімації

Розглянемо технологію покадрової анімації на прикладі створення анімованого заголовка "Анімація у Flash".

1. Виберіть Документ Flash.
2. Виберіть інструмент Стрілка і клацніть лівою клавішею миші в першому кадрі шкали часу (Вибір кадру).
3. Виберіть інструмент Текст і задайте параметри його модифікаторів (тип шрифту, розмір, колір та ін.).
4. Клацніть лівою клавішею миші в лівому верхньому кутку сцени, щоб встановити текстову мітку.
5. На клавіатурі наберіть велику літеру А.

1. Для того, щоб в анімації букви в різних кадрах розташовувалися на одній лінії, скористаємося інспектором об'єктів. Для цього виберіть інструмент Стрілка і клацніть лівою клавішею миші на букві А. Щоб оптимізувати площу заголовка, задайте нульові координати в рядках X і Y. Буква А буде розміщена в самій верхній лівій точці основної сцени.

1. Для формування наступного кадру, в якому буде з'являтися нова буква, необхідно виконати наступні дії: Клацніть лівою клавішею миші в наступному порожньому кадрі шкали часу. (Він стане темним).
2. Виберіть Вставити клавіатуру або просто натисніть на клавіатурі клавішу F6. У кадрі шкали часу з'явиться чорна точка.
3. Виберіть інструмент Текст і якщо це необхідно задайте нові параметри його модифікаторів (тип шрифту, розмір, колір та ін.). Для кращого засвоєння технології анімації кадру будемо розглядати приклад без зміни параметрів модифікаторів тексту.
4. Клацніть лівою клавішею миші поруч з попередньою літерою, щоб встановити текстову мітку.
5. На клавіатурі наберіть наступну букву.
6. Виберіть інструмент Стрілка і клацніть лівою клавішею миші на новій букві. За допомогою цього ж інструмента букву, як графічний об'єкт, можна переміщати.
7. Задайте нульову координату в рядку Y. для того, щоб всі букви розташовувалися на одній прямій.
8. Повторюйте 8-13 операції для кожної нової літери в заголовку. Для анімації такого заголовка потрібно 15 кадрів.

тестування анімації

Для того щоб протестувати отриману анімацію.

Формування оптимальної сцени анімації

Перед публікацією в Web обрізаємо все зайве:

1. Виберіть в головному меню Змінити # 150; Документ або на клавіатурі натисніть клавіші Ctrl + J.
2. У вікні Властивості документа натисніть на клавішу Вміст.

В результаті сцена прийме розміри вмісту анімації.

1. Збережіть файл під ім'ям Фамілія_7.fla.

Анімація з побудовою проміжних кадрів

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

При цьому способі анімації Flash автоматично будує проміжні кадри між ключовими кадрами, заданими вами. Це означає, що ви малюєте об'єкт, потім на іншому кадрі робите зміни і просите Flash розрахувати ті кадри, які лежать між цими двома ключовими кадрами. Він виконує цю роботу, і ви отримуєте плавну анімацію.

Швидкість і плавність анімації залежать від кількості кадрів, які ви відводите під рух і швидкості вашого Flash фільму. Швидкість фільму можна змінити тут: Виберіть в головному меню Змінити # 150; Документ або на клавіатурі натисніть клавіші Ctrl + J. У вікні Властивості документа параметр Частота зміни кадру задає кількість кадрів в секунду. Для якісної анімації швидкість повинна бути не менше 25-30 кадрів в секунду.

Плавність і тривалість задається кількістю кадрів, відведених на анімацію (її фрагмент). Наприклад, якщо швидкість вашого фільму - 30 кадрів / сек. і вам потрібно зробити переміщення, скажімо, літачка, з одного кута картинки - в іншій за 2.5 секунди, то на це рух вам потрібно відвести 75 кадрів.

У Flash існує два варіанти побудови проміжних зображень - motion tweening (анімація руху) і shape tweening (побудова анімації на основі зміни форми). Ці способи відрізняються в корені. Перший використовується частіше за все, тому що за допомогою нього можна побудувати переважна більшість анімації. Другий застосовується у випадках, коли потрібно плавну зміну форми.

Практична робота № 8. Анімація переміщення об'єкта

1. У лівому верхньому кутку намалюйте квадрат.
2. Перший кадр шкали часу видозмінився # 150; убрався в блідо-червоний колір, і в ньому з'явилася жирна крапка # 150; ознака того, що кадр став ключовим.
3. Викличете контекстне меню на ключовому кадрі і виберіть Створити анімацію руху.

1. Викличете контекстне меню в кадрі діаграми часу, де вважаєте за краще закінчити анімацію і виберіть команду Вставити ключовий кадр

1. За допомогою інструменту «Засоби Виділення» (V) перемістіть об'єкт в нове положення, але на початку перевірте, що ви перебуваєте в останньому ключовому кадрі.

1. Скасуйте виділення об'єкта, і натисніть Enter # 150; об'єкт почав рухатися.
2. Для уповільнення руху треба перемістити вправо кінцевий ключовий кадр, для прискорення # 150; вліво. Виділіть шар.
3. Натисніть і не відпускайте клавішу Ctrl. Наведіть курсор на ключовий кадр # 150; покажчик перетворився на двонаправлену стрілку.
4. Натисніть кнопку миші і, не відпускаючи її, пересувайте кадр.
5. Збережіть файл під ім'ям Фамілія_8.fla.

Практична робота №9. Анімація зміни розміру об'єкта

1. Створіть новий файл.
2. Намалюйте в центрі кадру окружність.
3. У 1-му ключовому кадрі # 150; створити анімацію руху (проміжне зображення).
4. Виберіть час анімації і команду Вставити ключовий кадр.
5. Змініть розмір об'єкта кінцевого ключового кадру, використовуючи інструмент Вільне перетворення (Q).
6. Протестуйте проект.
7. Збережіть файл під ім'ям Фамілія_9.fla.

Практична робота №10. Анімація зміни кольору об'єкта

1. Створіть новий файл, намалюйте новий об'єкт і застосуєте до нього правила створення анімації руху.
2. Перебуваючи в кінцевому ключовому кадрі виділіть об'єкт інструментом Стрілка (V). В результаті в панелі Властивості висвітиться поле Колір. Вибрати варіант «Тон», з'являться додаткові поля, за допомогою яких можна вибрати колір.

1. Збережіть файл під ім'ям Фамілія_10.fla.

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

Можна задати анімацію, не змінюючи жодного властивості. В результаті об'єкт «замре» протягом зазначеного проміжку часу

Практична робота №11. Створення анімації поступово зникає малюнок

Об'єкт маленький квадрат, розташований в лівому верхньому кутку кадра; анімація включає в себе наступні п'ять кроків:

1. Квадрат збільшується.
2. Квадрат рухається направо строго горизонтально і зупиняється у правій межі кадру.
3. Квадрат рухається у напрямку до лівого нижнього кута, змінюючи свій колір, і зупиняється в точності під своїм збільшеним на 1-му кроці зображенням.
4. Квадрат деякий час стоїть нерухомо.
5. Квадрат повертається у вихідне положення зі зміною розміру до початкового.

Збережіть файл під ім'ям Прізвище _11.fla.

Практична робота №12. морфинг

Морфинг - це трансформація об'єктів. Наприклад з квадрата може вийде коло, а з кола, об'єкт, який захочете.

1. Створіть новий файл.
2. Намалюйте коло.
3. Виділіть ключовий кадр і виберіть на панелі Властивості # 150; Анімація (Твін) # 150; Форма.

1. Виберіть 20 кадр і натисніть F6.
2. Змініть коло, використовуючи інструмент Спецвиделеніе (заливку можна зробити іншого кольору, вийде дуже красиво!).
3. Протестуйте проект.
4. Збережіть файл під ім'ям Прізвище _12.fla.

додати папку шарів

додати направляючий шар (путівник)

За останні п'ять років по Росії число школярів і студентів вживають наркотики зросла більш ніж в 8 разів. Проведений обласним наркологічним диспансером та РІРО опитування учнів шкіл і професійних училищ свідчить про те що більше 17 з них вже пробували наркотики: кожен четвертий юнак і кожна восьма дівчина. Близько 4 підлітків вживають наркотики систематично. Дослідження виявило що перша проби наркотиків сталася в досить молодому віці: в середньому це 1517 років проте є багато і таких які.

Якщо розглянути процентне співвідношення обдарованих і необдарованих дітей то ми отримаємо графік у вигляді дзвону: 22 надобдаровані діти; 135 вище норми; 682 дітей мають середній інтелект; 135 нижче норми; 22 розумово відсталі. Творчих дітей відрізняє живе уяву включення елементів гри у виконання завдань винахідливість багата фантазія нестандартність мислення відмінна пам'ять в поєднанні з раннім мовним розвитком здатність до класифікації Бар'єрами гальмують розкриття творчого потенціалу особистості.