Лабораторна робота №6

Тема роботи: Створення кліпів, кнопок і звуків.

Мета роботи: Вивчити основи техніки і методи створення кліпів і маніпулювання ними. Навчитися створювати графічні символи – кнопки і встановлювати дії над ними. Розглянути імпорт звуку і вставку його безпосередньо в ролик.

Порядок виконання роботи

Завдання 1: Створіть зображення природи, в небі летить один птах, із землі вгору піднімаються повітряні кульки.

Створення зображення природи

Роботу над проектом почнемо з створення зображення рівнини.

1.1. Створіть новий документ, вибравши команду New меню File.

1.2. Виберіть команду Document меню Modify. Коли відкриється діалогове вікно Document Properties (Властивості документа), встановіть в поле Width значення ширини 500 і в поле Height значення висоти 400.

1.3. Для фону документа виберіть світло-блакитний колір. Щоб закрити діалогове вікно Document Properties, клацніть на кнопці ОК.

1.4. Намалюйте рівнину. За допомогою інструмента Arrow вирівняйте зображення рівнини таким чином, щоб вийшли пагорби.

1.5. Оскільки в даному фільмі буде використано кілька шарів, необхідно присвоїти кожному з них унікальне ім'я. Клацніть два рази мишею на єдиному поки значку шару і введіть ім'я «Природа».

Створення зображення птаха

На даному етапі в єдиному поки ключовому кадрі ви створили зображення природи. Тепер потрібно створити зображення птаха.

1.6. Виберіть команду New Symbol меню Insert.

1.7. У діалоговому вікні Create New Symbol встановіть перемикач типу символу в положення Movie Clip, в поле Name вкажіть ім'я «птах» і натисніть кнопку 0К.

1.8. Після перемикання в режим редагування символу намалюйте птаха.

1.9. На даному етапі необхідно створити анімацію, в якій зображення птаха буде переміщатися горизонтально від правого краю сцени до лівого.

1.10. Збережіть вашу роботу у своїй папці під ім'ям «ЛР6,1».

Завдання 2: Створіть дві кнопки Play і Stop. (Використовуємо Action Script2.0)

2.1. Відкриємо збережену анімацію з попередньго завдання.

2.2. Створимо новий шар і привласнимо йому ім'я Button.

2.3. Перейдемо на шар Button і за допомогою інструменту овал створимо новий символ рожевої кнопки. За допомогою інструмента Selection Tools виділимо його, правою кнопкою миші викличемо контекстне меню, в якому виберемо команду Convert tо Symbol - конвертувати в символ.

2.4. У вікні Convert tо Symbol встановимо режим кнопки. Назвемо наш символ Button, і після присвоєння імені, натиснемо на кнопку ОК. Двічі клацнемо на нашому новому символі, для того щоб перейти в режим редагування новоствореної кнопки.

2.5. Оскільки в символ була перетворена вже існуюча форма, зміст в кадрі 1, відповідне станом Uр, з'явиться автоматично. При необхідності будь-яку частину форми можна модифікувати.

2.6. Тепер натисніть на кнопку F6, або натисніть ПКМ на стані Over і виберіть Insert Keyframe, щоб вставити ключовий кадр. У ключовий кадр стану Over були перенесені всі атрибути з попереднього кадру. Відредагуємо нашу кнопку, щоб вона трохи відрізнялася від положення Uр, змінивши їй колір на помаранчевий.

2.7. Тепер додамо ще один ключовий кадр, щоб перейти в стан Down. Вся інформація, що міститься в кадрі Over, переходить в кадр Down. На даному етапі змінимо колір кнопки на жовтий.

2.8. Все це робиться тільки заради наочності. І додаємо ще один ключовий кадр за допомогою кнопки F6, для стану Hit. І міняємо колір на блакитний.

2 .9. Тепер повернемося до основної часової шкали і за допомогою меню Window виберемо пункт Library. Відкриємо нашу бібліотеку і переглянемо наш символ Button. Видалимо, створений символ овал з робочого поля, щоб він нам не заважав, і перетягнемо з бібліотеки нашу новостворену кнопку два рази. Таким чином, ми перенесли дві кнопки, тобто перенесли два різних примірники однієї і тієї ж кнопки.

