Включение в сцену нескольких анимированных объектов

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

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

Постройте в первом слое (Layer 1) анимационную последовательность для первого объекта. Добавьте второй слой, например, с именем Layer 2 и создайте на нем объект, подлежащий анимированию, при этом Flash автоматически построит для этого слоя последовательность простых кадров, равную по длине первой анимированной последовательности, как при создании фонового изображения. Щелкните правой кнопкой мыши в ячейке первого кадра слоя Layer 2 и выберите в контекстном меню команду Create Motion Tween, при этом между первым и последним кадром появится пунктирная линия. Щелкните правой кнопкой мыши в ячейке последнего кадра слоя Layer 2 и выберите в контекстном меню команду Insert Keyframe. В результате пунктирная линия будет преобразована в линию со стрелкой. Переместите объект в позицию, соответствующую последнему кадру анимации.

Если поведение одного объекта должно зависеть от поведения другого (по крайней мере, визуально), дело обстоит несколько иначе. В этом случае недостаточно просто анимировать каждый объект в отдельности. Необходимо согласовать между собой их временные диаграммы (точнее, временные диаграммы соответствующих слоев). Процедуру согласования временных диаграмм рассмотрим на примере. Предположим, что один из объектов начинает двигаться только после того, как в него «врежется» другой. Если требуется сместить по времени движение второго объекта относительно движения первого, необходимо выполнить следующие действия: установите указатель в любой точке анимированной последовательности слоя Layer 2, нажмите левую кнопку мыши и, не отпуская ее, сместите всю последовательность по временной диаграмме на требуемое количество кадров. В результате смещения образуются «пустые» кадры, на которых второй объект не виден до начала движения. В свою очередь, первый объект становится невидим после окончания движения, чтобы оба объекта были видны на всех кадрах, следует размножить первый кадр анимированной последовательности для второго объекта и последний кадр - для первого объект.

Основы работы с текстом

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

Рассмотрим следующие приемы и аспекты работы с текстом:

1 Создание и редактирование текста

2 Статический текст

3 Динамический текст

4 Редактируемый текст

5 Применение визуальных эффектов

Создание и редактирование текста

Чтобы добавить текстовое поле во Flash-фильм, следует выполнить следующие действия:

1. Включить инструмент Text Tool на панели Tools.

2. Щелкнуть мышью в той позиции на столе, куда требуется поместить текстовое поле. В результате в этой позиции появится текстовый курсор, окруженный выделяющей рамкой.

3. Набрать текст.

В правом углу выделяющей рамки (верхнем или нижнем) имеется маркер, который определяет тип текстового поля. Прямоугольный маркер в правом верхнем углу соответствует текстовому полю фиксированной ширины (Fixed text block), в таком поле выполняется автоматический перенос на следующую строку, если очередной символ не умещается на текущей строке. Ширина поля устанавливается пользователем посредством перетаскивания маркера, после публикации фильма на Web-сервере содержимое такого поля не может быть изменено с помощью сценария или читателем Web-страницы. Круглый маркер в правом верхнем углу соответствует расширяемому текстовому полю (Expanded text block), это однострочное текстовое поле, ширина которого автоматически увеличивается при вводе текста. Содержимое такого поля также не может быть изменено с помощью сценария или читателем Web-страницы. Белый прямоугольный маркер в правом нижнем углу соответствует текстовому полю, предназначенному для ввода динамически изменяемого содержимого - Dynamic text block или Input text block. Содержимое поля первого типа может изменяться с помощью сценария, а второго - читателем Web-страницы (например, при вводе данных в форму). Черный прямоугольный маркер в правом нижнем углу указывает на текстовое поле, содержимое которого может перемещаться (прокручиваться) внутри текстовой области с помощью вертикальной и/или горизонтальной полосы прокрутки.

Чтобы изменить атрибуты текстового блока, слова (фрагмента текста) или отдельного символа, необходимо:

1. Включить инструмент Text.

2. Выбрать (выделить) мышью соответствующий фрагмент текста.

3. В меню Text выбрать соответствующую команду, либо воспользоваться элементами управления, имеющимися на панели инспектора свойств текста.

Все команды меню Text разделены на три группы: в первую входят «традиционные» команды работы с текстом (Font, Size, Style), которые представляют собой каскадные меню, содержащие возможные значения соответствующих атрибутов текста; вторую группу образуют команды - Align (Выравнивание) и Tracking (Трекинг); в третью группу включена команда - Scrollable (Перемещаемый), обеспечивающая установку соответствующего свойства текстового поля.

Более удобным средством для изменения параметров текста является инспектор свойств. Его формат зависит от типа текстового поля.

Статический текст

Статический текст (Static Text) - это текстовое содержимое фильма, которое не может быть изменено после публикации фильма. Из представленных на панели элементов управления дополнительного пояснения требуют, вероятно, следующие: текстовое поле URL; выделив на столе текстовый блок и указав в этом поле полный Web-адрес (URL - Universal Resources Locator) связанного ресурса, вы получите самую настоящую гиперссылку, но в отличие от других визуальных редакторов, она будет представлена не подчеркнутым шрифтом, а шрифтом со штриховой линией. Используемый во Flash механизм создания гиперссылок имеет два недостатка: во-первых, URL приходится вводить вручную, во-вторых, Flash не проверяет корректность URL даже для локальных файлов. Раскрывающийся список Target (Целевой) позволяет указать, в какое окно броузера следует загрузить ресурс, вызванный по указанному URL. Список становится доступен при вводе в поле URL хотя бы одного символа. Список содержит следующие варианты:

- _blank - вызываемый документ всегда загружается в новое, неименованное окно;

- _self - вызываемый документ всегда загружается в то же окно, в котором была инициирована ссылка;

