Большинство пользователей компьютерных систем, так или иначе, сталкивались с Flash-анимацией. В таком формате выполнено множество мультфильмов, баннеров на сайтах или даже простеньких интернет-игр. Но что же собой представляют SWF-файлы и как они создаются или редактируются, если в готовый проект нужно внести какие-то изменения? Об этом и многом другом далее и пойдет речь.

Что представляют собой SWF-файлы?

Немногие задумываются над тем, что собой на самом деле представляет файл анимации формата SWF, считая его обычным видео.

На самом деле сами файлы являются компилированными производными от исходного формата FLA, который, в свою очередь, является проектом, в котором можно увидеть и изменить изначальную структуру. Естественно, для этого нужен какой-нибудь редактор SWF-файлов. Но какой? Сегодня ведь для создания и редактирования Flash-анимации создано столько программ, что в них достаточно легко запутаться.

Чем открыть SWF-файл?

К редакторам вернемся чуть позже. Пока же рассмотрим, чем открыть SWF-файл в самой простой ситуации. Вариантов как минимум два: либо использовать какой-нибудь программный проигрыватель, поддерживающий данный формат (KMPlayer), либо запускать воспроизведение в веб-браузере.

Во втором случае для корректного воспроизведения обязательным условием является наличие установленного плагина Flash Player от компании Adobe или его аналога в виде расширения Macromedia Flash, что, в общем-то, то же самое.

Принцип редактирования готового Flash-ролика

Теперь несколько слов о том, как в общих чертах осуществляется редактирование готового проекта. Редактор SWF-проектов самого примитивного типа просто так открыть файл не сможет, поскольку готовый SWF-файл, как уже было сказано, является компилированным и содержит минимум информации о начальной структуре.

Таким образом, перед тем как будет использоваться простейший редактор SWF-файлов, сначала готовый файл нужно перевести, так сказать, в читабельный вид. Иными словами, его нужно декомпилировать в исходную форму FLA. Для этого применяются специальные утилиты, о которых будет сказано отдельно.

Лучшие редакторы для создания анимации с нуля

Тем не менее для создания ролика (а не его редактирования) на начальном этапе могут применяться и самые простые приложения, и целые программные пакеты профессионального уровня.

Все их описать не получится, но среди предназначенных для этого программ можно выделить несколько наиболее популярных:

• Alligator Flash Designer.
• SWiSH Max.
• Adobe Flash Professional.
• Corel R.A.V.E.
• Sony Vegas Pro.

Alligator Flash Designer

Этот SWF-редактор на русском языке из всех далее представленных является самым простым и предназначен в основном для быстрого создания анимационных баннеров, которые будут использоваться на сайтах в интернете.

Инструментов в распоряжении начинающего веб-дизайнера не так уж и много, тем не менее здесь имеется порядка ста тридцати разных эффектов, возможность создания анимированного текста, рисунков или вставки звукового сопровождения. Интерфейс до предела прост и понятен, так что именно это приложение очень хорошо подходит для освоения азов создания анимации данного типа.

SWiSH Max

Данный редактор файлов анимации очень сильно похож на предыдущую утилиту, хотя и выглядит несколько более сложным для новичка.

С его помощью можно создавать более профессиональные работы хорошего качества. Разобраться с ним сможет любой пользователь благодаря тому, что в самом приложении предусмотрено наличие видео-уроков, объясняющих основы создания анимационных роликов.

Adobe Flash Professional

Редактор SWF-файлов Adobe Flash является программным пакетом профессионального уровня, который с первого раза освоить сможет далеко не каждый.

В его арсенале имеется столько инструментов, что, как считают многие профессиональные веб-дизайнеры и аниматоры, с их помощью можно реализовать любую фантазию. Кстати сказать, если посмотреть на мировые рейтинги программного обеспечения этого направления, именно приложения Adobe Flash серии CS и CC являются безусловными лидерами.

Corel R.A.V.E.

Перед нами еще один профессиональный редактор SWF, обладающий возможностями, сравнимыми с предыдущим пакетом от Adobe.

Из самого интересного можно отметить возможность рисования двумерных объектов, определение их движения по заранее заданному пути, привязку к указанному пути, создание двойника анимированного объекта для изменения только размера, цвета или местоположения, после чего программа автоматически выполняет необходимые преобразования и анимирует изображение. Естественно, это далеко не все, на что способно это приложение. Изучать его и восхищаться все новыми и новыми возможностями можно очень долго.

Sony Vegas Pro

