On-Line

Основы работы с Macromedia Flash MX

ОРГАНИЗАЦИЯ ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА (внешнего вида программы)

При первом запуске редактора на экран выводится поверх основного окна дополнительное диалоговое окно - Welcome (Добро пожаловать), предлагающее настроить конфигурацию рабочей среды в соответствии с вашими интересами. Это действительно полезная функция, но вопросам настройки интерфейса посвящен отдельный раздел главы «Средства поддержки пользователя». Поэтому закройте пока окно Welcome (впоследствии оно может быть вызвано на экран с помощью одноименной команды из меню Help). Прежде поговорим о том, из чего же, собственно, предлагается выбирать.

Наиболее важные элементы основного окна Flash MX показаны на рис. 3.1.

Строка меню панель временной Диаграммы

Рис. 3.1. Структура основного окна Flash MX

Панель инструментов редактирования

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

Для удобства работы панель инструментов разделена на четыре части (рис. 3.2):

• Tools (Инструменты), в которой собраны кнопки выбора конкретного инструмента; эти инструменты разделяются на два вида: инструменты выбора и инструменты рисования; подробнее работа с ними будет рассмотрена в двух следующих главах книги;
• View (Вид), содержащая средства управления просмотром изображения, имеющегося на столе; в этом поле расположены две кнопки:
• Hand Tool (Рука) — щелчок на кнопке включает режим, при котором рабочую область можно перемещать в любом направлении с помощью мыши, не пользуясь полосами прокрутки;
• Zoom Tool (Масштаб) — щелчок на кнопке включает режим быстрого масштабирования изображения в рабочей области; при включении этого режима в поле Options появляются две дополнительные кнопки, позволяющие выбирать направление масштабирования (увеличение или уменьшение);
• Colors (Цвета), кнопки которой обеспечивают раздельный выбор цвета контура и заливки объектов; подробнее их предназначение рассмотрено в разделе «Работа с цветом»;
• Options (Параметры), на которой представлены элементы установки дополнительных параметров выбранного инструмента; для инструментов, не имеющих дополнительных параметров, поле Options остается пустым.

Рис. 3.2. Панель инструментов редактирования

При необходимости панель инструментов может быть «отстыкована» от границы и окна и превращена в «плавающую» (ее можно свободно перемещать по экрану).

Рабочая область

Рабочая область занимает всю центральную часть окна. В рабочей области можно выполнять любые операции редактирования объектов, однако в «кадр» попадут только те объекты (или их фрагменты), которые расположены в пределах монтажного стола. В связи с этим может возникнуть вопрос: зачем же нужна остальная часть рабочей области? Ответов два:

• для выполнения «черновых» работ;
• для реализации эффекта постепенного входа объекта в кадр (или наоборот, выхода из него); подробнее этот аспект использования рабочей области будет рассмотрен в главе «Создание анимации».

Непосредственно над рабочей областью находится относящаяся к ней панель инструментов. На ней расположены следующие элементы интерфейса (рис. 3.3, слева направо):

• кнопка со стрелкой, которая обеспечивает возврат в режим редактирования всей сцены; кнопка становится доступна, если вы работаете в режиме редактирования отдельного символа;
• текстовое поле с именем редактируемой сцены (или сцены, к которой относится редактируемый символ); по умолчанию сценам фильма присваиваются имена, состоящие из слова Scene и порядкового номера сцены;
• текстовое поле с именем редактируемого символа; если данный символ содержит внутри себя другие символы, то при переходе к редактированию вложенного символа на панели отображается цепочка имен символов, соответствующая их иерархии;
• кнопка выбора сцены; щелчок на кнопке открывает меню, содержащее список сцен фильма;
• кнопка выбора символа; щелчок на кнопке открывает меню, содержащее список символов фильма; подробнее о создании и редактировании символов рассказано в главе «Создание и редактирование символов»;
• раскрывающийся список, с помощью которого выбирается масштаб отображения рабочей области; список является редактируемым, поэтому в случае отсутствия в нем требуемого варианта вы можете ввести нужное значение с клавиатуры.

Рис. 3.3. Панель инструментов рабочей области

Щелчок кнопкой мыши при нажатой клавише ??? в любой точке рабочей области открывает контекстное меню, содержащее основные команды для изменения параметров рабочей области и фильма в целом. Всего таких команд около двух десятков. Пока остановимся на одной - Scene (Сцена). Ее выбор приводит к выводу на экран одноименной панели, предназначенной для работы со сценами фильма (рис. 3.4).

Рис. 3.4. Панель Scene

С ее помощью вы можете:

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

Монтажный стол

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

В каждый момент времени на столе может располагаться только одна сцена, относящаяся к данному фильму. В то же время сам стол принадлежит определенному фильму. Как только вы открываете для редактирования какой-либо фильм (то есть файл с расширением .fla), или создаете новый файл, в окне Flash появляется стол и связанная с ним временная диаграмма. Если же редактируемых файлов нет, то и стол не отображается (рис. 3.5).

Рис. 3.5. Нет фильма — нет и стола

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

Объясняется это тем, что во Flash используется так называемый многодокументный интерфейс — MDI (Multi Document Interface). Такая модель работы приложения означает, что внутри одного родительского окна (именно оно показано на рис. 3.5) может быть открыто несколько редактируемых файлов — дочерних окон. Например, на рис. 3.6 показан случай, когда в родительском окне Flash открыто два файла, то есть два различных фильма. Кстати, обратите внимание, что при минимизации окон фильмов некоторые кнопки стали как бы собственностью конкретного фильма, а панель инструментов редактирования осталась общей.

Рис. 3.6. Работа с двумя фильмами одновременно

MDI обеспечивает целый ряд преимуществ, одно из которых — возможность копирования или перемещения элементов из одного фильма в другой путем перетаскивания с помощью мыши (то есть применение техники drag-and-drop — «перетащи и оставь»). При копировании или перемещении объектов в другой фильм для него сохраняется не только визуальное представление, но и остальные свойства. Например, при копировании кнопки сохраняются и связанные с ней действия.

Совет

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

Чтобы скопировать объект в другой фильм, описанные выше действия выполняются при нажатой клавише <???>.

Временная диаграмма

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

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

Рис. 3.7. Панель временной диаграммы

Рассмотрим подробнее элементы временной диаграммы.

Начнем со шкалы кадров. Шкала является общей для всех слоев сцены. На ней отображена нумерация кадров в возрастающем порядке. Шаг нумерации равен 5 (он остается неизменным при любом формате кадров).

Считывающая головка (Play head) является своеобразным индикатором, указывающим текущий (активный) кадр анимации. При создании очередного кадра и при воспроизведении фильма считывающая головка перемещается вдоль временной диаграммы автоматически. Вручную (с помощью мыши) ее можно перемещать только после того, как анимированный фильм будет создан. Причем перемещать ее можно в обоих направлениях; при этом будет изменяться и состояние анимированных объектов.

В дальнейшем мы рассмотрим технику работы временной диаграммы более подробно.

Инспектор свойств

Ниже рабочей области (в исходном состоянии) размещается панель инспектора свойств (см. рис. 3.1). Если в рабочей области не выбран ни один объект, либо таковые вообще отсутствуют, то инспектор свойств отображает общие параметры фильма. При выборе какого-либо объекта автоматически изменяется формат инспектора свойств.

На рис. 3.11 показан формат инспектора свойств для документа (фильма) в целом.

В этом случае панель инспектора содержит следующие элементы:

• текстовое поле Document (Документ), в котором отображается имя редактируемого файла;

Рис. 3.11. Формат инспектора свойства документа

