Контакти

Програма для редагування swf. Кращий редактор SWF: огляд програм. Підготовка до роботи

Безкоштовна програма для створення флеш роликів практично будь-якого ступеня складності! Включає в себе практично все необхідні інструменти для повсякденної роботи з flash і може бути використана як новачками, так і професіоналами. Основною відмінністю і перевагою даної програми є підтримка ActionScript 2.0, без якого просто не можна уявити створення професійного флеш-контенту.

Здається, Діма Білан має рацію, кажучи, що неможливе - можливо :). Ще зовсім недавно веб-розробникам доводилося або піратствувати, або платити досить великі гроші за можливість працювати з флеш-анімацією. І ось, нарешті, настав той час, коли з'явився третій повноцінний варіант - використовувати безкоштовний flash-редактор.

Раніше на нашому сайті вже була одна подібна програма, але її мінус був в деякій застарілості, обмеженому наборі інструментів і відсутності підтримки мови програмування ActionScript, який так потрібен для створення скільки-небудь функціональних сайтів, ігор тощо

Сьогодні ж я Вас познайомлю з цілком сучасним флеш-редактором, який може практично на рівних змагатися з іменитим Adobe Flash - Vectorian Giotto.

Порівняння Vectorian Giotto з платним аналогом

Як бачимо, розробники Vectorian Giotto постаралися на славу і спробували вмістити в свою програму максимально можливий набір функцій, аналогічних Adobe Flash. Крім того, більшість «гарячих» клавіш теж збігаються, тому тим, хто звик працювати з Едобовскім редактором, не складе особливих труднощів перейти на безкоштовну платформу Vectorian Giotto!

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

Підготовка до роботи

Для початку роботи з Vectorian Giotto нам буде потрібно завантажити архів з інсталятором, який важить, між іншим, всього 8 мегабайт! Коли архів буде завантажений, відкрийте його і запустіть файл VectorianGiotto.exe.

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

Перше знайомство з інтерфейсом

По закінченню установки, якщо ми нічого не змінювали в стандартних настройках, Перед нами з'явиться на повний екран робоче вікно Vectorian Giotto:

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

Рядок меню. Це панель, на якій знаходяться всі менюшки програми Vectorian Giotto. При роботі з анімацією Вам можуть знадобитися такі розділи, як «File» (для збереження і експорту в SWF своєї анімації), «View» (для настройки параметрів відображення робочої області), «Modify» (для управління параметрами поточного документа і роботи з бібліотекою ефектів) і «Window» (для настройки відображаються модулів і панелей програми).

Основна панель інструментів. Сюди винесені кнопки управління діями проекту і панель відтворення анімації.

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

Розкадрування (або таймлайн). Дозволяє управляти осередками для кадрів і створеними шарами.

Панель управління кольором. З її допомогою Ви зможете швидко міняти колір раніше створених фігур. Також служить для вибору типу заливки об'єктів Вашої анімації (суцільна, градієнтна і т.п.).

Робоча область. Являє собою віртуальний лист «паперу», призначений для малювання Ваших анімацій :).

Редактор ActionScript. Якщо Вам потрібно створювати не прості банери, А щось більш складне, що включає кнопки і всілякі інтерактивні об'єкти, то без редактора скриптів Вам не обійтися.

Панель структури кліпу. Показує всі фігури, що знаходяться «в кадрі» і дозволяє швидко перемикатися між ними і керувати їх послідовністю.

Панель властивостей. У кожного об'єкта у флеш є певні властивості. Для управління ними і служить дана панель.

Панель трансформації. Дозволяє швидко змінювати розміри і положення виділеного елемента анімації.

Бібліотека елементів. Являє собою список створених або імпортованих об'єктів, які можуть бути (і неодноразово!) Вставлені в анімацію.

Animate може імпортувати формат файлу SWF. Однак файли SWF оброблені і багато типів даних всередині SWF-файлу неможливо повторно імпортувати в Animate.

формат SWF

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

Якщо при створенні SWF-файлу вибрано "захистити від імпорту», \u200b\u200bAnimate не дозволить повторно імпортувати файл. Спроба імпорту захищеного SWF призводить до появи повідомлення про помилку.

Відкриття та імпорт

Відкриття файлу SWF ( «Файл»\u003e «Відкрити») відкриває кліп в режимі тестування кліпів.

