Инструмент Dropper Tool

Инструмент позволяет копировать (переносить) атрибуты некоторой линии или заливки на другой объект. Кроме того, с его помощью можно производить выбор растрового изображения, которое будет использовано для создания заливки.

Для копирования атрибутов линии или заливки требуется выполнить следующие действия:

  1. Включить инструмент Dropper Tool и щелкнуть на линии или фигуре; в зависимости от типа эталонного элемента (линия или заливка) автоматически включается соответствующий инструмент закрашивания — Ink Bottle Tool или Paint Bucket Tool, кроме того, для инструмента Paint Bucket Tool устанавливается режим Lock Fill.
  2. Щелкнуть на объекте, которому требуется назначить эталонные атрибуты.

Кнопки группы Colors

Еще раз повторим, что в эту группу панели Tools входят кнопки Stroke Color, Fill Color, Default Colors, No Color и Swap Colors.

Кнопки Stroke Color и Fill Color представляют собой как бы два переключателя, и в каждый момент времени может быть включена только одна из них. Кнопки могут использоваться либо совместно с инструментами рисования, рассмотренными выше, либо с инструментом Arrow. Щелчок на любой из кнопок приводит к открытию окна палитры, в котором производится выбор нужного цвета

Обратите внимание, что для градиентных цветов код RGB принимается равным #000000 (то есть коду черного цвета).

Кнопка Swap Color позволяет быстро (одним щелчком) поменять местами цвета заливки и контура выбранного объекта.

Кнопка No Color предназначена для создания объектов с прозрачной (бесцветной) заливкой или с прозрачным (бесцветным) контуром. Данная установка может быть применена только к вновь создаваемым объектам, но «е к существующим. Для существующего объекта аналогичный эффект можно получить, просто удалив контур или заливку. Кнопка становится доступной только при включении инструментов Oval Tool или Rectangle Tool. Щелчок на кнопке приводит к тому, что прозрачный цвет устанавливается для заливки. Чтобы применить его к контуру объекта, следует воспользоваться кнопкой Swap Color.

Кнопка Default Colors обеспечивает замену цветовой схемы выбранного объекта (или нескольких объектов) на используемую по умолчанию: белая заливка и черный контур.

Панель Color Mixer

Панель позволяет выполнять следующие действия:

  • устанавливать цвет заливки для выбранного или вновь создаваемого объекта;
  • редактировать существующие градиентные заливки;
  • выбирать растровое изображение, которое должно использоваться в качестве заливки;
  • создавать новые и редактировать основные цвета палитры Flash.

Форматы панели

Формат панели зависит от вида операции, который может быть выбран из раскрывающегося списка.

Таких вариантов пять:

  • None (Отсутствует) — установить прозрачный цвет заливки; вариант доступен только в том случае, если на панели Tools включен один из трех инструментов: Pen, Oval или Rectangle (то есть для вновь создаваемого объекта); кнопки, отображаемые справа от списка режимов, дублируют кнопки, входящие в группу Colors панели Tools;
  • Solid (Базовый цвет) — установить для заливки один из базовых цветов; при выборе этого варианта панель также содержит кнопки, дублирующие группу Colors панели Tools; при выборе основного цвета вы можете использовать как полный, так и сокращенный формат панели;
  • Linear gradient (Линейный градиент) — редактировать заливку с линейным градиентом; в данном случае на панели отображаются те же элементы, что и при создании радиального градиента; подробнее технология редактирования градиентных заливок будет рассмотрена чуть позже;
  • Radial gradient (Радиальный градиент) — редактировать заливку с радиальным градиентом; формат панели и технология работы с ней такие же, как и для заливки с линейным градиентом;
  • Bitmap (Растровое изображение) — выбрать растровое изображение для заливки; в данном случае панель Color Mixer дополняется своеобразным списком, в котором отображаются растровые изображения, импортированные в фильм; щелчок на элементе списка приводит к тому, что соответствующий вид заливки становится активным и может быть применен к объектам фильма с помощью инструмента Paint Bucket; подробнее о работе с растровыми изображениями см. подраздел «Использование импортированных изображений» этой главы.

Замечание

При работе с цветовой палитрой можно использовать вместо кодировки RGB (Red, Green, Blue) альтернативную кодировку — HSB (Hue, Saturation, Brightness); выбор кодировки выполняется с помощью команд контекстного меню «панели (чтобы его открыть, требуется щелкнуть кнопку в верхнем правом углу панели).

