Створення ролика в Flesh

 

 

ЗМІСТ

 

 

ВСТУП

Серед розробників Web-публікацій найбільшою популярністю користується Adobe Flash, оскільки саме цей продукт дозволяє створювати закінчені Web-сторінки, які здатні забезпечити популярність будь-якому сайту. Мабуть, завдяки цьому формат SWF все частіше стали називати просто Flash. Складовими Flash-технології є: векторна графіка; підтримка декількох видів анімації; можливість створення інтерактивних елементів інтерфейсу; підтримка взаємодії з графічними форматами, що імпортуються (зокрема растровими); можливість включення синхронного звукового супроводу; забезпечення експорту Flash-фільмів у формат HTML, а також в будь-який з графічних форматів, використовуваних в Інтернеті; базисна незалежність; можливість перегляду Flash-фільмів як в автономному режимі, так і за допомогою Web-браузера; наявність інструментів візуальної розробки, що позбавляють творця Flash-фільмів від багатьох рутинних операцій, а також від детального вивчення технічних аспектів реалізації Flash-технології.

Анімація в Flash заснована на зміні властивостей об’єктів. У Flash передбачено три різні механізми анімації об’єктів:

• покадрова («класична») анімація.
• автоматична анімація (так звана tweened-анімація).
• анімація на основі Монтажного кадру.

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

 

1. СТВОРЕННЯ АНІМОВАНОГО ФІЛЬМУ ЗАСОБАМИ ADOBE FLASH

1. Adobe Flash CS 6

Спочатку програма називалася Splash Animator і продавалася маловідомою фірмою Future Animation для виготовлення мультфільмів на комп’ютері. Призначалася для художників – аніматорів і мала обмежений успіх, поки у зв'язку з бумом на WWW, такий гігант, як фірма Macromedia, не звернула на неї увагу, купивши й перейменувавши в Flash. Розробники Flash поміняли інтерфейс програми для полегшення й автоматизації розробки проекту. Причому мультимедійний гігант не тільки перемінив назву й інтерфейс, але й переорієнтував пакет на ринок Web-анімації, при цьому був запропонований і свій, внутрішній формат файлів векторної графіки «*.swf», і реалізована підтримка для інших популярних графічних форматів, у тому числі й для анімаційного GIF, та забезпечив пакету гарну рекламу.

Однак зміни торкнулися не тільки зовнішнього вигляду, але й змісту. В Flash поняття інтерактивності значно розширилося завдяки використанню сценаріїв Action Script, дії, які дозволяють авторам розробляти досить складні стилі поводження – behaviors, переміщувані елементи інтерфейсу, логіку й початкову математику, що вперше дають можливість створювати електронні магазини. У результаті програма одержала широке поширення в середовищі Web-розробників і продовжує служити гарною підмогою професійним аніматорам.

У процесі створення Flash-проекту, особливо, коли вже є порівняльний досвід, розробки в інших засобах малювання графіки або редакторах Web-дизайну, то можна відзначити ряд переваг перед ними, якими по деякій мірі Flash одержав свою популярність:

• використання позначень для елементів, які з’являються більше одного разу;
• об’єднання кадрів у діях переміщення (motion tweens), які дозволяють автоматично прорахувати деякі проміжні моменти переміщення, для прискорення розробки проектів;
• об’єднання кадрів у діях трансформації (shape tweens), які дозволяють автоматично прорахувати деякі проміжні моменти трансформації об’єктів, для прискорення розробки проектів;
• скорочення числа різних типів ліній (пунктир, крапки й т. п.). Лінії, намальовані інструментом олівець вимагають менше пам'яті, чим мазки кистю;
• використання шарів, для розбивки об'єктів, що перекриваються, кліпу;
• скорочення числа різних шрифтів і стилів, шляхом перетворення їх в об’єкти векторної графіки;
• застосування звукового формату mp3, як самого високоякісного й ощадливого музичного формату;
• використання можливості анімації растрових зображень, або для статичних елементів зафарбування об’єктів і фону;
• застосування сценаріїв (Actions Script) аж до вставки їх в окремі кадри фільму;
• можливість згрупувати об’єкти на різних шарах;
• використання вбудованих інструментів для зміни колірних ефектів того самого об’єкта;
• використання єдиної палітри web-safe, щоб уникнути розбіжностей із кольорами браузерів;
• застосування компонента керування проектом Library, що дозволяє швидко знайти будь-який об’єкт і поміняти його властивості;
• можливість вставки в поточний проект раніше створеного проекту.

В 2005 році компанія Macromedia була поглинена Adobe. З тих пір програма називається Adobe Flash, і поставляється разом з пакетами CS 3-6.

2. Можливості Flash

Створивши Flash, компанія Macromedia об’єднала безліч потужних ідей і технології в одній програмі, дозволивши користувачам одержувати через Web цілі мультимедійні презентації.

 

Використання анімації

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

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

1) покадрова («класична») анімація, коли автор сам створює або імпортує з інших додатків кожен кадр майбутнього «мультика» і встановлює послідовність їх перегляду;

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

а) анімація, заснована на переміщенні об’єкту (motion animation),

б) анімація, заснована на трансформації (зміні форми) об’єкту (shape animation);

3) анімація на основі  сценаріїв. Сценарій – це опис  поведінки об’єкту на власній мові Flash, яка називається ActionScript; синтаксис цієї мови нагадує синтаксис інших мов сценаріїв, використовуваних в Web-публікаціях (наприклад, JavaScript і VBScript).

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

