Більше півмільйона чоловік по всьому світу використовують Flash для створення барвистих і, в той же час, компактних Web-ресурсів. Дизайнерів новий Macromedia Flash приверне поліпшеними можливостями створення графіки, а професійні розробники зможуть привнести нові ідеї у свої додатки, завдяки використанню скриптів, форм і підключенню серверних можливостей.
Чому саме Macromedia Flash 5? Macromedia Flash 5 дозволяє створювати яскраві, що запам'ятовуються користувачам Web-сайти, завдяки можливості поєднувати чіткість і гнучкість векторної графіки з растром, звуком, анімацією і багатими інтерактивними ідеями.
Маючи зручне середовище розробки, Macromedia Flash 5 легко інтегрується в існуючий процес створення Web-сайту, завдяки можливостям імпорту з Macromedia FreeHand і Fireworks.
Macromedia Flash 5 також надає широкий набір засобів розробки насичених Web-додатків, включаючи тісну інтеграцію з Macromedia Generator.
Нові можливості: Macromedia Common User Interface - звичний для користувача інтерфейс дозволяє розробникам вільно себе почувати в будь-якому додатку для Web-дизайну від Macromedia.
Macromedia FreeHand ® Import - імпортуйте графіком з Macromedia FreeHand для створення закінчених публікацій.
Macromedia Generator ™ Developer Edition Support - автоматизуйте процес створення Flash-контенту за допомогою Macromedia Generator Developer Edition, рішення для ефективного відновлення Flash-сайтів.
Bezier Tools - звичні інструменти "Виділення" і "Перо", з підтримкою кривих Безьє, надають нові можливості створення ілюстрацій.
Shared Symbol Libraries - бібліотека які у проекті символів спрощує управління ними та мінімізує розмір кінцевого файлу.
Web-Native Printing - створюйте Web-додатки, з широкими можливостями високоякісного друку.
Movie Explorer - переглядайте і сортуйте ієрархічну структуру документа для простоти аналізу та редагування великих проектів.
ActionScript Development Tools - ефективно створюйте насичені Web-додатки за допомогою нової мови сценаріїв близького до JavaScript, редактора ActionScript і Debugger, а також фукции Smart Clips - рішення для розробки часто використовуваних елементів.
XML Transfer Support - підтримка XML дозволяє створювати потужні програми для електронної комерції.
HTML Text Support - можливість включати форматований HTML-текст і гіперпосилання полегшує створення файлів насичених текстовою інформацією.
Як ви думаєте, чи реально вмістити сторінку, яка містить пристойну кількість анімації, звуку і дивних способів інтерактивності в файл порядку 100kb? Зробити так, щоб ця сторінка працювала однаково як у Netscape Navigator (NN), так і в Internet Explorer (IE)? Компанія Macromedia вирішила більшість проблем сумісності і продуктивності, випустивши Flash, який до сьогоднішнього дня вельми еволюціонував і є повноцінною частиною інструментів / технік web-дизайну.
Коротко і ясно про те, що це таке. Існують plug-ins (примочки), які вбудовуються в браузер (web browser), і служать для перегляду Flash сторінок. Називаються вони Flash Player. Причому в останніх версіях IE і NN ці примочки вже вбудовані (якщо немає, то їх можна безкоштовно завантажити з сайту Macromedia). І існує програма Flash, за допомогою якої ці сторінки створюються.
На користь Flash наведу його основні переваги і статистку Macromedia.
Маленький розмір виходять файлів і, відповідно, більш швидке завантаження з мережі. Flash використовує векторний формат зображень і стискає растрові і звукові файли, (які також можуть використовуватися в сторінках Flash), що дуже позитивно впливає на зменшення розміру сторінки і час її завантаження.
Усунення проблем сумісності між браузерами. На відміну від HTML, Flash однаково працює як в IE, так і в NN. Є навіть спеціальний варіант примочки-програвача для браузерів, що підтримують Java (Flash Java Player).
Потужний подієво-керований мову. У Macromedia Flash використовується спеціальна мова, за допомогою якого можна створювати "інтелект" для своєї сторінки. Причому якщо в Flash 4 це був, швидше, якийсь скрипт (script), що має всього кілька основних функцій, то в Flash 5 (незважаючи на назву "ActionScript") - це майже повноцінна мова програмування, за підтримкою умов, циклів, масивів, функцій і класів, які можна успадковувати.
Краса. Так, так, саме! Flash має автоматичну підтримку anti-aliasing (антіалайсінг, згладжування контурів за допомогою змішування сусідніх кольорів). У результаті навіть проста лінія або кружечок, намальовані в Flash, виглядають приємно для очей. Що ж тут говорити про малюнки, намальованих професіоналами.
Зручність. Створювати сторінки в Flash під силу навіть дитині, і, зізнаюся, це вельми приємне заняття. А якщо володіти елементарними навичками дизайну та малювання, відкривається весь простір для Вашої фантазії, що надається Flash.
Поширеність. Flash потихеньку стає стандартом де-факто (див. статистику нижче). У випадках, де необхідна широка інтерактивність, графіка, звук, і маленький розмір, Flash незамінний.
На сьогоднішній день Flash Player використовують 222 млн людей, і кожен день його викачує ще 1.4 мільйона. За даними Macromedia це дозволяє 90% користувачів Мережі переглядати сторінки з Flash вмістом.
Примочки поширюються безкоштовно, в той час як за програму створення Flash файлів доводиться платити. Остання, 5-а версія продукту коштує $ 399. Користувачам старих версій це задоволення дістанеться за $ 149.
До написання цієї статті мене привело бажання висвітлити для досить широкого кола людей п'ятого Flash (Flash 5). Справа в тому, що більшість ресурсів по Flash - англійською мовою. У російськомовній частині мережі ця цінна інформація відсутня. Я навіть знаю пару російських сайтів, зроблених нашими ж хлопцями, але на англійській мові. (Причому це - саме стоїть з того, що є). Зрозуміло, що люди роблять сайти англійською, тому що використання російської мови сильно звужує аудиторію: Тим не менш, я вважаю, що є сенс у створенні ресурсів, доступних широкій публіці, російською.
Ця (перша) частина статті - оглядова. Про те, чи варто писати продовження, я буду судити по Вашим відгукам. Я буду дуже радий поділитися своїм досвідом з усіма читачами і присвятити новачків у захоплююче дійство творчості з допомогою Flash. На жаль, у мене немає часу займатися створенням повноцінного ресурсу (сайту по Flash, скажімо). Але написання ілюстрованих навчальних статей (tutorials) у моїй владі. І якщо інтерес до цієї теми буде високим, я з задоволенням продовжу цикл, розкриваючи можливості Flash 5. Про те, наскільки Вас це зацікавило, люто пишіть на rubo@rubo.com.
Останнім часом програма Flash стала модною. Багато хто вважає, що Flash - це новий продукт, проте це не так. Ще в 1995 році з'явилася невелика програма Future Splash Animator для векторної анімації Web-графіки, а два роки по тому, в 1997 році, компанія Macromedia придбала її і почала розвивати продукт під новою назвою Flash.
Сьогодні Flash - це універсальне інтегрований додаток, яке об'єднує редактор для графіки і звуку, засіб для анімації і дозволяє створювати унікальні інтерактивні мультімедіапродукти. За допомогою Flash можна робити економічну яскраву анімацію для Web, інтерактивні форми, ігри, інтерактивні презентації та багато іншого. Володіння Flash корисно не тільки Web-дизайнерам, а й вчителям, художникам і багатьом іншим, хто хоче висловити свої ідеї мовою анімації. Сьогодні для цього не потрібна спеціальна студія - досить персонального комп'ютера, програми Flash і трохи терпіння.
Отже, приступимо.
Будемо вважати, що у вас вже є Flash 5. Програма працює під Windows 95/98/NT/2000. Встановити її дуже легко - з цим впорається будь-який, хто встановив хоча б парочку програм в Windows. Після установки можете сміливо заходити в неї, і ось, приблизно, те, що ви побачите:
Інтерфейс Flash 5 дуже схожий на інтерфейс програм Adobe. Він дуже зручний і легкий. Після деякого часу роботи з програмою розумієш, як добре все продумано і скільки праці розробники Macromedia вклали у своє дітище.
Зліва знаходяться панелі інструментів. За допомогою них можна вибирати інструменти, а також керувати робочою областю, модифіковані об'єкти і вибирати прості кольори. Праворуч знаходяться діалоги настроювання інструментів, кольору, тексту, властивості кадрів і об'єктів. Посередині - робоча область, де ми будемо творити, а над нею шкала часу (Timeline).
У Flash дуже цікаво малювати. Цей векторний редактор не схожий ні на один з існуючих. На жаль, докладний опис інструментів малювання виходить за рамки цієї статті. Згодом, ми можемо розглянути ці інструменти докладніше. Самий гарний спосіб чогось навчиться - практика за будь-то кількості теорії. В якості практики просто поекспериментуйте з різними інструментами, а в якості теорії можете прочитати про це в книгах або в Мережі.
Сторінки (файли, анімації - як хочете) Flash прийнято називати фільмами (Movie), хоча мені більше подобається слово "мультик". Напевно, це через те, що в Flash є шкала часу і, хоч ви і маєте безмежними можливостями по використанню цієї шкали, ваш твір все одно буде впорядковано виконуватися в часі. Насправді, ви можете зупиняти, знову запускати мультик, стрибати з одного кадру в інший, завантажувати інші мультики і багато ще чого.
Процес створення полягає в наступному. Ви створюєте так званий "авторський файл", який має расшіреніе.fla, а потім він транслюється в результірующій.swf файл, який вже може бути переглянутий у браузері, обрамлений з допомогою HTML, і т.д. До речі, Flash може записати ваше творіння в окремий ісполняемий.exe файл, згенерувати java-код. І навіть зберегти у вигляді статичного GIF зображення.
Давайте спробуємо намалювати перший простий мультик. Нам знадобляться інструменти - "овал" і "виділення" . Виконайте наступну послідовність дій:
Виберіть інструмент "овал" і намалюйте за допомогою нього овал або круг в лівій частині сцени.
Далі виберіть інструмент "виділення" і виділіть весь овал разом з кромкою. Для цього або охопите вашу фігуру прямокутною рамкою, тримаючи кнопку миші натиснутою, або два рази швидко клацніть на ній. У вас виділиться весь овал.
Тепер увійдіть в меню Insert і виберіть Convert to symbol (або натисніть F8). У діалозі виберіть селектор Graphic і натисніть ОК:
Тепер виберіть на шкалі часу вгорі 25-й кадр (просто клацніть по ньому мишкою), і виберіть меню Insert -> Keyframe (або натисніть F6). Цим ви створите так званий "ключовий кадр" на 25-му кадрі вашої шкали часу. У вас повинно вийти щось схоже:
Виділіть тепер ваш гурток (тепер навколо нього виникне блакитна рамка) і перемістіть його в праву частину робочої області.
Поверніться на шкалі часу в 1-й кадр. (На доказ Ви повинні побачити свою фігуру знову в лівій частині екрана). З меню Insert (або з контекстного меню при натисненні правої клавіші миші на першому кадрі) виберіть Create motion tween.
Вітаю! Ви тільки що зробили дуже простий, але вже мультик, у Flash. Виберіть Control> Play (або просто натисніть Enter) щоб переглянути результат.
Давайте додамо дещо в наш мультик. Виберіть знову 25-й кадр і виділіть вашу фігуру. Увійдіть в діалог Effect. Якщо складно відшукати потрібну закладку в діалогах праворуч, виберіть Window> Panels> Effect. У випадаючому списку в цьому діалозі, виберіть Alpha (прозорість), а що з'явився параметр опустіть до 0%.
Спробуйте ще раз програти ваш фільм. У Flash можна всього лише задавати "ключові точки" анімації, програма сама буде прораховувати проміжні кадри. Хоча цілком можлива покадрова анімація.
Останній крок. Нам потрібно відтранслювати наша творчість в.swf файл і згенерувати HTML файл, який завантажував б мультик в браузер. Це можна зробити, вибравши File> Publish (або натиснувши Shift-F12).
Тепер можна відкрити створений вами HTML файл у браузері. Це можна зробити навіть з Flash, вибравши File> Publish Preview> HTML (або натиснувши F12). При цьому Flash скористається браузером, встановленим за замовчуванням.
Ось, коротко, цикл створення простої сценки у Flash.
Зміст (і взагалі, написання) майбутніх статей на тему Flash залежить від ваших відгуків. Я щиро сподіваюся на, що в найближчому майбутньому в Рунеті (якщо називати так російську частину Інтернету) з'являться гідні ресурси по Flash і буду радий поділитися своїм досвідом.
Кожному знову відкритому файлу відповідає свій робочий стіл. На робочому столі знаходиться кадр, або сцена (Stage), - прямокутна область на екрані, в якій відтворюється Flash-фільм.
Для малювання на робочому столі призначені інструменти малювання (див. панель інструментів на рис. 1). Саме про них ми і поговоримо перш за все.
Створення будь-анімації починається з відтворення статичних зображень. Швидка зміна одного зображення іншим, в результаті якої створюється враження руху зображення, і є анімація. Для контролю тривалості показу зображень (управління анімацією) служить тимчасова шкала, або монтажна лінійка (Timeline).
На рис. 1 представлені також плаваючі панелі (floating, dockable panels) - панелі, призначені для налаштування робочого середовища Flash. Отже, розглянемо основні інструменти малювання у Flash
Flash дозволяє використовувати звуки декількома способами. Ви можете додати звук, який буде грати постійно, незалежно від того, що відбувається на сцені, або ви можете синхронізувати звук з анімацією. Озвучування кнопок робить їх більш привабливими. Робіть плавне збільшення або зменшення гучності звуку щоб саундтреки звучали більш вишукано.
У Flash застосовуються два типи звуків: подієвий і потоковий. Подієвий звук повинен бути завантажений повністю, перш ніж він почне відтворюватися і буде грати, поки його не вимкнуть. Потоковий звук починає грати як тільки скочується достатньо даних для перших декількох кадрів. Синхронізується з лінією часу (Timeline).
Додавання звуку до кліпу на увазі створення окремого шару (Layer) для звуку, додавання звуку, і налаштування звуку в закладці Sound у властивостях кадру (Frame Properties).
Інтенсивність звукового потоку (sampling rate) і ступінь його стиснення (compression ratio) значно впливають на якість і розмір файлу кліпу. Контролюйте якість і розмір окремих звукових фрагментів за допомогою діалогового вікна Sound Properties, або змінюйте час інсталяції для всіх звуків в кліпі в діалоговому вікні Publish Settings.
Для перегляду інтерактивного ролика по використанню звуків у Flash, виберіть Help> Lessons> 07 Sound.
Технологія Macromedia Flash стає все більш популярною серед Web-фахівців. Спочатку Flash-технології використовувалися переважно для створення різних анімованих банерів і заставок, потім велику популярність придбали Flash-ігри та короткі анімаційні Flash-ролики. Паралельно з цим активно розвивалися онлайнові інтерактивні бізнес-додатки: керівництва користувача, рекламні презентації, засоби навчання і т.п. Все частіше технологія Flash стала застосовуватися для створення складних інтерактивних сайтів і, по суті, в останні роки перетворилася на промисловий стандарт для роботи з інтерактивним контентом. Одне з головних зручностей Flash, принесло цьому продукту широку популярність, - забезпечення принципу «Build once, deliver anywhere» («Розробив один раз, поширюй скрізь»). Програми, створені на базі Flash, працюють на різних платформах Windows, Macintosh, UNIX, PDA і навіть в мобільних телефонах. Продукт Macromedia Flash Player фактично став стандартом і сьогодні встановлений на комп'ютерах 97,6% користувачів Інтернету (рис. 1).
Рис. 1. Поширеність додатків на ПК, підключених до Інтернету на червень 2005 р.,% (джерело: NPD)
У міру того як до сайтів пред'являлися все більш високі вимоги в плані мультимедійності та інтерактивності, потрібні і нові засоби розробки для забезпечення нових можливостей і більш повного контролю над дизайн-процесом. Програма Flash швидко розвивалася. Великий інтерес викликав нещодавній реліз чергової - восьмої - версії Macromedia Flash. Остання версія програми випущена в двох версіях: базової (Flash Basic 8) і професійної (Flash Professional 8). Професійна версія пропонує всі функції, доступні в базовій, а також має ряд додаткових. У даній статті ми зупинимося на можливостях версії Flash Professional 8, за допомогою якої користувачі зможуть розробляти інтерактивний контент, що містить відео високої якості, графіку і анімацію.
Flash Professional 8 містить багато абсолютно нових особливостей, включаючи нові графічні ефекти, інтегрований незалежний відеокодек, підтримку альфа-каналів, високоякісний рендеринг тексту з покращуваним контролем згладжування, вдосконалені інструменти для роботи з текстом, новий відео plug-in для експорту файлів Flash Video (FLV ) з професійних відеопродуктів і т.д.
Основні нововведення програми можна умовно розділити на три напрями - це нові графічні можливості, нові можливості по роботі з відео та вдосконалення інтерфейсу.