Редактирование градиентной заливки

Если необходимо скорректировать цветовые переходы одной из существующих градиентных заливок, следует ее предварительно выбрать с помощью кнопки Fill Color на панели Tools (или одноименной кнопки на панели Color Mix).

Для создания новой градиентной заливки достаточно просто выбрать в списке режимов панели пункт Linear или Radial. В этом случае в качестве исходной будет использована заливка на основе черного цвета.

Рассмотрим подробнее формат панели Color Mix при редактировании градиентной заливки.

Ползунковый регулятор, предназначенный для коррекции цветовых переходов, состоит из двух основных компонентов:

  • шкалы градиента (Gradient definition bar), предназначенной для просмотра полученного результата;
  • индикаторов градиента (Gradient pointers), которые позволяют изменять цвет областей градиента и перемещать границы цветовых переходов.

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

С помощью мыши можно поменять взаимное расположение светлого и темного индикаторов. Это приведет к изменению взаимного расположения светлой и темной областей заливки.

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

  1. Щелкнуть на нем мышью; при этом цвет значка активного индикатора станет таким же, как у выбранного индикатора.
  2. Открыть окно палитры (щелкнув на кнопке палитры) и выбрать в нем требуемый цвет.

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

Чтобы удалить лишний индикатор (и связанную с ним область), необходимо нажать клавишу <Ctrl> и, не отпуская ее, переместить с помощью мыши удаляемый индикатор вниз, то есть как бы «оторвать» его от шкалы. После этого отпустить клавишу <Ctrl> и кнопку мыши.

Чтобы сохранить новую заливку в базовой палитре Flash, необходимо открыть контекстное меню панели и выбрать в нем команду Add Swatch (Добавить образец).

Технология редактирования радиального градиента аналогична рассмотренной выше. Некоторая особенность имеется лишь в представлении светлой и «затененной» областей. В зависимости от их взаимного расположения различают «внешний» градиент, когда источник света как бы находится вне освещаемого объекта, и «внутренний», имитирующий источник света, расположенный внутри объекта.

Совет

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

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

Панель Color Swatches

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

Основным средством работы с палитрами являются команды раскрывающегося меню.

К таким командам относятся:

  • Duplicate Swatch (Дублировать образец) — копирование выбранного цвета;
  • Delete Swatch (Удалить образец) удаление выбранного цвета;
  • Add Color… (Добавить цвет) — импортирование во Flash внешней палитры и добавление ее цветов к текущей палитре; палитра может храниться в файле формата CLR (Flash Color Set — палитра Flash) или ACT (Adobe Color Table);
  • Replace Colors… (Заменить цвет) – импортирование во Flash внешней палитры и замена ею текущей палитры;
  • Load Default Colors (Загрузить стандартную палитру) — замена текущей палитры используемой по умолчанию;
  • Save Colors (Сохранить палитру) — сохранение текущей палитры в формате ACT или CLR;
  • Save as Default (Сохранить как стандартную палитру) — сохранение текущей палитры в качестве используемой по умолчанию;
  • Clear Colors (Очистить палитру) — из палитры удаляются все цвета, кроме черного и белого, а также серого градиента;
  • Web 216 (попробуйте перевести самостоятельно) — загрузка палитры из 216 цветов, которая гарантированно поддерживается в Интернете;
  • Sort by Color (упорядочить цвета) — упорядочивание цветов текущей палитры по оттенку.

Использование импортированных изображений

И без того достаточно развитые возможности Flash по созданию графических изображений могут быть еще более усилены за счет включения в Flash-фильмы импортированных изображений. Flash поддерживает импорт как векторных, так и растровых изображений в различных форматах. Перечень основных из них был приведен в разделе «Варианты использования фильмов Flash» второй главы. В данном разделе мы остановимся на использовании растровых изображений. Сразу отметим, что технология работы с ними практически не зависит от формата и аналогична для GIF, JPEG, PNG и BMP.

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

Flash не способен «своими силами» редактировать растровое изображение. Если в этом имеется необходимость, возможны два варианта действий:

  • открыть и отредактировать изображение в одном из внешних графических редакторов (например, Fireworks);
  • конвертировать растровое изображение в векторное.

Преимуществом второго подхода является уменьшение размера файла с Flash-фильмом.

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

Импорт растровых изображений

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

  1. В меню File выбрать команду Import (Импорт).
  2. С помощью стандартного окна файловой системы ОС Windows открыть нужный файл.

