Macromedia Flash 5 (частина 1)
Як ви вважаєте, чи реально вмістити сторінку, що містить пристойну кількість анімації, звуку та дивовижних способів інтерактивності у файл близько 100kb? Зробити так, щоб ця сторінка працювала однаково як у Netscape Navigator (NN), так і Internet Explorer (IE)? Компанія Macromedia вирішила більшість проблем сумісності та продуктивності, випустивши Flash, який до сьогоднішнього дня дуже еволюціонував і є повноцінною частиною інструментів/технік web-дизайну.
На користь 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. Про те, наскільки Вас це зацікавило, пишіть на[email protected].
Наприкінці статті є анотований список посилань як на українськомовні, так і на заморські ресурси Flash, які можуть бути цікавими Вам.
Вважатимемо, що у вас вже є Flash 5. Програма працює під Windows 95/98/NT/2000. Встановити її дуже легко - з цим впорається будь-хто, хто встановив хоча б кілька програм у Windows. Після установки можете сміливо заходити в неї, і ось приблизно те, що ви побачите:
Інтерфейс Flash 5 дуже нагадує інтерфейс програм Adobe. Він дуже зручний і легкий. Після деякого часу роботи з програмою розумієш, як добре все продумано і скільки праці розробники Macromedia вклали у дітище.
Ліворуч знаходяться панелі інструментів. За допомогою них можна вибирати інструменти, а також керувати робочою областю, модифікувати об'єкти та вибирати прості кольори. Праворуч знаходяться діалоги налаштування інструментів, кольору, тексту, властивості кадрів та об'єктів. Посередині - робоча область, де ми творитимемо, а над нею шкала часу (Timeline).
Сторінки (файли, анімації - як хочете) Flash прийнято називати фільмами (Movie), хоча мені більше подобається слово "мультик". Напевно, це тому, що у Flash є шкала часу і, хоч ви і маєте безмежні можливості щодо використання цієїшкали, ваш витвір все одно буде впорядковано виконуватиметься у часі. Насправді, ви можете зупиняти, знову запускати мультик, стрибати з одного кадру на інший, завантажувати інші мультики та багато іншого.
Спробуємо намалювати перший простий мультик. Нам знадобляться інструменти - "овал" та "виділення". Виконайте таку послідовність дій:
Виберіть інструмент "овал" і намалюйте за допомогою нього овал або коло у лівій частині сцени.
Далі оберіть інструмент "виділення" і виділіть весь овал разом з кромкою. Для цього або охопіть вашу фігуру прямокутною рамкою, тримаючи кнопку миші, або двічі швидко клацніть на ній. У вас виділиться весь овал.
Тепер увійдіть у меню Insert та виберіть Convert to symbol (або натисніть F8). У діалозі виберіть селектор Graphic і натисніть ОК:
Тепер виберіть на шкалі часу вгорі 25 кадр (просто клацніть по ньому мишкою), і виберіть меню Insert -> Keyframe (або натисніть F6). Цим ви створите так званий "ключовий кадр" на 25 кадрі вашої шкали часу. У вас має вийти щось схоже:
Виділіть тепер ваш гурток (тепер навколо нього з'явиться блакитна рамка) і перемістіть його в праву частину робочої області.
Поверніться на шкалі часу в 1 кадр. (На доказ Ви повинні побачити свою фігуру знову у лівій частині екрану). З меню Insert (або контекстного меню при натисканні правої клавіші миші на першому кадрі) виберіть Create motion tween.
Давайте додамо щось у наш мультик. Виберіть знову 25 кадр і виділіть вашу фігуру. Увійдіть у діалог Effect. Якщо важко знайти потрібну закладку в діалогах справа, виберіть Window > Panels > Ефект. У списку, що випадаєу цьому діалозі виберіть Alpha (прозорість), а параметр опустіть до 0%.
Спробуйте ще раз програти фільм. У Flash можна лише ставити "ключові точки" анімації, програма сама прораховуватиме проміжні кадри. Хоча цілком можлива покадрова анімація.
Тепер можна відкрити створений вами HTML-файл у браузері. Це можна зробити навіть із Flash, вибравши File > Publish Preview > HTML (або натиснувши F12). Flash скористається браузером, встановленим за замовчуванням.
Ось, коротко, цикл створення простої сценки у Flash.
Зміст (і взагалі написання) майбутніх статей на тему Flash залежить від ваших відгуків. Я щиро сподіваюся, що в найближчому майбутньому в Рунеті (якщо називати так українську частину Інтернету) з'являться гідні ресурси з Flash і буду радий поділитися своїм досвідом.
Я приведу тут лише кілька сайтів, які, я вважаю, заслуговують на увагу. Я не наводитиму посилань на сайти з Flash-вмістом. Ви їх самі легко знайдете у великій кількості.
Найголовніше місце – Flash на сайті Macromedia. Звідси можна скачати примочку.