Диалоговое окно для установки
Рисунок 5.2. Диалоговое окно для установки величины скругления углов прямоугольника
Рисунок 5.4. Диалоговое окно для установки дополнительных параметров инструмента Rectangle
Формат инспектора свойств, приведенный на Рисунок 5.3, аналогичен используемому для инструментов Line и Oval.
После того, как
с
помощью одного из трех инструментов будет нарисована соответствующая фигура, для корректировки ее параметров может применяться расширенный формат инспектора свойств (Рисунок 5.5). От рассмотренного выше он отличается наличием четырех текстовых полей, которые содержат следующую информацию:
для круга - координаты центра (поля X и Y) и радиус (поля W и Н);
для прямоугольника — координаты верхнего левого угла (поля X и Y) и длины сторон (поля W и Н).
Диалоговое окно для выбора параметров
Рисунок 5.19. Диалоговое окно для выбора параметров оптимизации изображения
Добавление сегмента
Рисунок 5.8. Добавление сегмента
После завершения рисования линии она может быть изменена с помощью любого из четырех инструментов:
Pen, Arrow, Free Transform
или
Subselect.
Для инструмента
Реп,
как и для других инструментов рисования, пользователь может установить толщину и цвет линии, а также цвет заливки (Q работе с цветом будет рассказано в следующем разделе).
Установка толщины линии выполняется с помощью инспектора свойств, формат которого аналогичен приведенному на Рисунок 5.3. Если в момент включения инструмента панель инспектора свойств закрыта, следует войти в меню
Window
и выбрать в нем пункт
Properties.
Установленные значения параметров применяются к вновь создаваемым линиям. Чтобы назначить их ранее созданным линиям и фигурам, они должны быть предварительно выбраны. Результат «проявляется» после того, как будет снято выделение.
Еще раз повторим, что эффективное применение инструмента
Реп
требует определенных практических навыков, тем не менее затраты времени на его освоение окупятся, как только вы захотите создать для оформления Web-страницы нечто нестандартное (Рисунок 5.9).
Инспектор свойств инструмента Pencil
Рисунок 5.12. Инспектор свойств инструмента Pencil
Инструмент
Brush Tool
Инструмент позволяет создавать линии, напоминающие мазки кистью. Для него предусмотрен целый ряд дополнительных специальных эффектов, включая эффект каллиграфического письма.
При создании изображений с помощью Кисти вы можете использовать в качестве заливки импортированное растровое изображение.
Для инструмента предусмотрено пять режимов работы. Выбор режима выполняется с помощью кнопки-модификатора (Рисунок 5.13):
Инспектор свойств инструмента Rectangle
Рисунок 5.3. Инспектор свойств инструмента Rectangle
ИНСТРУМЕНТЫ РИСОВАНИЯ
Рисование выполняется с помощью инструментов, расположенных на панели
Tools.
Основными из них являются (Рисунок 5.1):
Рисунок 5.1. Инструменты рисования
Oval Tool (Овал) — инструмент предназначен для создания стандартных геометрических фигур: эллипсов и окружностей различного радиуса; созданная фигура состоит из двух компонентов, которые могут редактироваться отдельно друг от друга: контура (Outline) и заливки (Fill); в качестве параметров настройки пользователь может выбирать толщину и цвет линии; настройка выполняется с помощью инспектора свойств;
Rectangle Tool (Прямоугольник) — инструмент предназначен для создания соответствующих геометрических фигур; созданная фигура состоит из двух компонентов, которые могут редактироваться отдельно друг от друга: контура и заливки; в качестве дополнительного параметра можно указывать радиус скругления углов прямоугольника; кроме того, пользователь может выбирать толщину и цвет линии; указанные параметры устанавливаются с помощью инспектора свойств; установка параметров инструмента будет подробнее рассмотрена ниже;
Pen Tool (Перо) — инструмент позволяет рисовать прямые и сглаженные кривые линии с высокой точностью на основе механизма кривых Безье; для этого в процессе рисования Flash создает базовые точки (Anchor points) и затем строит по ним нарисованный сегмент; данный инструмент является, пожалуй, наиболее сложным в использовании, поэтому ниже мы рассмотрим работу с ним подробнее;
Pencil Tool (Карандаш) — инструмент предназначен для рисования произвольных линий, однако при соответствующей настройке параметров он выполняет «распознавание» нарисованных фигур и автоматическое их преобразование к стандартным геометрическим фигурам; параметры настройки инструмента будут рассмотрены ниже;
Brush Tool (Кисть) — инструмент позволяет рисовать линии, напоминающие мазки кистью; несмотря на относительную простоту использования, кисть имеет достаточно большое число дополнительных параметров, которые мы рассмотрим отдельно;
Eraser Tool (Ластик) — это обычная для графических редакторов «старательная резинка», по принципу действия и по набору дополнительных параметров она очень близка инструменту Brush Tool.
Необходимо отметить, что результаты использования любого из перечисленных инструментов могут быть впоследствии отменены или скорректированы. Например, для изменения формы линий и контуров объектов может использоваться инструмент
Arrow,
о котором шла речь при описании операций выбора объектов.
Теперь рассмотрим подробнее особенности применения некоторых инструментов.
Инструмент Rectangle Tool
Технология применения этого инструмента в подробных комментариях не нуждается, поэтому остановимся лишь на возможностях по его настройке.
Как было указано выше, допускается изменение следующих параметров работы инструмента
Rectangle:
цвет контура и цвет заливки, которые выбираются с помощью соответствующих кнопок, расположенных на панели инспектора свойств инструмента (Рисунок 5.3);
толщина и стиль линии контура, которые также устанавливаются с помощью инспектора свойств; по умолчанию толщина контура изменяется с дискретностью 0.25 точки (points), но с клавиатуры может быть введено любое значение в диапазоне от 0 до 10;
дополнительный параметр Sharp Corners (Острые углы), задающий форму контура; изменение параметра выполняется в дополнительном диалоговом окне (Рисунок 5.4), которое открывается при щелчке на кнопке Custom... (Настройка); в этом окне также можно изменить толщину контура (с помощью раскрывающегося списка Thickness), значение в этом списке зависит, от значения, установленного в панели инспектора свойств, и наоборот.
ИЗМЕНЕНИЕ ФОРМЫ ЛИНИЙ И КОНТУРОВ ФИГУР
Пользователь имеет возможность изменять форму линий и контуры фигур, созданных с помощью инструментов
Pen, Pencil, Brush, Line, Oval
или
Rectangle.
Редактирование может выполняться инструментами
Arrow, Free Transform
и
Subselection,
либо средствами оптимизации кривых.
Чтобы изменить форму линии или контур фигуры, вы можете перетащить на новую позицию любую точку линии, «зацепив» ее инструментом
Arrow.
При этом указатель служит индикатором того, как будет изменяться линия и ограниченная ею заливка (Рисунок 5.18).
В процессе перемещения линии Flash отображает ее новое положение.
Если перемещаемая точка является конечной, вы можете удлинить или сократить линию. При перемещении угловой точки величина угла не изменяется, хотя образующие его линии могут становиться длиннее или короче. Чтобы создать новую угловую точку, следует щелкнуть на редактируемой линии при нажатой клавише <Ctrl>.
Дополнительные возможности по автоматическому редактированию линий и контуров с помощью инструмента Arrow обеспечиваются кнопками-модификаторами Smooth (Сгладить) и Straighten (Выпрямить). Щелчок на любой из них обеспечивает выполнение соответ
ствующей операции. В зависимости от вида линии повторный щелчок на той же кнопке может либо усилить полученный результат, либо не привести к дополнительному эффекту.
Изменение указателя при редактировании
Рисунок 5.18. Изменение указателя при редактировании контура инструментом Arrow
Для редактирования линий и контуров инструментом
Subselection
соответствующая линия должна быть предварительно выбрана с помощью этого же инструмента (см. подраздел «Выбор и выделение объектов» предыдущей главы). В остальном технология редактирования аналогична работе с инструментом
Arrow.
Еще один способ редактирования графических объектов состоит в том, чтобы
оптимизировать
состав кривых Безье, на основе которых сформирован объект.
Конечная цель оптимизации заключается в уменьшении числа кривых, используемых для формирования объекта (напомним, что Flash — это векторный редактор, и создаваемые с его помощью изображения — это не что иное, как некоторое сочетание кривых). Благодаря оптимизации можно убить сразу двух зайцев: сделать более правильными контуры объекта и уменьшить размер Flash-фильма.
Для оптимизации объекта требуется выполнить следующие действия:
В меню Modify выбрать команду Optimize (Оптимизировать).
В открывшемся диалоговом окне (Рисунок 5.19) с помощью ползуа-кового регулятора выбрать уровень оптимизации, а также два дополнительных параметра, первый из которых определяет способ проведения оптимизации, а второй — необходимость информирования пользователя; значения обоих параметров выбираются с помощью флажков:
если установлен флажок Use Multiple Passes (Использовать последовательную оптимизацию), операция оптимизации автоматически повторяется до тех пор, пока это возможно;
если установлен флажок Show Totals Message (Показать итоговое сообщение), то после «оценки ситуации» Flash выведет на экран сообщение о возможности оптимизации и ее эффективности (Рисунок 5.20).
Практика показывает, что наиболее целесообразно применять оптимизацию для объектов, созданных с помощью инструмента
Pen Tool.
Ломаная нарисованная инструментом Pen Tool
Рисунок 5.6. Ломаная, нарисованная инструментом Pen Tool
Рисование кривых с помощью пера основано на перемещении так называемых касательных. Касательная — это прямая, проведенная через базовую точку (Рисунок 5.7
а).
Длина и направление касательной определяют размер и глубину (величину изгиба) сегмента кривой. Касательная является как бы посредником между указателем мыши и рисуемой линией.
Чтобы нарисовать сегмент кривой, необходимо выполнить следующие действия:
Для создания второй базовой точки переместить указатель на требуемое расстояние и нажать левую кнопку мыши; в результате на экране появится линия, соединяющая базовые точки.
Не отпуская кнопку, переместить указатель в направлении, противоположном требуемому направлению изгиба; при перемещении указателя на экране появится касательная, размер и направление которой определяют глубину и угол изгиба (Рисунок 5.7 б).
Меню режимов использования инструмента Brush Tool
Рисунок 5.13. Меню режимов использования инструмента Brush Tool
Paint Normal (Обычное закрашивание) — «мазок» кисти покрывает все линии и заливки редактируемого изображения, а также любой другой объект или участок стола, оказавшиеся на пути кисти (Рисунок 5.14 б);
Paint Fills (Закрашивание заливок) — обеспечивает закрашивание заливок, не влияя на контуры, линии и пустую область стола (Рисунок 5.14 в);
Paint Behind (Закрашивание позади) — «мазок» кисти покрывает расположенную за изображением пустую область стола, оставляя все линии и заливки на редактируемом изображении без изменения (Рисунок 5.14 г);
Paint Selection
(Закрашивание выбранной области) - «мазок» кисти влияет только на выбранную заливку (или заливки, если их выбрано несколько), оставляя без изменения линии, контуры, не выбранные заливки и пустую область стола (Рисунок 5.14
д);
Paint Inside
(Закрашивание внутри) — закрашивается только та заливка, с которой операция была начата; другие заливки, линии, контуры и стол остаются без изменения (Рисунок 5.14
е);
если вы начнете закрашивание в пустой области рабочего стола, то эффект будет аналогичен применению режима
Paint Behind.
Меню режимов использования инструмента Eraser Tool
Рисунок 5.16. Меню режимов использования инструмента Eraser Tool
Кнопка
Faucet
(Кран) обеспечивает включение соответствующего режима, при использовании которого одним щелчком мыши удаляется («стирается») та часть объекта (контур или заливка), на которой установлен указатель в форме водопроводного крана; причем «горячей точкой» указателя является не сам кран, а капелька; это позволяет с достаточно высокой точностью позиционировать указатель при стирании тонких линий и контуров, и даже отдельных точек изображения.
Включение режима
Faucet
отменяет любой из пяти других режимов, выбираемых с помощью кнопки
Eraser Mode,
и наоборот, щелчок на этой кнопке отменяет режим
Faucet.
С помощью кнопки
Eraser Mode
может быть установлен один из следующих режимов:
Erase Lines (Стирание линий) — ластик удаляет линии и контуры, оставляя заливки на редактируемом изображении без изменения (Рисунок 5.17 в);
Erase Selected Fills (Стирание выбранных заливок) — ластик удаляет только выбранную заливку (или заливки, если их выбра-
Меню режимов работы Pencil Tool
Рисунок 5.10. Меню режимов работы Pencil Tool
Таких режимов три:
Straighten (Выпрямление); Smooth (Сглаживание); Ink (Рисунок чернилами).
Режим
Straighten
обеспечивает преобразование исходного изображения, нарисованного «вручную», в одну из геометрических фигур (Рисунок 5.11). Простейшим случаем такого преобразования является выпрямление линии, нарисованной, мягко говоря, не очень ровно.
Режим
Smooth
является менее «жестким» и позволяет просто избавиться от некоторых шероховатостей в рисунке (см. Рисунок 5.11).
|
Исходное изображение
|
Режим Straighten
|
Режим Smooth
|
||
Окно с информацией о возможности оптимизации изображения
Рисунок 5.20. Окно с информацией о возможности оптимизации изображения
При этом во многих случаях Flash MX обеспечивает весьма существенный эффект при не очень заметной коррекции изображения. Например, на Рисунок 5.21 показан результат оптимизации рисунка, полученного с помощью
Pen Tool.
Исходный вариант
(а)
состоит из 118 кривых, а оптимизированный (б) — всего из 69. Как говорится, найдите десять отличий.
Пример оптимизации изображения
Рисунок 5.21. Пример оптимизации изображения
Как и кнопки-модификаторы Smooth и Straighten инструмента Arrow, оптимизацию можно применять к одному и тому же объекту несколько раз.
Расширенный формат инспектора свойств для стандартных фигур
Рисунок 5.5. Расширенный формат инспектора свойств для стандартных фигур
Инструмент Pen Tool
С помощью данного инструмента можно рисовать прямые или ломаные линии, либо сегменты кривых. В обоих случаях линия строится по базовым точкам на основе механизма кривых Безье.
Чтобы нарисовать прямую линию, необходимо указать первую и последнюю точки отрезка. Точка создается щелчком на столе. Например, чтобы получить ломаную, состоящую из трех отрезков, требуется четыре точки (Рисунок 5.6
а).
Нарисованную линию можно либо оставить незамкнутой, либо преобразовать в замкнутую фигуру. В первом случае достаточно дважды щелкнуть на последней точке линии; чтобы создать замкнутую фигуру, необходимо щелкнуть на начальной точке (Рисунок 5.6 б).
Рисование
Изложенное в предыдущей главе свидетельствует о том, что при работе с графическими объектами можно использовать Flash как обычный графический редактор типа MS Paint или Paint Shop Pro. Тем не менее, при описании возможностей Flash MX по созданию и модификации изображений мы будем исходить из того, что они (изображения) рано или поздно должны стать элементами Flash-фильма.
Рисование кривых с помощью пера
Рисунок 5.7. Рисование кривых с помощью пера
При достижении требуемой формы сегмента отпустить кнопку мыши; касательная исчезнет, а базовые точки (первая и конечная точки сегмента) будут представлены маленькими окрашенными прямоугольничками.
Чтобы добавить еще один сегмент к созданному ранее, требуется повторить шаги 2, 3, 4 описанной выше процедуры.
При работе с пером следует иметь в виду, что нарисованная линия считается «незавершенной» до тех пор, пока вы не нажмете клавишу <Esc> или не переключитесь на другой инструмент. В противном случае каждая новая точка будет считаться принадлежащей данной линии и автоматически соединяться с ней новым сегментом (или прямым отрезком), как показано на Рисунок 5.8.
Эффект применения режимов Straighten и Smooth
Рисунок 5.11. Эффект применения режимов Straighten и Smooth
Третий режим —
Ink
— практически не отличается от режима Smooth, но оказывает еще меньшее воздействие на исходное изображение.
Чтобы нарисовать с помощью Карандаша абсолютно прямую горизонтальную или вертикальную линию, достаточно удерживать в нажатом положении клавишу <Shift>. Если требуется сменить направление с вертикального на горизонтальное или наоборот, следует отпустить клавишу <Shift>, затем вновь нажать ее и продолжить линию в нужном направлении.
Цвет и толщина линии настраиваются с помощью инспектора свойств инструмента (Рисунок 5.12).
Эффект применения
Рисунок 5.14. Эффект применения различных режимов инструмента Brush Tool
При работе с Кистью следует иметь в виду, что эффект установленного режима проявляется не во время выполнения операции, а после ее завершения (то есть когда кнопка мыши будет отпущена).
Дополнительно пользователь может выбрать размер, форму, цвет кисти. Установка первых двух параметров выполняется с помощью кнопок-модификаторов (Рисунок 5.15, вверху), а выбор цвета - либо с помощью кнопки
Fill Color
панели
Tools,
либо с помощью инспектора свойств Кисти (Рисунок 5.15, внизу).
Эффект применения различных режимов
Рисунок 5.17. Эффект применения различных режимов
но несколько), оставляя без изменения линии, контуры, не выбранные заливки и т. д. (Рисунок 5.17 г);
Erase Inside (Стирание внутри) — стирается только та заливка, с которой операция была начата; другие заливки, линии, контуры и стол остаются без изменения (Рисунок 5.17 e ); если вы начнете закрашивание в пустой области рабочего стола, то все объекты останутся без изменения.
При работе с Ластиком, как и при работе с Кистью, эффект установленного режима проявляется не во время выполнения операции, а после ее завершения (то есть когда кнопка мыши будет отпущена).
Дополнительно пользователь может выбрать форму и размер ластика.
«Росчерк» пера («Белеет
Рисунок 5.9. «Росчерк» пера («Белеет парус одинокий...»)
Инструмент Pencil Tool
«Карандаш» имеется во многих графических редакторах, поэтому мы остановимся на отличительных особенностях его реализации во Flash MX.
Начнем с того, что для этого инструмента имеется кнопка-модификатор, щелкнув которую вы можете открыть своеобразное меню, позволяющее выбрать режим работы инструмента (Рисунок 5.10).
Средства установки дополнительных параметров Кисти
Рисунок 5.15. Средства установки дополнительных параметров Кисти
Инструмент Eraser Tool
Инструмент действует подобно обычному ластику, удаляя линии, контуры и заливки.
Для инструмента предусмотрено шесть режимов работы. Выбор режима выполняется с помощью двух кнопок-модификаторов (Рисунок 5.16):
Eraser Mode
и
Faucet.
УСТАНОВКА ПАРАМЕТРОВ РИСОВАНИЯ
Flash MX предоставляет пользователю возможность настроить параметры функций рисования, общие для нескольких инструментов. Для такой настройки служит вкладка
Editing
(Редактирование) окна
Preferences
(Рисунок 5.22).
Элементы вкладки, относящиеся к рисованию, разделены на две группы. Первая из них —
Pen Tool
(Перо) —предназначена для настройки соответствующего инструмента, вторая —
Drawing Settings
(Параметры рисования) — содержит набор параметров, влияющих на результат применения других инструментов.
Первая группа элементов состоит из трех флажков:
Show Solid Points (Показывать закрашенные точки) — невыбранные точки привязки отображаются как закрашенные, а выбранные точки привязки — как контурные (этот вариант используется по умолчанию);
Вкладка Editing окна Preferences
Рисунок 5.22. Вкладка Editing окна Preferences
Show Precise Cursors (Использовать указатель точной настройки) — если флажок установлен, то используемый по умолчанию указатель в виде карандаша заменяется перекрестием, что удобнее для более точного рисования линий.
Вторая группа объединяет пять раскрывающихся списков:
Smooth Curves (Сглаживание кривых) — обеспечивает выбор степени сглаживания кривых, нарисованных с помощью инструмента Pencil (Карандаш);
Recognize Lines (Распознавание линий) — позволяет установить способ распознавания типа линии и степень сглаживания прямых линий;
Recognize Shapes (Распознавание формы) - позволяет установить способ распознавания геометрической фигуры и степень приближения;
Click Accuracy (Точность щелчка) — определяет, как близко к некоторому элементу должен находиться указатель, чтобы Flash мог распознать выполняемую операцию.
Диалоговое окно Bitmap Properties
Рисунок 6.20. Диалоговое окно Bitmap Properties
статическая текстовая область, в которой отражается дополнительная информация об изображении (путь к файлу, дата создания, размер, глубина цвета);
флажок Allow Smoothing (Разрешить сглаживание); если он установлен, то Flash выполняет сглаживание изображения (antialiasing);
раскрывающийся список Compression (Сжатие); список содержит два пункта:
Photo (JPEG) — сжатие для фотореалистических изображений;
Lossless (PNG/GIF) — сжатие для контурных рисунков с резкими цветовыми переходами;
флажок Use Imported JPEG Data (Использовать импортированные данные); если он установлен, то сжатие изображения вы-полняется в соответствии с установленными ранее параметрами; для формата BMP тот же флажок называется несколько иначе — Use Document Default Quality (Использовать заданное качество документа), а для форматов GIF и PNG вообще отсутствует (поскольку для этих двух форматов дополнительное сжатие эффекта не дает); если флажок снят, то ниже отображается текстовое поле Quality (Качество), в котором можно указать требуемое качество изображения после сжатия (в процентах от исходного, 100% соответствует максимальному качеству);
кнопка Test (Тест) позволяет оценить результат сжатия: после щелчка на ней в нижней части окна выводится информация о размере исходного и сжатого изображения, и новый вариант отображается в области просмотра (Рисунок 6.21).
Формат панели Color Mix при редактировании
Рисунок 6.13. Формат панели Color Mix при редактировании градиентной заливки
Рассмотрим подробнее формат панели
Color Mix
при редактировании градиентной заливки (Рисунок 6.13).
Ползунковый регулятор, предназначенный для коррекции цветовых переходов, состоит из двух основных компонентов:
индикаторов градиента (Gradient pointers), которые позволяют изменять цвет областей градиента и перемещать границы цветовых переходов.
По умолчанию (в исходном состоянии) таких индикаторов два. Индикаторы являются интерактивными, перемещение более светлого увеличивает светлую область градиента, перемещение темного, соответственно, темную.
С помощью мыши можно поменять взаимное расположение светлого и темного индикаторов. Это приведет к изменению взаимного расположения светлой и темной областей заливки (Рисунок 6.14).
Помимо положения индикатора на шкале, вы можете изменять его цвет и, следовательно, цвет связанной с ним области. Чтобы изменить цвет индикатора, необходимо:
Открыть окно палитры (щелкнув на кнопке палитры) и выбрать в нем требуемый цвет.
Формат панели Color Mixer для прозрачной заливки
Рисунок 6.10. Формат панели Color Mixer для прозрачной заливки
Формат панели Color Mixer для работы с растровыми заливками
Рисунок 6.12. Формат панели Color Mixer для работы с растровыми заливками
Замечание
Замечание
При работе с цветовой палитрой можно использовать вместо кодировки RGB (Red, Green, Blue) альтернативную кодировку — HSB (Hue, Saturation, Brightness); выбор кодировки выполняется с помощью команд контекстного меню "панели (чтобы его открыть, требуется щелкнуть кнопку в верхнем правом углу панели).
Формат панели Color Mixer для заливки основным цветом
Рисунок 6.11. Формат панели Color Mixer для заливки основным цветом
Форматы панели
Формат панели зависит от вида операции, который может быть выбран из раскрывающегося списка (Рисунок 6.9).
Таких вариантов пять:
Импорт растровых изображений
Чтобы импортировать в фильм растровое изображение, следует выполнить следующие действия:
С помощью стандартного окна файловой системы ОС Windows открыть нужный файл.
В результате импортированное изображение появится на столе, а также будет помещено в библиотеку фильма в качестве символа соответствующего типа, как показано на Рисунок 6.18.
Инспектор свойств инструмента Ink Bottle
Рисунок 6.2. Инспектор свойств инструмента Ink Bottle
Инструмент Dropper Tool
Инструмент позволяет копировать (переносить) атрибуты некоторой линии или заливки на другой объект. Кроме того, с его помощью можно производить выбор растрового изображения, которое будет использовано для создания заливки.
Для копирования атрибутов линии или заливки требуется выполнить следующие действия:
Щелкнуть на объекте, которому требуется назначить эталонные атрибуты.
Инструмент Fill Transform
Данный инструмент позволяет изменять параметры градиентной или растровой заливки некоторой области.
Чтобы перейти в режим редактирования заливки, необходимо включить инструмент
Fill Transform
(при этом изменится форма указателя мыши) и выбрать редактируемую заливку, щелкнув на ней мышью.
Инструмент Ink Bottle Tool
Инструмент предназначен для изменения цвета линии или контура объекта; при этом использоваться могут только базовые цвета. Кроме того, с его помощью можно изменять толщину и стиль линии (контура)
Для изменения цвета линии с помощью
Ink Bottle
необходимо выполнить следующие действия:
С помощью кнопки Stroke Color выбрать требуемый цвет;
Установить указатель на редактируемую линию (горячей точкой указателя является кончик «струи» из бутылки) и щелкнуть кнопкой мыши.
Чтобы изменить с помощью
Ink Bottle
толщину и/или стиль линии, необходимо установить соответствующие параметры в инспекторе свойств инструмента (Рисунок 6.2) и затем щелкнуть им по редактируемой линии. Таким образом, благодаря инспектору свойств вы можете «одним щелчком» изменить цвет, толщину и стиль любой линии.
Инструмент Paint Bucket Tool
Инструмент предназначен для изменения цвета заливки объекта или «мазка» кисти, а также для закрашивания произвольной замкнутой области на столе; для закрашивания могут использоваться базовые цвета, градиенты и растровые изображения. Инструмент может также применяться для закрашивания и незамкнутых областей, однако в этом случае требуется разрешить Flash MX автоматически закрывать промежутки между ограничивающими область линиями.
Для изменения цвета заливки с помощью
Paint Bucket Tool
необходимо выполнить следующие действия:
С помощью кнопки Fill Color выбрать требуемый цвет;
Установить указатель на закрашиваемую область (горячей точкой указателя является кончик «струи» из банки) и щелкнуть кнопкой мыши.
Инструмент
Paint Bucket
имеет дополнительные параметры, установка которых выполняется с помощью кнопок-модификаторов, расположенных в поле
Options
панели
Tools
(Рисунок 6.3).
Кнопка
Gap Size
(Размер промежутка) открывает меню, позволяющее выбрать вариант автоматического «оконтуривания» незамкнутой области, которую требуется закрасить (Рисунок 6.4).
Инструменты для работы с цветом
Рисунок 6.1. Инструменты для работы с цветом
ИСПОЛЬЗОВАНИЕ ИМПОРТИРОВАННЫХ ИЗОБРАЖЕНИЙ
И без того достаточно развитые возможности Flash по созданию графических изображений могут быть еще более усилены за счет включения в Flash-фильмы импортированных изображений. Flash поддерживает импорт как векторных, так и растровых изображений в различных форматах. Перечень основных из них был приведен в разделе «Варианты использования фильмов Flash» второй главы. В данном разделе мы остановимся на использовании растровых изображений. Сразу отметим, что технология работы с ними практически не зависит от формата и аналогична для GIF, JPEG, PNG и BMP.
Импортирование растровых изображений в Flash-фильм может увеличивать размер файла фильма. Чтобы уменьшать размер файла растрового изображения, вы можете выбирать опцию сжатия в диалоговом окне
Bitmap Properties
(Параметры растра).
Flash не способен «своими силами» редактировать растровое изображение. Если в этом имеется необходимость, возможны два варианта действий:
конвертировать растровое изображение в векторное.
Преимуществом второго подхода является уменьшение размера файла с Flash-фильмом.
Существует и еще один способ работы с растровой графикой. Вы можете разделить растр на отдельные доступные для редактирования области (процедура называется Breaking Apart). При этом растр сохраняет все первоначальные детали. Применение указанной процедуры позволяет также использовать растровое изображение в качестве заливки для закрашивания объектов.
Изменение вида градиента путем перемещения индикаторов
Рисунок 6.14. Изменение вида градиента путем перемещения индикаторов
Для градиентной заливки может быть задано произвольное количество цветовых областей. Чтобы добавить новую область, требуется добавить индикатор градиента. Для этого подведите указатель мыши к нижней кромке шкалы градиента (при этом возле указателя появится символ «+») и щелкните левую кнопку мыши. После этого описанным выше способом измените цвет индикатора. Пример градиентной заливки с несколькими цветовыми переходами показан на Рисунок
6.15.
Чтобы удалить лишний индикатор (и связанную с ним область), необходимо нажать клавишу <Ctrl> и, не отпуская ее, переместить с помощью мыши удаляемый индикатор вниз, то есть как бы «оторвать» его от шкалы. После этого отпустить клавишу <Ctrl> и кнопку мыши.
Кнопки группы Colors
Еще раз повторим, что в эту группу панели
Tools
входят кнопки
Stroke Color, Fill Color, Default Colors, No Color
и
Swap Colors
(CM. Рисунок 6.1).
Кнопки
Stroke Color
и
Fill Color
представляют собой как бы два переключателя, и в каждый момент времени может быть включена только одна из них. Кнопки могут использоваться либо совместно с инструментами рисования, рассмотренными выше, либо с инструментом
Arrow.
Щелчок на любой из кнопок приводит к открытию окна палитры, в котором производится выбор нужного цвета (Рисунок 6.7)
Обратите внимание, что для градиентных цветов код RGB принимается равным #000000 (то есть коду черного цвета).
Кнопка
Swap Color
позволяет быстро (одним щелчком) поменять местами цвета заливки и контура выбранного объекта.
Кнопкимодификаторы инструмента Paint Bucket
Рисунок 6.3. Кнопки-модификаторы инструмента Paint Bucket
Окно палитры Flash MX
Рисунок 6.7. Окно палитры Flash MX
Кнопка
No Color
предназначена для создания объектов с прозрачной (бесцветной) заливкой или с прозрачным (бесцветным) контуром. Данная установка может быть применена только к вновь создаваемым объектам, но «е к существующим. Для существующего объекта аналогичный эффект можно получить, просто удалив контур или заливку. Кнопка становится доступной только при включении инструментов
Oval Tool
или
Rectangle Tool.
Щелчок на кнопке приводит к тому, что прозрачный цвет устанавливается для заливки (Рисунок 6.8). Чтобы применить его к контуру объекта, следует воспользоваться кнопкой
Swap Color.
Окно Trace Bitmap
Рисунок 6.22. Окно Trace Bitmap
Normal (Стандартно);
Smooth (Сглаживать);
Very Smooth (Сильно сглаживать);
Раскрывающийся список Corner Threshold (Пороговое значение углов) позволяет выбрать способ сглаживания углов.
Чтобы получить векторное изображение, наиболее похожее на исходное растровое, рекомендуется устанавливать следующие значения:
Color Threshold: 10 Minimum Area: 1 pixel Curve Fit: Pixels Corner Threshold: Many Corners.
На Рисунок 6.23 показан результат преобразования растрового изображения
(а)
в векторное при рекомендуемых значениях параметров
(б)
и при установленных по умолчанию (в).
Замечание
Замечание
После преобразования растрового изображения в векторное экземпляр изображения, находящийся на столе, больше не связан с исходным символом в окне библиотеки фильма.
Применение процедуры разбиения изображения
Breaking
apart
— имеет следующие особенности:
Панель Color Mixer
Панель позволяет выполнять следующие действия:
редактировать существующие градиентные заливки;
выбирать растровое изображение, которое должно использоваться в качестве заливки;
создавать новые и редактировать основные цвета палитры Flash.
Панель Color Mixer (формат для
Рисунок 6.9. Панель Color Mixer (формат для создания радиального градиента)
Solid (Базовый цвет) — установить для заливки один из базовых цветов; при выборе этого варианта панель также содержит кнопки, дублирующие группу Colors панели Tools; при выборе основного цвета вы можете использовать как полный, так и сокращенный формат панели (именно он показан на Рисунок 6.11);
Linear gradient (Линейный градиент) — редактировать заливку с линейным градиентом; в данном случае на панели отображаются те же элементы, что и при создании радиального градиента (см. Рисунок 6.9); подробнее технология редактирования градиентных заливок будет рассмотрена чуть позже;
Radial gradient (Радиальный градиент) — редактировать заливку с радиальным градиентом; формат панели и технология работы с ней такие же, как и для заливки с линейным градиентом;
Bitmap (Растровое изображение) — выбрать растровое изображение для заливки; в данном случае панель Color Mixer дополняется своеобразным списком, в котором отображаются растровые изображения, импортированные в фильм (Рисунок 6.12); щелчок на элементе списка приводит к тому, что соответствующий вид заливки становится активным и может быть применен к объектам фильма с помощью инструмента Paint Bucket; подробнее о работе с растровыми изображениями см. подраздел «Использование импортированных изображений» этой главы.
Панель Color Swatches
Данная панель отличается от панели Color Mix тем, что позволяет работать не с отдельными цветами, а с палитрами цветов. С ее помощью можно скомпоновать и сохранить на диске несколько палитр, каждая из которых будет использоваться в определенном фильме.
Основным средством работы с палитрами являются команды раскрывающегося меню (Рисунок 6.17).
К таким командам относятся:
Delete Swatch (Удалить образец) удаление выбранного цвета;
Add Color... (Добавить цвет) — импортирование во Flash внешней палитры и добавление ее цветов к текущей палитре; палитра может храниться в файле формата CLR (Flash Color Set — палитра Flash) или ACT (Adobe Color Table);
Replace Colors... (Заменить цвет) - импортирование во Flash внешней палитры и замена ею текущей палитры;
Load Default Colors (Загрузить стандартную палитру) — замена текущей палитры используемой по умолчанию;
Save Colors (Сохранить палитру) — сохранение текущей палитры в формате ACT или CLR;
Рисунок 6.17. Панель Color Swatches
Save as Default (Сохранить как стандартную палитру) — сохранение текущей палитры в качестве используемой по умолчанию;
Clear Colors (Очистить палитру) — из палитры удаляются все цвета, кроме черного и белого, а также серого градиента;
Web 216 (попробуйте перевести самостоятельно) — загрузка палитры из 216 цветов, которая гарантированно поддерживается в Интернете;
Sort by Color (упорядочить цвета) — упорядочивание цветов текущей палитры по оттенку.
Представление результатов сжатия изображения
Рисунок 6.21. Представление результатов сжатия изображения
Представление в библиотеке анимированного GIFфайла
Рисунок 6.19. Представление в библиотеке анимированного GIF-файла
Чтобы уточнить и при необходимости изменить параметры импортированного изображения (например, уменьшить его размер), необходимо:
В открывшемся диалоговом окне Bitmap Properties установить требуемые значения.
Диалоговое окно
Bitmap Properties
содержит следующие элементы (Рисунок 6.20):
текстовое поле с именем соответствующего символа библиотеки (по умолчанию оно совпадает с именем файла изображения, но пользователь может его изменить);
Пример градиентной заливки с несколькими
Рисунок 6.15. Пример градиентной заливки с несколькими цветовыми переходами
Чтобы сохранить новую заливку в базовой палитре
Flash,
необходимо открыть контекстное меню панели и выбрать в нем команду
Add Swatch
(Добавить образец).
Технология редактирования радиального градиента аналогична рассмотренной выше. Некоторая особенность имеется лишь в представлении светлой и «затененной» областей. В зависимости от их взаимного расположения различают «внешний» градиент, когда источник света как бы находится вне освещаемого объекта (Рисунок 6.16, слева), и «внутренний», имитирующий источник света, расположенный внутри объекта (Рисунок 6.16, справа).
Пример использования растрового
Рисунок 6.24. Пример использования растрового изображения в качестве заливки: слева — с инструментом Oval, справа — с инструментом Paint Bucket
Работа с цветом
Flash MX обеспечивает различные механизмы применения, создания и модификации цветовой палитры фильма и отдельных его элементов. Используя палитру, установленную по умолчанию, или созданную вами, вы можете выбрать определенный цвет для заливки объекта или для его контура.
Для закрашивания линий и контуров могут использоваться только базовые цвета; вместе с тем, при выборе цвета контура или отдельной линии вы можете дополнительно выбрать стиль и толщину линии. Для заливки может быть использован базовый (однотонный) цвет, градиент, или растровое изображение. Чтобы применить для закрашивания растровое изображение, вы должны импортировать его в файл фильма. Flash MX поддерживает возможность применения прозрачного (невидимого) цвета для закрашивания линий и заливок. Это позволяет создавать, например, только контур объекта без заливки, или, наоборот, закрашенный объект без контура. Кроме того, Flash MX поддерживает достаточно широкие возможности по управлению цветовой схемой текстовых символов.
Для работы с цветом во Flash MX предназначены следующие средства:
кнопки Stroke Color (Цвет контура), Fill Color (Цвет заливки), Default Colors (Цвета по умолчанию), No Color (Бесцветный) и Swap Colors (Поменять цвета), расположенные в поле Colors панели Tools (см. Рисунок 5.22);
панели Color Mixer (Смеситель цвета) и Color Swatches (Образцы цвета).
Разновидности радиального градиента
Рисунок 6.16. Разновидности радиального градиента
Совет
Совет
Даже с помощью одной и той же градиентной заливки вы можете имитировать различные варианты взаимного расположения источника света и объекта. Для этого необходимо включить инструмент Paint Bucket и, щелкая мышью на заливке объекта, добиться требуемого эффекта.
Для линейных градиентов интересный эффект может быть получен, если при включенном инструменте Paint Bucket и нажатой кнопке мыши «прочертить» линию на заливке объекта.
Редактирование градиентной заливки
Если необходимо скорректировать цветовые переходы одной из существующих градиентных заливок, следует ее предварительно выбрать с помощью кнопки
Fill Color
на панели
Tools
(или одноименной кнопки на панели
Color Mix).
Для создания новой градиентной заливки достаточно просто выбрать в списке режимов панели пункт
Linear
или
Radial.
В этом случае в качестве исходной будет использована заливка на основе черного цвета.
Редактирование растровых изображений
Импортированное растровое изображение не доступно для редактирования средствами Flash. Правда, его можно масштабировать, поворачивать, наклонять и изменять точку привязки, но инструменты рисования и закрашивания на него не действуют. Чтобы их можно было использовать, требуется конвертировать растровое изображение в векторное.
Для этого необходимо выполнить следующие действия:
В меню Modify выбрать команду Trace Bitmap... (Перенести растр).
В открывшемся диалоговом окне Trace Bitmap установить параметры преобразования. Следует иметь в виду, что это весьма важный шаг. Дело в том, что если импортируемое изображение содержит сложные формы и много цветов, полученное векторное изображение может иметь больший размер, чем первоначальный растр. Путем подбора установок в диалоговом окне Trace Bitmap можно найти компромисс между размером файла и качеством изображения.
Окно
Trace Bitmap
содержит следующие элементы (Рисунок 6.22):
Текстовое поле Minimum Area (Минимальная область) — целое число в диапазоне от 1 до 1000; представляет собой количество окружающих пикселов, которые должны учитываться при назначении цвета пикселу;
Раскрывающийся список Curve Fit (Подбор кривой) позволяет выбрать способ сглаживания контуров и линий изображения:
Pixels (По пикселам);
Very Tight (Очень близко);
Tight (Близко);
Результат импорта растрового изображения
Рисунок 6.18. Результат импорта растрового изображения
Замечание
Замечание
Если импортируемое изображение — это анимирован-ный GIF, то каждый кадр помещается в библиотеку как отдельный символ; им автоматически назначаются возрастающие порядковые номера (Рисунок 6.19).
Результат применения модификатора Lock Fill
Рисунок 6.5. Результат применения модификатора Lock Fill
Это приведет к тому, что в центре заливки появится точка трансформации, а на выделяющей рамке — три маркера (Рисунок
6.6 а).
Первый и второй обеспечивают изменение размера градиента (или растрового изображения), третий — его положение. При наведении указателя на маркер форма указателя изменяется, показывая назначение маркера. Перемещение точки трансформации также позволяет изменять вид градиентной заливки и растрового изображения. Примеры редактирования градиентной заливки показаны на Рисунок 6.6 б-6.6
д.
Редактирование градиентной
Рисунок 6.6. Редактирование градиентной заливки с помощью инструмента Fill Transform
Особенность работы с растровыми изображениями, в том числе используемыми в качестве заливки, будет рассмотрена в разделе «Использование импортированных изображений».
Результат преобразования
Рисунок 6.23. Результат преобразования растрового изображения в векторное при различных значениях параметров
полученное изображение может использоваться для закрашивания заливки объектов. Для разбиения изображения необходимо:
Выбрать изображение на столе, дважды щелкнув на нем мышью при включенном инструменте Arrow.
В меню Modify выбрать команду Break Apart.
Для выбора области в полученном изображении используется инструмент
Lasso
при включенном модификаторе
Magic Wand
(Волшебная палочка). Сама Волшебная палочка также может настраиваться с помощью дополнительного диалогового окна, которое открывается щелчком на кнопке
Magic Wand Settings
(Параметры волшебной палочки).
Чтобы использовать растровое изображение в качестве заливки, следует выполнить следующие действия.
В меню Modify выбрать команду Break Apart.
Открыть панель Color Mix и в списке режимов выбрать пункт Bitmap.
В списке растровых изображений щелкнуть на миниатюре изображения, которое будет использовано в качестве заливки; в результате на кнопке Fill Color панели Tools появится еще более мелкая копия растрового изображения, это означает, что фигуры, создаваемые инструментами рисования, будут закрашены растровым изображением.
Если требуется изменить заливку для ранее созданных объектов, следует включить инструмент Paint Bucket и использовать его обычным образом.
При использовании растрового изображения в качестве заливки оно масштабируется (уменьшается) и затем размножается таким образом, чтобы заполнить всю площадь заливки (Рисунок 6.24).
Варианты автоматического «оконтуривания»
Рисунок 6.4. Варианты автоматического «оконтуривания» незамкнутой области
Выберите вариант
Don't Close Gaps
(He закрывать промежутки), если вы хотите закрыть промежутки вручную; такой вариант предпочтителен для сложных рисунков, поскольку, во-первых, Flash требуется время для поиска и закрытия промежутков и, во-вторых, это еще более усложнит рисунок.
Выбор любого из трех других вариантов
(Close Small Gaps
— «закрыть маленькие промежутки»,
Close Medium Gaps -
«закрыть средние промежутки» и
Close Large Gaps
— «закрыть большие промежутки») обеспечивает закрашивание областей, контур которых имеет один или более «просветов». Необходимо отметить, что различие в размерах «маленького» и «большого» промежутков не оговорено авторами Flash MX, поскольку зависит от разрешающей способности монитора, и в любом случае не превышает пары миллиметров. Поэтому, если вы действительно хотите воспользоваться этой услугой Flash, целесообразно выбрать вариант
Close Large Gaps.
Модификатор Lock Fill (Блокировка заливки) используется только для градиентных заливок и растровых изображений. Он создает эффект, что все изображения как бы являются частью одного, занимающего весь стол. Соответственно, каждому изображению «достается» свой участок общей заливки, цвет которого зависит от позиции объекта на столе (Рисунок 6.5).
Выбор прозрачной заливки
Рисунок 6.8. Выбор прозрачной заливки
Кнопка Default Colors обеспечивает замену цветовой схемы выбранного объекта (или нескольких объектов) на используемую по умолчанию: белая заливка и черный контур.