В результате импортированное изображение появится на столе, а также будет помещено в библиотеку фильма в качестве символа соответствующего типа.

Замечание

Если импортируемое изображение — это анимирован-ный GIF, то каждый кадр помещается в библиотеку как отдельный символ; им автоматически назначаются возрастающие порядковые номера.

Чтобы уточнить и при необходимости изменить параметры импортированного изображения (например, уменьшить его размер), необходимо:

  1. В раскрывающемся меню окна библиотеки выбрать команду Properties (Свойства).
  2. В открывшемся диалоговом окне Bitmap Properties установить требуемые значения.

Диалоговое окно 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 (Тест) позволяет оценить результат сжатия: после щелчка на ней в нижней части окна выводится информация о размере исходного и сжатого изображения, и новый вариант отображается в области просмотра.

Редактирование растровых изображений

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

Для этого необходимо выполнить следующие действия:

  1. Скопировать из окна библиотеки экземпляр изображения на стол.
  2. В меню Modify выбрать команду Trace Bitmap… (Перенести растр).
  3. В открывшемся диалоговом окне Trace Bitmap установить параметры преобразования. Следует иметь в виду, что это весьма важный шаг. Дело в том, что если импортируемое изображение содержит сложные формы и много цветов, полученное векторное изображение может иметь больший размер, чем первоначальный растр. Путем подбора установок в диалоговом окне Trace Bitmap можно найти компромисс между размером файла и качеством изображения.

Окно Trace Bitmap содержит следующие элементы:

  • Текстовое поле Color Threshold (Цветовой порог) — целое число в диапазоне от 1 до 500; представляет собой числовой код цвета пиксела в системе RGB; если цвет двух соседних пикселов растрового изображения различается меньше, чем на указанную величину, участок изображения переносится в векторный рисунок как одноцветный; таким образом, увеличение цветового порога ведет к «обеднению» палитры изображения, но и сокращает его размер;
  • Текстовое поле Minimum Area (Минимальная область) — целое число в диапазоне от 1 до 1000; представляет собой количество окружающих пикселов, которые должны учитываться при назначении цвета пикселу;
  • Раскрывающийся список Curve Fit (Подбор кривой) позволяет выбрать способ сглаживания контуров и линий изображения:

    • Pixels (По пикселам);
    • Very Tight (Очень близко);
    • Tight (Близко);
    • Normal (Стандартно);
    • Smooth (Сглаживать);
    • Very Smooth (Сильно сглаживать);
  • Раскрывающийся список Corner Threshold (Пороговое значение углов) позволяет выбрать способ сглаживания углов.

Чтобы получить векторное изображение, наиболее похожее на исходное растровое, рекомендуется устанавливать следующие значения: Color Threshold: 10 Minimum Area: 1 pixel Curve Fit: Pixels Corner Threshold: Many Corners.

Замечание

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

Применение процедуры разбиения изображения Breaking apart — имеет следующие особенности:

  • пикселы в изображении разделяются на отдельные дискретные области, которые могут быть выбраны и изменены независимо друг от друга;
  • полученное изображение может использоваться для закрашивания заливки объектов. Для разбиения изображения необходимо:
  1. Выбрать изображение на столе, дважды щелкнув на нем мышью при включенном инструменте Arrow.
  2. В меню Modify выбрать команду Break Apart.

Для выбора области в полученном изображении используется инструмент Lasso при включенном модификаторе Magic Wand (Волшебная палочка). Сама Волшебная палочка также может настраиваться с помощью дополнительного диалогового окна, которое открывается щелчком на кнопке Magic Wand Settings (Параметры волшебной палочки).

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

  1. Импортировать растровое изображение с помощью команды Import или скопировать его на стол из другого приложения через буфер обмена.
  2. В меню Modify выбрать команду Break Apart.
  3. Открыть панель Color Mix и в списке режимов выбрать пункт Bitmap.
  4. В списке растровых изображений щелкнуть на миниатюре изображения, которое будет использовано в качестве заливки; в результате на кнопке Fill Color панели Tools появится еще более мелкая копия растрового изображения, это означает, что фигуры, создаваемые инструментами рисования, будут закрашены растровым изображением.
  5. Если требуется изменить заливку для ранее созданных объектов, следует включить инструмент Paint Bucket и использовать его обычным образом.

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

Работа с текстом

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

На основе фрагмента текста может быть создана гиперссылка.

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

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