Этот пакет для работы с видео наверняка в представлении не нуждается. О нем знают даже те, кто вообще никогда работой с мультимедиа данного типа не занимался. Конечно, это не редактор SWF как таковой, однако инструменты для создания анимации в нем есть, и весьма достойные внимания.

Программа позволяет создавать и редактировать анимационные ролики (в данном случае упор делается именно на них) с использованием более 200 эффектов, редактирование можно производить на основе 8-битного режима, а на стадии финализации для улучшения качества переключиться на 32-битный. Тут же можно применять цветовые фильтры для устранения различий в разных фрагментах, задавать частоту раскадровки на уровне 30 fps и выше, а также устанавливать самые разные соотношения сторон изображения, включая даже преобразования и переходы между ними (4:3, 16:9, 16:10), и т. д. В общем, инструментов хватает.

Дополнительные утилиты для работы с Flash

Говоря о создании и редактировании анимационных роликов, нельзя обойти стороной и некоторые дополнительные утилиты, которые могут пригодиться в работе. В частности, это касается преобразования конечного SWF-файла в исходный формат проекта FLA путем декомпиляции (форматирования кода), а также некоторых дополнительных инструментов, применяемых для улучшения качества изображения и уменьшения размера конечного файла без потери качества.

Среди самых необходимых программ можно отметить следующие:

• Flash Decompiler Trillix.
• Sothink SWF Decompiler.
• Flash Optimizer.
• Sparkle SWF Optimizer.

Flash Decompiler Trillix

Это программа понадобится начинающему пользователю для преобразования файла SWF в формат FLA, чтобы проект можно было открыть даже в самом простом редакторе и внести в него необходимые изменения.

По сути, это продвинутый конвертер с возможностями редактора, в котором изменения можно вносить «на лету». Также с его помощью можно производить пакетную конвертацию. И делается это все без обязательной установки плагинов Adobe и Macromedia.

Sothink SWF Decompiler

Эта программа - тоже декомпилятор-редактор, правда, платный. Возможности его весьма интересны. Он ориентирован на быстрое создание или редактирование баннеров, роликов и даже Flash-игр.

Для новичков в приложении предусмотрено наличие специального «Мастера» на основе выбора вида и структуры будущего проекта из имеющихся шаблонов. Кроме того, можно работать и с исходным кодом, применять всевозможные фильтры, эффекты или создавать векторные изображения в специальной среде WYSIWYG.

Flash Optimizer и Sparkle SWF Optimizer

Эти две небольшие утилиты, как уже понятно из названия, являются некими оптимизаторами, позволяющими уменьшить размер готового SWF-файла для экономии занимаемого места без потери качества. Особенно они пригодятся всем тем, кто размешает свои работы в интернете или занимается созданием баннеров и онлайн-игр Flash-формата.

Как утверждается на официальных сайтах разработчиков, эти утилиты позволяют произвести компрессию и уменьшить размер исходного объекта на целых 70 %. В них имеется несколько типов оптимизации с применением автоматического преобразования после задания необходимых параметров.

Что использовать?

Наконец, вопрос самый главный: «Что из всего этого выбрать?». Думаем, начинающим аниматорам и веб-дизайнерам начать стоит с самых простых утилит. Тем, кто хоть немного разбирается в создании и редактировании SWF-роликов, без сомнения, подойдут профессиональные утилиты. Тут выбор за пользователем. Впрочем, при желании и изучении справочной информации, которая имеется в большинстве представленных приложений, освоить работу с ними можно очень даже просто. Но какой же редактор лучше? По праву пальма первенства принадлежит разработкам компании Adobe, хотя и остальные редакторы и декомпиляторы сбрасывать со счетов не стоит.

Многие создатели инфопродуктов, интерактивных интерфейсов, игр, баннерных материалов, видео и прочей анимации уже знакомы с SWF файлам и активно с ними взаимодействуют.

Этот формат работает с Flash-анимацией, векторной графикой, аудио, видео в сети интернет. Воспроизводиться любым браузером с установленным Flash Player.

У этого формата есть ряд достоинств, среди которых:

1. Видеоролики сохраненные имеют небольшой размер и легко загружаются. Что очень цениться вебмастерами, работающими с видеоконтентом, так как это способно значительно уменьшить размер страниц. Соответственно повысить их скорость загрузки .
2. При изменении масштабировании SWF картинки ее качество практически не будет затронуто.

Если вы являетесь одним из тех, кто планирует заниматься работой с Flash медиа-файлами, вам понадобиться софт, а так же определённые знания. Какие? Читайте далее…

Программа для создания SWF

Для создания SWF-анимации вам нужен Adobe Flash. Программа коммерческая (платная), однако учитывая, что мы живем в мире «пиратства» и «беззакония», вы наверняка без проблем найдете крякнутую версию в Яндексе.