Імпорт файлу SWF ( «Файл»\u003e «Імпорт») приводить до наступних результатів:

  • Звуки не імпортуються.
  • Графічні символи, що містять анімацію, імпортуються з кожним ключовим кадром анімації в новому ключовому кадрі. Вміст кожного кадру в вихідної анімації перетворюються в новий графічний символ, по одному для кожного кадру в вихідному символі.
  • Весь макет втрачається. Імпорт додає ключові кадри до шару, який був активний при виборі команди меню «Файл»\u003e «Імпорт», але вихідна структура макета і імена шарів не зберігаються.
  • Тимчасові шкали кліпу не імпортуються. Окремі елементи з першого кадру тимчасової шкали кліпу імпортуються, але перетворюються на графічні символи. Всі інші кадри кліпу, губляться.
  • Кнопки тепер розглядаються як кліпи. Графіка в стані ключового кадру «Не натиснута» перетвориться в графічні символи. Все інше втрачається.
  • Анімація не імпортується.
  • Шляхи руху не імпортуються. Однак зображення з кожного проміжного кадру траєкторії руху імпортуються як окремі зображення в окремих ключових кадрах.
  • імпортовані растрові зображення, Використовувані в кліпі, успішно імпортуються, але їх вихідні бібліотечні імена не зберігаються. Вони перейменовуються в «Bitmap 1», «Bitmap 2» і т. Д.

Напевно кожен бачив на сайтах якусь рекламну анімацію, при наведенні курсору миші на яку що то починає в ній змінюватися. Або грав онлайн в додатки / ігри на сайтах (соц.сети або інші). Навіть якщо зайти на цей сайт по неіснуючій посиланням типу Ви потрапите приблизно на таку ж сторінку, створену на основі технології флеш анімації. А файл у них з розширенням SWF. Ось в цій статті описано що це за файл, як його відкрити (наприклад пограти в офлайні в іграшку) і як змінити (для любителів).

Що за файл.swf?
Файл SWF - flash-анімація, створена за допомогою Adobe Flash або іншої програми для розробки flash-додатків. Флеш-ролики можуть містити як звичайний текст, так і векторні, растрові зображення, 3D-графіку (обмежено), аудіо, відео, сценарії на мові ActionScript.

Платформа Flash отримала дуже широке поширення в сфері створення інтерактивних додатків. Це можуть бути flash-мультфільми, ігри, відеоролики (файли формата.FLV), web-сайти, створені повністю або частково із застосуванням даної технології.


Ну а далі по інструкції з сайту.

Для відкриття, запускаєте браузер (бажано створити нову вкладку в ньому), "берете" ЛФМ за Ваш файл swf і перетаскуєте його в браузер.

2 варіант
Через програму.
існує 2 хороші програми для відкриття таких файлів - це (оф. сайту не знайшов) і.


Щодо другої - вона безкоштовна, але англомовна і розробники що то забили перестали випускати оновлення на неї і вона максимум для XP піде.
Якщо заблукаєте на сайті виробника і не знайдете як завантажити цю прогу:
вибираєте в верхньому меню вкладку Downloads

→ Sothink SWF Quicker

Sothink SWF Quicker - потужна утиліта для роботи з flash. Якщо розглядати її для анімації, то краще подивитися в бік лінійки продуктів Adobe. А ось для роботи з flash-додатками вона незамінна. По суті це повноцінний редактор для flash, але головна її особливість - зручна робота з swf форматом. З її допомогою можна відкрити swf-файл, відредагувати його Action-script і зберегти. Дуже зручно, якщо потрібно під свої потреби змінити mp3 плеєр на flash, запровадивши в його исходник пару своїх функцій.

Діло було так. На один з розважальних порталів впроваджувався mp3 плеєр для онлайн прослуховування музики. Вимоги замовника були цілком можуть бути реалізовані. Плеєр мав вміти працювати з плейлистом і мати стандартний набір кнопок. Вибір припав на Dewplayer. Все йшло чудово, кросбраузерну була на висоті і робота наближалася до завершення. Але раптом виникла не велика проблема - плеєр робили французи і мабуть підтримку кирилиці і не розраховували включати. Тобто при програванні треку, російські символи в рухомому рядку з назвою пісні були «крокозяблой». Кидати виконану роботу не хотілося і рішення знайшлося.

Dewplayer володіє широким набором можливостей, підтримкою javascript в тому числі. Значить через js отримати доступ до методів плеєра можна. Отже, якщо впровадити свої методи в Action-script - на виході отримаємо весь необхідний функціонал. А потрібно створити функцію яка б повертала назву поточного треку.

Отже завантажуємо і встановлюємо Sothink SWF Quicker. Запускаємо. у вкладці File вибираємо позицію import.

У вікні встановлюємо тип файлів .swf і натискаємо на "пацієнта".

Після вибору файлу, програма може попередити що файл захищений і запитає: все одно імпортувати? Відповідаємо так. Після того, як swf-файл буде відкритий, дивимося в правий нижній кут. Кількома по вкладці Action. Отримуємо Action-script доступний до редагування. лекції по flash програмування читати не буду, далі самі)).


Після внесення змін робимо зворотну процедуру - експорт. На верхній панелі знаходимо вкладку Export. У контекстному меню натискаємо по Export Movie. Далі зберігаємо в новий файл або замінюємо той який відкритий.




Сподобалася стаття? поділіться їй