У сьогоднішньому уроці ми розглянемо можливості використання «підказок форми» (shape hints) для контролю над автоматичною анімацією форми (shape tween) у Flash. Якщо ви пригадуєте, у попередній статті про використання функції shape tween було згадано, що алгоритми флеша сприймають всі точки анімованого об’єкта рівноцінно. А це, в свою чергу, призводить то того, що анімація (морфінг) складних об’єктів зазвичай відбувається зовсім не так, як нам цього хотілося б.

На щастя, вихід з цієї ситуації існує. І при терплячому підході аніматор може досягнути майже повного контролю над поведінкою графічних об’єктів.

У попередньому прикладі, де використовувалися два графічних об’єкти (одиниця та двійка) ми вже мали можливість спостерігати роботу автоматичного алгоритму. Виглядало це приблизно так:

Яким же чином автор може впливати на перебіг такої анімації? Відповідь проста і геніальна водночас: для контролю складних та непередбачуваних змін форми використовуються так звані shape hints (підказки). Ці підказки ідентифікують точки, які повинні збігатися на початковому та кінцевому ключових кадрах.

Читати далі про використання shape hints у Flash…

У минулій статті ми розглянули надзвичайно цікаву тему автоматичної анімації (motion tween) у Flash. Сьогодні мені б хотілося продовжити цю тему і розповісти про ще один різновид автоматичної анімації, який дозволяє не лише рухати, змінювати колір та інші характеристики об’єкта, а фактично повністю модифікувати сам малюнок на сцені – автоматичну анімацію форми, або, як її ще називають «морфінг» (shape tween).

Чесно кажучи, особисто мені доводилося працювати з цією функцією набагато менше, ніж з функцією автоматичної анімації руху (motion tween) у Flash. Втім, перечитавши цілу гору літератури під час підготовки цієї публікації, я зрозумів, що shape tween може стати по-справжньому потужним інструментом у вмілих руках. Але про все по-порядку.

Векторна графіка і shape tween

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

Читати далі про використання функції shape tween у Flash…

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

Власне, якщо говорити про функцію tween у Flash – то варто звернути увагу, що програма підтримує два її види: автоматична анімація руху (motion tween) та автоматична анімація форми (shape tween) (у даній статті ми говоритимемо лише про перший). У Adobe Flash CS4 реалізований ще один механізм створення автоматичної анімації – Classic tween, який по суті є спрощеним варіантом функції motion tween і яким ми й будемо користуватися на перших етапах роботи з Flash.

Для яких потреб використовується Motion (Classic) tween?

Основна функція motion tween полягає в автоматичній «промальовці» проміжних кадрів між двома ключовими кадрами. Саме завдяки цій функції можна переміщувати об’єкт по прямій (чи заданій кривій), змінювати його розміри, повертати, міняти колір і ступінь прозорості тощо.

Читати далі про motion tween та особливості його використання…

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

Що ж, давайте поглянемо:

1. Тільки символи можуть бути автоматично анімовані (tweened).

Читати далі про переваги використання символів у Flash…

В попередньому уроці ми розглянули один із найелементарніших типів анімації – покадрову анімацію. Завдяки йому ми дізналися про елементарні принципи роботи зі шкалою часу (timeline). Втім, у чистому вигляді покадрова анімація сьогодні фактично не зустрічається. Вся сила флеша полягає у використанні більш складних і водночас – більш автоматизованих способів анімації, таких як анімація із автоматичним заповненням кадрів (tweening).

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

Що таке символ у Flash?

Символом у Flash називається графічне зображення, кнопка або фрагмент фільму, збережений у внутрішньому форматі Flash. Символи є ключовими елементами, які дають змогу повною мірою використовувати ефективність та інтерактивні можливості флеш. Але найбільша його користь для аніматора полягає у можливості багатократного використання – відразу після створення символ потрапляє в бібліотеку поточного фільму і дозволяє створювати кілька своїх копій (екземплярів або instances) на робочій області.

Читати далі про символи та їх створення у Flash…

Перш, ніж приступити до створення кліпу нам потрібно підготувати необхідний графічний матеріал. Трішки полазивши мережею, я знайшов ось такого симпатичного «крокуючого» чоловічка у чотирьох позах. Він ідеально підійде для нашого уроку. Тому я викладаю для вас всі чотири файли. Можете копіювати їх прямо звідси.

Сьогодні ми навчимо цього чоловічка ходити!

1. Відкрийте флеш і створіть новий Flash File (Action Script 2.0). Власне, версія AS (Action Script) поки що не має для нас жодного значення, оскільки ми працюємо тільки з графікою. Але для простоти нехай буде більш рання версія.



Читати далі про створення першого анімованого кліпу…

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

Початківці зазвичай проводять чимало часу для того, щоб розібратися у основних складових програми, якою вони планують користуватися. Тоді як нічого складного в цьому немає. Всі елементи, які застосовуються flash-програмістами, умовно розбиті на шість основних блоків:

• панель управління;
• інструменти;
• часова шкала (timeline);
• вікно для редагування Action Script;
• основне меню;
• і звісно ж – робочий стіл (сцена) (main stage).

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

Читати далі про основні елементи інтерфейсу Flash…