Но помните, пиратство преследуется законом! Так что, это все на вашей совести =)

Есть аналоги, например — Sothink SWF Quicker . К сожалению, программа тоже не бесплатная.

Видео уроки по созданию Flash

Давным-давно, еще в ранние школьные годы, ходил на курсы по Flash. И помню, что разобраться без наставника в работе софта (Adobe Flash) было весьма нелегко (возможно из-за англоязычной версии, а быть может дело было в возрасте и отсутствии базиса). Поэтому рекомендую воспользоваться видео уроками, которые я нашел на Youtube. Надеюсь, автор не будет против, если я размещу у себя на сайте первый из них:

В профиле вы найдете еще очень много полезного материала по работе с Flash, в честности по созданию SWF-файлов .

Пару раз уже приходится потеть над не совсем стандартной задачей: есть флеш-баннер (файл в формате.swf), который нужно сделать ссылкой... Вообще по феншую подобные вещи делаются в самом флеше еще во время разработки баннера, и ссылкой выступает непосредственно баннер без никакого оборачивания его в тег . Но, видимо, часто флешеры забывают спросить заказчика, куда должен вести баннер, и сиё дело перекладывается на плечи верстальщика. И вот здесь возникает проблема.

Вариант 1 (нерабочий) . С ходу приходит идея тупо обернуть баннер ссылкой. Но если просто обернуть код самого флеш-баннера в тег ссылки код флеш-баннера , то, как это ни странно, ничего у вас не выйдет: при наведении на баннер курсора ссылка в строке состояния будет не видна, и клик по баннеру ничего не даст.

Вариант 2 (нерабочий) . Изощренный верстальщик пойдет дальше и попробует сделать ссылку блочной и спозиционировать её абсолютно прямо поверх баннера, задав её z-index побольше. Но, как ни странно, и это ничего не даст. Самое время очертить проблему : flash-объекты по-умолчанию обладают бесконечным z-index"ом, перекрывая любой, даже абсолютно позиционированный над ними объект.

Вариант 3 (частично рабочий) . Чтобы избавить flash от бесконечного z-index"a, разработчики flash"a дали нам удобный параметр: Или же просто wmode="opaque" , если встраиваете flash через .

Здесь у нас получается следующий вариант:

Но и это еще не все! Ведь данный вариант, если в ссылке нет никакого текста, странным образом отказывается работать в IE 6-9 (если в ссылке все же будет текст, то этот текст поверх flash-баннера будет вполне кликабельным в IE), и как обычно для осла нам потребуется специальный костыль...

Вариант 4 (100% рабочий)

Чтобы вариант 3 работал и в IE, необходим уникальный костыль — задать для ссылки прозрачный бэкграунд при помощи однопиксельной прозрачной картинки (в данном случае s.gif):

Данный вариант работает во всех популярных браузерах. Я лично проверил на IE7-9, актуальных на сегодня версиях FF, Safari, Opera.

Всё же существующие SWF flash-фильмы могут быть использованы как образцы для создания новых flash-фильмов (при замещении видеоклипов, текстов, картинок, разновидностей скриптов действий в SWF образце). ... - Способность конвертировать SWF в EXE, SWF в SCR (экранную заставку). ... - Способность использовать существующие SWF файлы как шаблоны для создания новых flash фильмов.

5 следующие: - Преобразование MP3/WAV файлов для прослушивания или SWF звуков; - Преобразование MP3 файлов; - Создание SWF Звуковых Библиотек; - Перезаписывание через микрофон и прямое преобразование в SWF ; - Выбор сотни звуковых файлов сразу для преобразования; - Легкий в использовании интерфейс; - Загрузка сервера Программы Передачи Файлов; - Создание XML базированного проекта;...

Sothink SWF Decompiler – это лидирующая сервисная программа, для захвата, декомпиляции и извлечении Shockwave Флэш фильмов, особенно конвертировании ваших SWF в FLA. ... Для управления, просмотра веб страницы в Internet Explorer или Firefox, вы можете включить Sothink SWF Catcher в качестве вспомогательной программы для захвата флэш фильмов; данная программа очень удобна для декомпиляции SWF .

Данная программа создания флэш может редактировать практически все элементы SWF файлов, такие как: тексты, фигуры, URL, ActionScript и т. ... Вы можете найти все, что вы могли слышать об этом – дизайн форм, создание движения, проводимое движение и добавление потокового звука; или всего что вы слышали об этом – редактируйте SWF напрямую.

Анимированный клип может быть сохранен в avi или swf формате и может быть с легкостью выгружен на веб страницу. ... Создание анимации еще никогда ранее не было такой простой операцией. ... Конвертирует фильмы в анимационные клипы. ... Просто скачайте фильм или домашнее видео (в avi формате), щелкните кнопкой и просмотрите готовую анимацию.

В дополнение, secureSWF помогает вам защищать ваши Флэш приложения против различных угроз безопасности, предоставляя кодированную блокировку домена, кодированное создание загрузчика и кодирование строчек. ... secureSWF защищает SWF файлы от декомпиляции и обратного инжиниринга, предоставляя самую лучшую Flash ActionScript маскировку, оптимизацию и кодирование, что делает данную программу...

... - Создание неограниченного количества анимации. ... - Визуализация превращения в различных популярных форматах, включая Флэш SWF и анимированные GIF, также как экспорт в реальных форматах, таких как JPEG, PNG, TIFF и других. ... - Плюс большое количество дополнительных функций. ... - Распределение анимации с друзьями и семьей, используя встроенную функцию отправки по электронной почте.

В сегодняшнем уроке вы узнаете как создать флеш баннер онлайн новичку без знания онов флэш-анимации и без специальных программ (читайте ). Надо упомянуть, что в интернете существует большое количество генераторов, позволяющих создать баннеры, в том числе и в формате flash (swf), однако большинство из них англоязычные без поддержки русских шрифтов. Я специально искала сервис, в котором можно было бы создать баннер с русским текстом.

Напомню, что баннеры – это графическая реклама сайта, блога или любой другой веб-странички. Анимированные баннеры могут быть в формате флэш (swf) и в виде гиф-анимации (читайте – этот сервис поможет вам создать gif-баннер). Баннерная реклама в интернете широко распространена и достаточно эффективна.

Для создания флеш баннера онлайн перейдите по ссылке .

В генераторе Banner Now нажмите на кнопку “Create Banner Now”.

На новой странице выбираем размеры будущего баннера.

Вы можете выбрать один из стандартных размеров баннера или указать свои настройки. Здесь же вы можете выбрать фон баннера и клипарт или загрузить свой. Для этого ставим галочку напротив пункта Custom background , выбираем категорию картинок из предложенных (животные, еда, фоны, животные, кнопки и др.) или загружаем с помощью кнопки upload files .

Снова нажимаем кнопку “create banner”.

Вот мы и попали в редактор флеш баннеров. Если вас не устроил выбор вашего фона, то вы можете выбрать новый. Под рабочей областью документа в найдете галерею изображений (Image Gallery) и кнопку Upload files (загружаем свое фото в редактор). После добавления фона отредактируйте его положение и размеры, потянув мышкой за края изображения.

Используете предварительный просмотр (Preview Banner) для контроля за работой на промежуточных этапах.

Справа от рабочей зоны мы видим слои. Вы можете регулировать прозрачность (свойство alpha), менять последовательность слоев и удалять ненужные.

Слева от рабочей области вы видите дорожку со слайдами. По умолчанию в баннере 1 слайд. Вы можете добавлять слайды, дублировать, удалять, изменять длительность слайда. Чтобы удалить или добавить слайд, нажмите на значок настроек в правом нижнем углу слайда:

Меняем длительность слайда, изменяя время возле значка часов (найдете также под слайдом).

Сверху рабочей зоны вы видите эффекты для текста. Они разбиты на категории:

• appear (появление),
• stay (статичные),
• disappear (исчезновение).

Если вы нажмете на кнопку рядом с эффектами, то можете выбрать эффект для изображения.

После добавления текста, вы выбираете его цвет, размер, шрифт, расположение в настройках слева от рабочей области.

Когда вы создали флеш баннер онлайн, нужно его скачать. Нажмите на кнопку download banner (swf).

Здесь проставляем настройки:

• autoplay (автоплей),
• repeat (повтор),
• button mode (режим кнопки),
• banner hyperlink (страница, на которую баннер будет ссылаться),
• open url in new page (открывать страницу в новом окне),
• use preload (использовать изображение загрузки страницы),
• send cope of banner to my e-mail (отправить копию баннера на мой e-mail).

Вот такой баннер получился у нас:

Предлагаю вам еще несколько генераторов флеш баннеров с поддержкой русского языка:

• www.animationonline.com
• www.lact.ru/banner/en
• www.flash-banner-maker-online.com/customsizebanner3.php

Эти сервисы более просты в использовании, поэтому инструкция по применению не требуется.

Если у вас остались вопросы, то вы можете задать их в комментариях.
Видео урок по работе с сервисом

Эксплуатация