2.10. Напишемо над першою кнопкою Play. А над другою кнопкою напишемо Stop.

2.11. Тепер виділимо кнопку під ім'ям Play і в меню Window в виберемо панель Behaviors - режим. На екрані з'явиться панель режимів.

2.12. На панелі режимів, клацнемо на піктограмі з зображенням плюса, і виберемо певний режим, щоб додати кнопці Play деяку дію. В даному випадку виберемо Movieclip - Мультиплікаційний кліп і в ньому виберемо підпункт Goto and Play at frame or label-перейти до кадру або мітки і програти.

2.13. В результаті з'явиться діалогове вікно. Тут можна вказати номер кадру мультиплікаційного кліпу, до якого можна перейти і почати програвання. Залишимо все без зміни і натиснемо ОК.

2.14. При перевірці сценарію, відтворення мультфільму почнеться автоматично. Крім того, за замовчуванням всі мультфільми Flash програються циклічно. Отже, щоб програвання мультфільму могла запустити саме кнопка Play, необхідно внести деякі виправлення.

2.15. Виділимо перший кадр на будь-якому шарі і виберемо в меню Window команду Actions. Введемо в панель Actions дію, яка автоматично зупинить кадр - [stop ();].

2.16. Тепер мультфільм можна перевірити. При натисканні на кнопку Play мультфільм починає програватися. Проте мультфільм припиняє своє програвання, коли доходить до кінця. Справа в тому, що програваюча головка зациклена. Зациклення означає, що, коли програваюча головка досягає кінця мультфільму, вона повертається до першого кадру. В даному випадку перший кадр містить дію Stop, яка зупиняє мультфільм. Отже, необхідна дія, яка б вирішила цю проблему.

2.17. Дію Stop з першого кадру видалити не можна, оскільки вона запобігає автоматично запускати мультфільм. Давайте перейдемо на робоче поле. Виділимо останній кадр мультфільму, викличемо панель Actions, те ж саме можна зробити за допомогою клавіші F9 і введемо наступне [GotoAndPlay (2);]. Це усуне проблему, оскільки, дійшовши до останнього кадру, програюча головка, відповідно до сценарію перейде відразу до другого кадру. Ось що означає ця двійка, вона поверне перший кадр, що містить дію Stop.

2.18. Тепер залишилося додати функціональні можливості кнопки Stop. Виділіть кнопкy Stop і в меню Window виберемо панель Behaviors - режим. В результаті на екрані з'явиться панель режимів. На панелі режимів, клацнемо на піктограмі з зображенням плюса, і виберемо певний режим, щоб додати кнопці Stop деяку дію. В даному випадку виберемо Movieclip - мультиплікаційний кліп і в ньому виберемо підпункт Goto and Stop at frame or label-перейти до кадру або мітки і зупинити.

2.19. А потім все залишаємо за замовчуванням, натискаємо кнопку ОК. Закриємо дану панель і тепер перевіримо наш мультфільм.

2.20. Збережіть вашу роботу у своїй папці під ім'ям «ЛР6,2».

Завдання 3: Супроводьте звуком наявний ролик з анімацією.

3.1. Відкрийте ролик з лабораторної роботи № 6-1.

3.2. Відкрийте меню «File», виберіть підменю «Import» і в ньому виберіть команду «Import to Library» («Імпорт в бібліотеку»).

3.3. Виділіть потрібний звуковий файл і натисніть кнопку «Відкрити».

3.4. Файл буде імпортовано до бібліотеки. тепер давайте помістимо цей звук в наш ролик.

3.5. Для цього створіть окремий пустий шар «Sound», на якому розміщуватиметься тільки звук. Клацніть на 13 кадрі порожнього шару і створіть ключовий кадр, з нього має початися програвання звуку.

3.6. Виділіть цей ключовий кадр.

3.7. Тепер можна перетягнути значок звукового символу з

бібліотеки на монтажний стіл.

3.8. На часовій шкалі, в поточному шарі з'явився спектр доданого нами звуку.

3.9. Звук почне програватися, коли ролик дійде до кадру з звуком.

3.10. Збережіть вашу роботу у своїй папці під ім'ям «ЛР6.3».