• кнопка Size (Размер), которая одновременно используется для отображения текущего размера стола (то есть размера «экрана» для просмотра Flash-фильма; щелчок на кнопке открывает дополнительное диалоговое окно Document Properties (Свойства документа), которое позволяет изменить размеры стола, а также скорректировать значения других параметров документа (рис. 3.12);
• кнопка Publish (Публикация), щелчок на которой позволяет выполнить публикацию фильма с установленными ранее (или используемыми по умолчанию) параметрами; публикация заключается в конвертировании исходного файла Flash-фильма (в формате FLA) в формат SWF; кроме того, по умолчанию создается Web-страница (HTML-файл), содержащая фильм; непосредственно на кнопке отображается один из основных параметров публикации - версия Flash-плеера, для которой выполняется конвертирование;
• кнопка Background (Фон), щелчок на которой открывает окно палитры для выбора фона фильма (то есть цвета стола);
• текстовое поле Frame Rate (Скорость кадров), которое позволяет задать частоту смены кадров анимации (частота измеряется числом кадров в секунду — frame per second, fps);
• кнопка с изображением вопросительного знака, которая обеспечивает вызов контекстной справки в формате HTML-документа;
• кнопка с изображением звездочки, щелчок на которой открывает панель Accessibility (Доступность); эта панель позволяет установить для всех элементов фильма дополнительное свойство — доступность для восприятия людьми с ограниченными физическими возможностями; в простейшем случае это свойство реализуется посредством использования альтернативных форм представления информации; например, звуковое сопровождение может заменяться соответствующим текстом, выводимым на экране.

Замечание

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

Рис. 3.12. Диалоговое окно Document Properties

С остальными элементами окна Flash MX, а также с командами, входящими в различные разделы меню, вы познакомитесь при изучении соответствующих этапов создания фильма

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

Настройка пользовательского интерфейса

Некоторые аспекты настройки пользователем рабочей среды были упомянуты в предыдущем подразделе, другие пока не были названы. К числу наиболее часто используемых относятся:

• изменение состава и формата панелей инструментов, отображаемых на экране;
• изменение масштаба просмотра изображения, представленного на столе;
• включение/выключение линейки форматирования и координатной сетки;
• назначение раскладки горячих клавиш.

Изменение состава панелей инструментов

В первой главе было отмечено, что возможность автоматического выбора конфигурации рабочей среды - это одно из новшеств Flash MX. Во многих случаях оно может действительно оказаться весьма полезным. Предусмотрено три конфигурации: для дизайнера (Designer), для разработчика (Developer) и универсальная конфигурация (General). Если вы хотите предварительно получить краткую характеристику каждой конфигурации, выберите в меню Help основного окна команду Welcome (Добро пожаловать). При этом на экране появится диалоговое окно, созданное с помощью Flash. Оно содержит своеобразное меню из трех пунктов, соответствующих определенной конфигурации. При наведении указателя на пункт меню (без щелчка) вид окна изменяется (рис. 3.18). Щелкнув мышью на пункте меню, вы сможете получить более развернутую информацию.

Чтобы перейти в режим настройки конфигурации, необходимо:

1. В меню Window основного окна выбрать команду Panel Sets (Набор панелей).
2. В открывшемся каскадном меню выбрать подходящий вариант; универсальной конфигурации соответствует пункт Default Layout (Конфигурация по умолчанию); для вариантов Designer и Developer предусмотрено по три модификации, различающихся разрешением используемого монитора.

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

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

1. В меню Window выбрать команду Save Panel Layout (Сохранить конфигурацию панели).

2. В открывшемся диалоговом окне ввести имя (название) сохраняемой конфигурации и щелкнуть на кнопке ОК (рис. 3.19).

Описание пользовательской конфигурации панелей сохраняется в одноименном файле на жестком диске в папке Flash MX\First Ruu\Panel Sets. Поэтому название конфигурации должно удовлетворять требованиям к выбору имен файлов той системы, с которой вы работаете. Конфигурация, созданная последней, будет загружена автоматически при последующем запуске Flash MX.

Рис. 3.19. Сохранение пользовательской конфигурации панелей

Названия всех созданных конфигураций включаются в каскадное меню Panel Sets, которое уже упоминалось выше. Поэтому, если вы создали и сохранили несколько вариантов конфигурации, то для выбора одного из них необходимо войти в каскадном меню Panel Sets (рис. 3.20).

Рис. 3.20. Вызов пользовательской конфигурации

В заключение рассмотрим команды настройки интерфейса, позволяющие изменять вид стола и рабочей области. Большинство таких команд включены разработчиками Flash в меню View (Вид):

Zoom In (Увеличить), Zoom Out (Уменьшить), Magnification (Увеличение размеров изображения) — для изменения масштаба изображения на столе (вместе с размером самой рабочей области);

Work Area (Рабочая область); если данная команда выбрана (о чем говорит маркер слева от ее имени), то окружающая стол рабочая область также становится интерактивной и может использоваться как часть стола; в частности, на ней можно рисовать, перемещать на нее символы при создании ключевых кадров анимации и т. д.; пример размещения объектов в рабочей области показан на рис. 3.25; подобное использование рабочей области полезно в тех случаях, когда требуется задать положение начального или конечного ключевого кадра за пределами стола; кроме того, установка этого режима необходима для использования инструмента Hand;

Рис. 3.25. Допустимое размещение объектов при использовании интерактивной рабочей области

Rulers (Линейки), Grid (Сетка), Guide (Направляющие) - для включения соответствующих средств разметки стола и рабочей области; на рис. 3.26 показан вид стола при использовании линеек и включенной сетке.

Рис. 3.26 Вид стола при использовании линеек и включенной сетке

Средства помощи и обучения

Все средства указанной категории доступны посредством соответствующих команд, входящих в меню Help основного окна. К ним относятся:

• Lessons (Уроки) — вызов Flash-приложения, предоставляющего возможность использования интерактивных уроков, дающих представление о технике выполнения основных операций;
• Tutorial (Учебник) — вызов пособия в формате HTML, описывающего процедуру разработки конкретного завершенного Flash-фильма;
• Using Flash (Применение Flash) - вызов многостраничного справочника в формате HTML, содержащего исчерпывающие сведения по работе в среде Flash MX;
• ActionScript Dictionary (Словарь по ActionScript) — вызов справочника в формате HTML, содержащего описание синтаксических конструкций и встроенных функций языка ActionScript;
• Samples (Примеры) — открывает папку с подборкой примеров различного уровня сложности, иллюстрирующих возможности Flash MX; все примеры представлены в двух форматах: FLA и SWF; первые из них могут быть открыты непосредственно с помощью Flash MX, вторые - с помощью автономного Flash-плеера;
• Flash Support Center (Центр поддержки пользователей Flash) -ссылка на Web-сайт, посвященный Flash.

На рис. 3.27 показан формат Flash-приложения, предоставляющего доступ к интерактивным урокам.

Рис. 3.27. Страница Flash-приложения, предоставляющего доступ к интерактивным урокам

С их помощью вы можете получить сведения и первичные навыки по следующим темам:

• Getting Started with Flash — общие сведения о технологии и основные возможности Flash;
• Illustrating in Flash — создание графических изображений;
• Adding and Editing Text — создание и редактирование текстового содержания фильма;
• Creating and Editing Symbols — создание и редактирование символов;
• Understanding Layers — введение в технологию использования слоев;
• Creating Tweened Animation — введение в технологию создания автоматической (tweened) анимации;
• Creating Buttons — создание интерактивных кнопок.
• Кроме перечисленных выше, в состав уроков входят еще три темы — For Director Users, For FreeHand & Illustrator Users и For Fireworks & Photoshop Users, которые призваны помочь пользователям, знакомым с соответствующими продуктами.

Следует отметить, что разработчики Flash MX рекомендуют начинать его изучение именно с освоения материала интерактивных уроков. Тем не менее, практика показывает, что более полное и цельное представление о возможностях редактора и особенностях работы с ним можно получить с помощью электронного учебника.