1) по-перше, автор позбавлений  від необхідності створювати  кожен кадр окремо;

2) по-друге, для відтворення  такого «мультика» Flash досить зберігати тільки перший і останній кадри, що забезпечує значне зменшення об’єму такого фільму.

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

 

Використання відео

При роботі з відео можна імпортувати будь-який стандартний відео-файл, підтримуваний QuickTime або Windows Media Player, включаючи формати MPEG, Digital Video – цифрове відео, MOV, QuickTime, і AVI. З імпортованими відео об’єктами можуть виконуватися ті ж операції, що і з графічними об’єктами: зміна масштабу, обертання, нахил, маскування і т.д. Відео об’єкти можуть бути зроблені інтерактивними за допомогою сценаріїв на ActionScript.

Для даних у форматах JPEG і МРЗ реалізовано динамічне завантаження файлів під час відтворення Flash-фільму. Такий механізм дозволяє скоротити розмір файлу фільму і, отже, понизити час його завантаження по мережі.

Ми не обмежені використанням тільки стандартних шаблонів. Свій власний документ Flash також можна зберегти у вигляді шаблону і використовувати потім для створення подальших проектів. Щоб зберегти документ Flash як шаблон, вибираємо з меню команду File – Save As Template. Відкриється діалогове вікно Save as Template. Вводимо в поле Name назву для шаблону, а в полі із списком Category вибираємо назву стандартної категорії, або вводимо назву власної, в яку буде включений новий шаблон. Додаємо в полі Description короткий опис шаблону і клацаємо на кнопці Save. Після цього назва шаблону з’являтиметься в діалоговому вікні New from Template при виборі відповідної категорії. В області попереднього перегляду на вкладці Templates для кожного шаблону відображається видимий вміст робочого поля в першому кадрі документа цього шаблону. У діалоговому вікні Save as Template задається ім’я, категорія і опис нового шаблону.

1. Використання векторної графіки

Використання векторної графіки як графічного режиму за замовчуванням робить Flash незамінним засобом розробки для Web.

Векторна графіка – це спосіб представлення зображення за допомогою, математичних рівнянь, або векторів, які містять інформацію про розмір, форму, колір, границі й місце розташування. Це ефектний спосіб обігу із графікою, у результаті якого виходять файли щодо невеликих розмірів навіть при роботі зі складними малюнками. Більше того, векторна графіка не залежить від дозволу, з яким проглядається об’єкт.

Векторна графіка в порівнянні з растровою має цілий ряд переваг:

1) математичні формули, що описують векторне зображення, займають набагато менше місця  в пам’яті комп’ютера, ніж опис  пікселів растрового зображення;

2) можливість практично  необмеженого масштабування зображення, або окремих його фрагментів  без втрати його якості;

3) абсолютно «безболісне»  перенесення векторного зображення  з однієї платформи на іншу.

Технологія Symbol Conversation

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

До доповнення була розроблена бібліотека – Library. Вона являє собою перелік всіх використовуваних констант, у якості яких можуть виступати як намальовані символи, так і імпортовані графіка й звуки. За допомогою бібліотеки можна звертатися до будь-якого елемента незалежно від того на якому шарі або кадрі він перебуває.

Колірні палітри, а також градієнтні заливки можна імпортувати і експортувати з інших графічних додатків (наприклад, Macromedia Fireworks і Adobe Photoshop), що забезпечує незмінність кольорів на сайті. Палітра зберігається у файлі.fla і не впливає на розмір експортованого файлу.swf. За замовчуванням Flash використовує палітру web-safe.

Використовуючи властивості технології Symbol Conversation можна створювати текстові поля що дозволяють вводити дані під час відтворення Flash-проекту для створення всіляких форм збору відомостей від користувачів: введення паролів, реєстраційних, опитних і ін. Це, найбільш значне нововведення й крок до створення повноцінних Web-сайтів. Крім того, поля застосовуються для динамічної заміни тексту. Така властивість може бути використана для відображення постійно обновлюваної інформації: біржової, спортивної, прогнозів погоди. Коли користувач створює текстове поле, він призначає йому змінну. При цьому можливо передавати змінні в різні сцени ролика, в server-side-додатки для занесення їх у бази даних і навіть завантажувати нові дані.

Передача даних у потоковому режимі

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

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

2. Звук та текст

Flash пропонує декілька способів використання звуку у фільмах. Можна створити звуковий супровід, який відтворюється безперервно, незалежно від сюжету фільму і дій користувача. Альтернативний варіант – синхронізувати анімацію і звуковий супровід. Крім того, Flash дозволяє призначати звуки кнопкам, щоб зробити їх більш інтерактивними. І, нарешті, ще один варіант роботи із звуком – це управління звуковим супроводом за допомогою сценарію на ActionScript.

У Flash передбачено два типи звукового супроводу:

1) пов'язаний з подією (event sound);

2) потоковий (stream sound).

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

Відтворення потоку починається відразу, як тільки завантажених даних стане достатньо для перших декількох кадрів фільму.

Для підвищення зручності роботи зі звуком Flash надає авторам наступні можливості:

а) створення бібліотек звуків, що розділяються, що дозволяє використовувати звук з однієї бібліотеки в декількох фільмах;

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

Робота з текстом

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