- _parent - вызываемый документ загружается в родительское окно (то есть в окно более высокого уровня иерархии). Если данное окно не имеет «родителя» или само является таковым, то результат аналогичен применению значения _self;

- _top - вызываемый документ загружается в окно самого верхнего уровня и если данное окно само является таковым, то результат аналогичен применению значения _self;

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

- кнопка Change Direction of Text (Изменить направление текста) позволяет открыть меню, в котором можно выбрать ориентацию надписи: горизонтальную или вертикальную; меню содержит три команды:

• Horizontal (Горизонтальный);

• Vertical, Left to Right (Вертикальный, слева направо);

• Vertical, Right to Left (Вертикальный, справа налево);

- кнопка Rotation (Поворот) играет роль флажка и позволяет изменять расположение символов в надписи;

- флажок Use Device Font (Использовать шрифт устройства) - если флажок установлен, то при воспроизведении фильма Flash-плеер использует физические шрифты, установленные для броузера пользователя. Это может уменьшить размер файла фильма и повысить удобочитаемость для мелкого шрифта.

Следует иметь в виду, что гипертекстовые ссылки могут создаваться только на основе горизонтального текста. Возле правой границы панели инспектора свойств находится кнопка Format (Формат), щелчок на которой открывает дополнительное диалоговое окно, позволяющее установить параметры форматирования текстового поля. Это окно содержит четыре текстовых поля, совмещенных с ползун - ковыми регуляторами «в стиле Macromedia»:

- Indent (Отступ) - величина абзацного отступа для новой строки (в пикселах);

- Line Spacing (Межстрочный интервал) - расстояние между соседними строками (в пунктах); для вертикального текста этот параметр задает расстояние между столбцами текста;

- Left Margin (Левое поле) - расстояние между левой границей текстового поля и первым символом строки;

- Right Margin (Правое поле) - расстояние между правой границей текстового поля и последним символом строки.

Диалоговое окно Format Option идентично для всех типов текстовых полей.

Динамический текст

Динамический (или изменяемый текст) Dynamic Text - это такое текстовое поле, содержимое которого может изменяться с помощью сценария на языке ActionScript (то есть в процессе воспроизведения фильма).

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

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

Установка атрибутов динамического текста. Для установки атрибутов динамического текста панель инспектора свойств содержит следующие элементы:

- текстовое поле Instance Name (Имя образца) в нем указывается имя текстового поля;

- раскрывающийся список Line type (Тип строки) форматов текстового поля:

• Single Line (Однострочное);

• Multiline (Многострочное);

• Multiline no wrap (Многострочное без переносов);

- кнопка Render text as HTML; если она нажата, то заданные параметры форматирования текста (такие как размер, стиль, использование в качестве гиперссылки) при публикации фильма будут сохранены в виде соответствующих HTML-тэгов;

- кнопка Show Border (Показать рамку); если она нажата, то текстовое поле будет окружено рамкой;

- флажок Selectable (Выбираемый) аналогичен рассмотренному флажку статического текста;

- текстовое поле Var (от Variable - Переменная) предназначено для ввода имени переменной, связанной с создаваемым текстовым полем;

- кнопка Characters (Символы), щелчок на которой открывает дополнительное диалоговое окно Character Options, позволяющее установить параметры использования встроенного шрифта, применяемого для текстового поля; окно содержит три переключателя:

• No Characters (Никакие символы) - информация об используемом шрифте не экспортируется во Flash-фильм при его публикации;

• All Characters (Все символы) - во Flash-фильм включается информация о всех символах шрифта;

• Only (Избранные) - во Flash-фильм включается информация только о тех символах шрифта, которые указаны с помощью расположенных ниже флажков.

По поводу установки параметров встроенного шрифта следует сделать следующее пояснение.

При использовании во Flash-фильме шрифта, установленного на вашем компьютере, Flash внедряет информацию о шрифте в SWF-файл, гарантируя тем самым, что текст будет корректно отображен Flash-плеером. Однако не все шрифты, используемые во Flash, могут экспортироваться в SWF-файл. Поэтому предварительно рекомендуется проверять, может ли экспортироваться данный шрифт. Для этого необходимо в меню View выбрать команду Antialias Text (Сглаживание текста) и оценить результат сглаживания. Если сглаживание не выполнено, это означает, что Flash не распознает такой шрифт и не будет его экспортировать.

Альтернативный способ - использование физических шрифтов (Device Font). Информация о физическом шрифте не экспортируется в SWF-файл. Вместо этого Flash-плеер использует любой шрифт из числа установленных на компьютере, наиболее близкий к физическому шрифту.

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

Flash содержит три вида физических шрифтов: _sans (близкий к шрифтам Helvetica и Arial); _serif (близкий к Times Roman); _typewriter (близкий к шрифту Courier).

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

Редактируемый текст

Редактируемый текст (Input Text) - текстовое поле такого типа предназначено для ввода и редактирования текста читателем Web-страницы.

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

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

- отсутствует текстовое поле URL и связанный с ним раскрывающийся список Target;

- недоступна (заблокирована в нажатом состоянии) кнопка Selectable. Это вполне закономерно: редактируемый текст обязательно должен быть выбираемым;

- присутствует текстовое поле Maximum Characters (максимальное число символов). В этом поле следует указать целое число, которое определяет, сколько символов разрешается ввести читателю.

Параметры поля редактирования, как и параметры динамического текста, могут изменяться средствами языка ActionScript. Чтобы использовать такую возможность, следует назначить полю редактирования уникальное имя и (при необходимости) указать имя связанной с ним переменной.

Как и для динамического текста, для поля редактирования разрешается создавать полосы прокрутки.

⇐ Предыдущая12345678910Следующая ⇒

Поделиться: