6.4.1. Общая характеристика и интерфейс пакета

Пакет Macromedia Flash реализует специальную технологию Flash, которая позволяет объединить в одном формате текст, графику, звук, анимацию и интерактивные компоненты. Основу Flash-фильмов составляет специальная векторная анимация, отличающаяся высокой компактностью при удовлетворительном качестве. Сайт, разработанный на основе этой технологии, приобретает высокую динамичность и практически безграничную интерактивность. Публикация Flash-фильмов в сети производится путем встраивания их в HTML-документ. В качестве одного из HTML-редакторов, позволяющих корректно встраивать Flash-анимацию в HTML-документ, можно рекомендовать Macromedia DreamWeaver, рассмотренный в§ 6.2. Достоинством редактора является его экономичность. В отличие от многих других WYSIWYG-редакторов он практически не добавляет никаких избыточных тегов, в том числе и при встраивании в HTML-документ Flash-анимации. Технология публикаций HTML-документов со встроенной Flash-анимацией позволяет не только легко модифицировать сайт, но также и обеспечить к нему доступ тех пользователей, которые не имеют проигрывателей Flash-анимации.

Macromedia Flash сохраняет созданные фильмы в формате SWF (ShockWave Flash). Это один из весьма распространенных форматов векторной анимации в сети. Его спецификация была опубликована фирмой Macromedia в 1998 г. В новом тысячелетии эта спецификация, по существу, стала стандартом де-факто. Свыше 200 миллионов человек загрузили с сайта Macromedia проигрыватель Flash-фильмов. Почти 90% лиц, имеющих доступ к сети Интернет, пользуются браузерами, пригодными для просмотра Flash-анимации. Проигрыватели Flash-фильмов поставляются с оболочкой Windows, начиная с версии 95 г., MacOSS, браузерами MS Internet Explorer, начиная с версии 5.0, и Netscape Navigator, начиная с версии 4.0. Некоторые производители программного обеспечения поддерживают формат SWF, включая в свои программные продукты модули, позволяющие экспортировать данные в этот формат (например, Flash Writer для Adobe Illustrator).

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

Программный пакет Flash мы будем рассматривать на основе его современной версии 5.0, интерфейс которой с заставкой представлен на рис. 6.31. Сразу следует отметить, что объем его технического описания превышает 800 страниц, поэтому в рамках данного учебника мы остановимся лишь на некоторых узловых моментах технологии подготовки векторной анимации в данном программном пакете. В частности, просматривается определенное сходство интерфейса данного пакета и редактора векторной графики Adobe Illustrator.

Слева на рис. 6.31видна «Палитра инструментов» (Tools). Более крупным планом она показана на рис. 6.32. Представленные в составе этой палитры инструменты характерны для редакторов векторной графики. В частности, можно перечислить главные из них: стрелки для полного и частичного выделения графических объектов, инструменты «Линия» и «Лассо», «Перо» и «Шрифтовые элементы», «Овал» и «Прямоугольник», «Карандаш» и «Кисть», «Чернильница» и «Красящее ведро» (Paint Bucket), «Капельница» и «Ластик».

Под группой собственно инструментов (Tools) размещается панель «Вид» (View), куда входят инструменты: «Рука» - для перемещения изображения в пределах окна документа - и «Масштаб». Ниже расположен фрагмент «Цвета» (Colors), где, как и в других редакторах векторной графики, задается цвет контурных линий и цвет заливки замкнутых областей, которые соответствуют инструментам «Чернильница» и «Красящее ведро».

Еще ниже расположен фрагмент «Свойства» (Options). Этот фрагмент подобен адаптивной палитре инструментов в пакете PhotoShop. Здесь содержание изменяется в зависимости оттого, какой из рисующих инструментов палитры активен в данный момент.

На рис. 6.32активным показан инструмент «Карандаш», поэтому в нижней части этой палитры, в адаптивном фрагменте «Свойства» (Options) можно задать вариант или способ рисования им. В «Свойствах» представлены три варианта рисования: «Спрямление отрезков» (Straighten), «Скругление резких переходов» (Smooth) и «Выравнивание толщины линий» (Ink). Так как активен первый из этих вариантов, любые линии, нарисованные карандашом, будут автоматически аппроксимироваться ломаной, состоящей из прямолинейных отрезков.

Из инструментов для выделения здесь представлены стрелки для полного (черная) и частичного (светлая) выделения объектов и лассо для выделения областей произвольной формы. Представлены два инструмента для рисования плоских фигур: овал и прямоугольник, а также ластик и пипетка для съема значения цветового тона.

Кратко остановимся на некоторых других палитрах пакета Flash. Вверху справа на рис. 6.31показана палитра с четырьмя вкладками: «Инфо» (Info), «Трансформация» (Transform), «Выравнивание» (Stroke) и «Заполнение» (Fill). Первая вкладка активна. Она позволяет, как показано на рис. 6.33, установить текущие координаты курсора, размеры графических объектов, а также их координаты в цветовом пространстве RGB.

Функции вкладок «Трансформация» и «Заполнение» рассматриваемого окна полностью соответствуют названиям, а вкладка «Линия» (Stroke) позволяет применять при оформлении различные линейки, ширина и цвет которых регулируются с помощью выпадающих списковых окон. Также в виде выпадающего (Pull-Down) списка представлены различные виды линеек, как это представлено на рис. 6.34.

Из других палитр, представленных на рис. 6.31, остановимся на цветовых. Так, линейная палитра цветов «Смеситель» (Mixer) показана на рис. 6.35(на рисунке открыты обе вкладки). Если сравнивать ее с соответствующими палитрами в графических пакетах фирмы Adobe, то она подобна палитрам «Синтез». Данная палитра служит для выбора цветового оттенка. С помощью двух небольших окон в верхней левой части палитры отдельно выбирается цветовой оттенок для линий (на рис. 6.35 по умолчанию показан черный цвет) и для заполнения замкнутых контуров. Цвет выбирается мышью на цветовой линейке и его координаты показываются в RGB-представлении в правой части палитры. Здесь же снизу указана прозрачность сс-канала, т. е. специального корректирующего слоя, который маскирует изображение. Сего помощью можно создавать разнообразные цветовые эффекты.

С палитрой «Смеситель» интегрирована в виде вкладки палитра «Эталоны» (Swatches). В ней представлен, как показано на рис. 6.35, набор цветовых образцов (иначе, это библиотека эталонов цвета). Помимо большого количества цветовых образцов, в нижней части палитры содержаться еще наборы линейных и радиальных градиентов. Палитра может пополняться новыми образцами. Из нее могут удалятся те тона или градиенты, которые не требуются пользователю. Т. е. каждый пользователь адаптирует содержимое данной палитры под свои запросы.

Еще ниже, на рис. 6.31, находятся три палитры для работы с текстом, объединенные в общее окно со вкладками. На рис. 6.36раскрыта одна из этих вкладок, а именно вкладка «Шрифт» (Caracter). Как видно из рисунка, с помощью палитры легко выбрать гарнитуру и кегль шрифта, а также его начертание и цвет. Предусмотрена также возможность регулировки трекинга (плотности размещения символов, обычно при малых кеглях расстояние между символами увеличивают для лучшей читаемости текста) с помощью списка, расположенного под списком для выбора кегля. Имеется также опция «Кернинг» (Kern), которая позволяет регулировать расстояние между символам и в пределах некоторых сочетаний их пар, например, прописной буквой «Г» и строчной «о».

Упомянем еще одну палитру - «Звук» (Sound), которая входит в группу из четырех палитр, с помощью которых выполняется редактирование событий и эффектов. Внешний вид этой палитры представлен на рис. 6.37. В ее верхней части в раскрывающемся списочном окне представлен список звуков, который пополняется путем их импорта из различных пакетов и папок. Для этой цели в секции меню «Файл» имеется соответствующая команда. Мы импортировали звуковой файл Microsoft.wav из папки Media каталога MS Windows.

Для выбранного звукового файла строчкой ниже приводятся его характеристики: частота дискретизации, разрядность оцифрованных значений (см. также § 3.4), количество каналов (моно, стерео, квадро), а также информационный объем файла. Затем, в списковом окне можно выбрать один из эффектов. В нашем случае выбрано ослабление звука слева направо. Звук может быть связан (синхронизован) с объектами или событиями с помощью расположенного ниже еще одного окна списка. Наконец, в нижней строке задается число повторов звука (в примере оно равно 10).

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