Книга: Macromedia Flash Professional 8. Графика и анимация
Назад: Глава 9 Использование фильтров и наложений
Дальше: Часть III Анимация и звук
Глава 10
Импорт графики
Ну, до чего же хорош Flash 8! И рисовать в нем можно, и анимировать, и даже писать программы (эта тема, правда, выходит за рамки данной книги). И при этом размер получающихся файлов Shockwave/Flash настолько мал, что они могут распространяться через Интернет. Неудивительно, что именно он получил на просторах Всемирной сети такую популярность. Ура, да здравствует Flash 8, великий и могучий!
Но Flash не универсален. Например, он не содержит абсолютно никаких инструментов для работы с растровой графикой. То есть векторное изображение практически любой сложности мы в нем нарисуем, но создать изображение растровое — увы!.. Для работы с растровой графикой служат другие программы: Adobe Photoshop, Macromedia Fireworks, Microsoft Paint и др. Да и в области векторной графики Flash не так уж силен — он не позволяет делать многое, доступное более мощным пакетам, таким как CorelDRAW и Macromedia FreeHand.
Поэтому профессиональные художники для создания особо сложной графики, включающей как векторные, так и растровые фрагменты, используют несколько различных программ. Обычный комплект профессионала таков: Adobe Photoshop, CorelDRAW или Macromedia FreeHand, возможно, Macromedia Fireworks. Именно в этих пакетах зачастую подготавливаются изображения, которые потом станут составными частями документа Flash.
Подготовленные изображения помещаются в документ Flash с помощью особой операции импорта (импортируются, иначе говоря). И после этого с ними можно творить, что душе угодно: помещать на рабочий лист, трансформировать, раскрашивать в разные цвета и даже анимировать.
В этой главе речь как раз и пойдет о том, как выполнить импорт подготовленных в других пакетах изображений в документ Flash. (Flash также поддерживает импорт видео и звука, но об этом мы поговорим соответственно в главах 16 и 17.) Итак, запасемся изображениями в разных форматах и начнем…
Какие форматы графики поддерживает Flash
Сначала выясним, какие форматы графики поддерживает Flash 8. Их довольно много, и все они перечислены в табл. 10.1.
А если на нашем компьютере установлен пакет Apple QuickTime версии не ниже 4, будут доступны для импорта еще несколько графических форматов, перечисленные в табл. 10.2.
Да, список поддерживаемых Flash форматов статичной графики достаточно велик, но неполон. Так что если нам понадобится импортировать во Flash файл неподдерживаемого формата, придется найти программу, поддерживающую этот формат, и с ее помощью преобразовать данный файл в один из поддерживаемых форматов.
Импорт графики
Существуют два способа импортировать во Flash графику, созданную в другом графическом пакете. Рассмотрим их.
Первый способ очень прост. Выбираем пункт Import to Stage подменю Import меню File или нажимаем комбинацию клавиш <Ctrl>+<R>. На экране появится стандартное диалоговое окно открытия файла Windows. Находим нужный файл и нажимаем кнопку открытия файла этого диалогового окна. После этого выбранный нами графический файл будет импортирован и сразу же помещен на рабочий лист.
Второй способ еще проще. Запускаем нужный графический пакет, открываем в нем файл, содержащий нужное изображение, или создаем его заново, копируем это изображение в буфер обмена Windows и вставляем во Flash, выбрав один из трех пунктов: Paste, Paste Special или Paste in Center меню Edit. Первые два пункта нам уже знакомы; третий позволяет вставить находящееся в буфере обмена изображение прямо в центр рабочего листа.
Оба этих способа позволяют поместить импортированное изображение и в библиотеку в виде импортированного образца, и на рабочий лист. Если же мы хотим поместить импортируемое изображение только в библиотеку, то должны будем выбрать пункт Import to Library подменю Import меню File. На экране после этого появится стандартное диалоговое окно открытия файла Windows; находим в нем нужный файл и нажимаем кнопку открытия.
Особенности импорта разных графических форматов
Импорт файлов, сохраненных в некоторых графических форматах, имеет определенные особенности. Давайте поговорим о них подробнее.
Macromedia Fireworks
Пакет создания Web-графики Macromedia Fireworks — в чем-то "коллега" Flash. Он тоже создает интернет-графику, но только традиционную, растровую.
Fireworks хранит свои рабочие документы в формате PNG. Как и Flash, Fireworks может объединять в одном документе и растровую, и векторную графику (гибридная графика). Это становится возможным из-за того, что формат PNG, помимо собственно растрового изображения, может хранить дополнительные данные (теги PNG), в которых и записывается вся векторная графика. Экспорт готового изображения выполняется в форматах GIF, JPEG и PNG; разумеется, при этом вся векторная графика растрируется.
Поскольку и Flash, и Fireworks разработаны одной фирмой, было бы удивительно, если бы они не поддерживали форматов друг друга.
При импорте документа Fireworks на экране появится диалоговое окно Fireworks PNG Import Settings (рис. 10.1).
Если мы сразу же включим флажок Import as a single flattened bitmap, Flash растрирует импортируемое изображение, переведя в растровый вид все его векторные фрагменты. Если этот флажок включен, все остальные элементы управления окна Fireworks PNG Import Settings станут недоступными.
Если же флажок Import as a single flattened bitmap не включать, изображение Fireworks будет импортировано без изменений. С помощью остальных элементов управления окна Fireworks PNG Import Settings мы можем задать дополнительные параметры импорта.
С помощью переключателей группы File Structure задается вид, в котором будет импортирована графика Fireworks. Переключатель Import as movie clip and retain layers, включенный по умолчанию, позволяет импортировать изображение Fireworks как отдельный образец-клип с сохранением всех его слоев. Переключатель Import into new layer in current scene заставляет Flash поместить изображение Fireworks прямо на рабочий лист во вновь созданный слой.
Переключатели группы Objects задают, в каком виде будут импортированы векторные примитивы Fireworks, не поддерживаемые Flash. Если включен переключатель Rasterize if necessary to maintain appearance, такие примитивы будут превращены в растровые изображения и благодаря этому сохранят свой вид в точности. Если же включен переключатель Keep all paths editable, Flash преобразует их в максимально похожие "свои родные" примитивы, возможно с некоторым искажением.
Переключатели группы Text задают те же самые параметры, что и переключатели группы Objects, но только для текста. Так, если включен переключатель Rasterize if necessary to maintain appearance, текст, содержащий преобразования, не поддерживаемые Flash, будет растрирован. Если же включен переключатель Keep all text editable, никакой растеризации выполняться не будет, в результате чего некоторые текстовые блоки исходного изображения могут исказиться.
Задав нужные параметры, следует нажать кнопку ОК. Чтобы отказаться от импорта файла Fireworks, нужно нажать кнопку Cancel.
Macromedia Freehand
Векторный графический редактор Macromedia Freehand версий 7-11 — одна из лучших программ создания сложной векторной графики. Файлы Freehand можно импортировать во Flash без особого труда и практически без потерь качества.
После импорта изображения Freehand на экране появится диалоговое окно FreeHand Import (рис. 10.2).
Группа элементов управления Mapping позволит нам задать действия, предпринимаемые Flash в отношении страниц и слоев изображения Freehand. Она в свою очередь содержит две группы переключателей, рассматриваемые ниже.
Группа переключателей Pages управляет импортом страниц. Переключатель Scenes заставляет Flash преобразовывать каждую страницу в сцену (Flash не поддерживает страниц), а переключатель Keyframes — в ключевой кадр. (О сценах и ключевых кадрах будет рассказано в главе 11.)
Группа переключателей Layers управляет импортом слоев. Переключатель Layers заставляет Flash преобразовать каждый слой FreeHand в собственный слой, переключатель Keyframes — в ключевой кадр, а переключатель Flatten указывает, что нужно поместить содержимое всех слоев FreeHand в один слой Flash.
Группа элементов управления Pages задает, какие страницы документа FreeHand должны быть импортированы. Если включить переключатель All, будут импортированы все страницы. Если выбрать второй переключатель, будут импортированы только страницы с номерами, указанными в полях ввода From (первая импортируемая страница) и То (последняя).
Флажки, расположенные в группе элементов управления Options, задают дополнительные параметры импорта графики FreeHand. Включение флажка Include Invisible Layers предписывает Flash импортировать все слои изображения FreeHand; если же этот флажок отключен, импортируются только видимые слои. Включение флажка Include Background Layer вызывает импорт также и фонового слоя FreeHand. А флажок Maintain Text Blocks, будучи включен, заставляет Flash преобразовать фрагменты текста из файла FreeHand в текстовые блоки.
Задав нужные параметры, нажмем кнопку ОК. Если мы передумали импортировать файл FreeHand, нажмем кнопку Cancel.
А теперь рассмотрим некоторые особенности, присущие импорту графики FreeHand, сопроводив рекомендациями, которые могут оказаться полезными.
□ Если графическое изображение, созданное во FreeHand, имеет градиентную заливку с более чем восемью цветами, Flash для ее имитации создаст несколько накладывающихся друг на друга заливок. Нужно учесть, что это может увеличить размер результирующего файла Shockwave/Flash, поэтому по возможности не следует использовать в исходном изображении FreeHand градиенты с более чем восемью ключевыми цветами.
□ Как мы уже знаем, Flash выполняет слияние и фрагментацию накладывающихся друг на друга примитивов. FreeHand же этого не делает. Поэтому импортированная во Flash графика FreeHand может быть искажена. Чтобы предотвратить слияние и фрагментацию фрагментов импортированного изображения, при рисовании его во FreeHand нужно будет разместить перекрывающиеся фрагменты в разных слоях.
□ При импорте изображений FreeHand углы линий будут скруглены.
□ При импорте черно-белого изображения FreeHand оно будет преобразовано в цветной формат, так как Flash не поддерживает черно-белую графику. Это может увеличить размер результирующего файла Shockwave/Flash.
□ Если при задании цветов изображения FreeHand был использован цветовой режим CMYK (Cyan, Magenta, Yellow, BlacK — голубой, пурпурный, желтый, черный), то такие цвета будут автоматически преобразованы в RGB.
□ Если изображение FreeHand содержит внедренные фрагменты в формате EPS, то перед импортом нам нужно будет установить флажок Convert editable EPS when imported на вкладке Import диалогового окна настройки FreeHand Preferences. Иначе Flash не сможет правильно отобразить такие изображения.
Adobe Illustrator и Adobe Acrobat
Flash позволяет импортировать файлы, созданные в Adobe Illustrator версии 6.0 или более ранних версий. Также мы можем импортировать электронные документы Adobe Acrobat, сохраненные в формате PDF (Portable Document Format, формат переносимых документов) версии 1.4 или более ранней.
Перед импортом графики Illustrator следует разгруппировать все сгруппированные фрагменты изображения на всех его слоях. Если этого не сделать, Flash не сможет правильно их обработать.
После импорта документа Illustrator или Acrobat на экране появится диалоговое окно Import Options (рис. 10.3).
Если мы включим флажок Rasterize everything в группе Options и выберем разрешение результирующего изображения в поле со списком Rasterization resolution, Flash преобразует изображение Illustrator или Acrobat в растровое.
Чтобы импортировать изображение без изменений, нужно отключить этот флажок.
Группа переключателей Convert pages to управляет импортом страниц. Переключатель Scenes заставляет Flash преобразовать каждую страницу в сцену (Flash не поддерживает страницы), а переключатель Keyframes — в ключевой кадр. (О сценах и ключевых кадрах будет рассказано в главе 11.)
Группа переключателей Convert layers to, доступная при отключенном флажке Rasterize everything, управляет импортом слоев. Переключатель Layers заставляет Flash преобразовывать каждый слой исходного изображения в собственный слой, переключатель Keyframes — в ключевой кадр, а переключатель Flatten помещает содержимое всех слоев исходного изображения в один слой Flash.
С помощью группы элементов управления Which pages to import можно указать, какие страницы документа Illustrator или Acrobat должны быть импортированы. Если включить переключатель All, будут импортированы все страницы. Если включить второй переключатель этой группы, будут импортированы только страницы с номерами, указанными в полях ввода From (первая импортируемая страница) и То (последняя).
Установкой флажка Include invisible layers группы элементов Options включается импорт всех слоев изображения; если флажок снят, импортируются только видимые слои.
Флажок Maintain text blocks группы Options, будучи включенным, заставляет Flash преобразовать фрагменты текста в импортируемом изображении в текстовые блоки. Этот флажок доступен при отключенном флажке Rasterize everything.
Задав нужные параметры, нажмем кнопку ОК. Если мы передумали импортировать документ Illustrator или Acrobat, нажмем кнопку Cancel.
AutoDesk AutoCAD
Flash позволяет импортировать чертежи и схемы AutoCAD версии 10.
При импорте графики в этом формате возможны некоторые проблемы. Давайте поговорим о них.
□ AutoCAD не поддерживает стандартные системные шрифты. При импорте Flash будет выполнять подстановку шрифтов, отчего возможно искажение текста.
□ AutoCAD не поддерживает создание заливок.
□ Flash не позволяет импортировать трехмерные чертежи и схемы AutoCAD — только двухмерные.
□ Все импортированные изображения AutoCAD, будучи помещены на рабочий стол, имеют размер 12×12 дюймов, независимо от заданного для них масштаба. Мы можем воспользоваться инструментом "трансформатор", чтобы увеличить или уменьшить их.
□ Flash позволяет импортировать только файлы AutoCAD, сохраненные в текстовом формате. Если они сохранены в двоичном формате, следует открыть их в AutoCAD и пересохранить в текстовом формате.
Работа с импортированной растровой графикой
Хорошо, мы импортировали изображение в документ Flash. И что теперь с ним делать?
Да практически все, что мы уже делали с другими фрагментами графики, в том числе образцами и экземплярами: перемещать, трансформировать, задавать цветовые эффекты, переименовывать и удалять из библиотеки. Есть, правда, несколько исключений, но они не очень принципиальны.
Особенности работы с импортированными образцами
Из главы 8 мы знаем, что импортированное растровое изображение преобразуется в образец-растровое изображение и помещается в библиотеку. Это значит, что мы можем поместить на рабочий лист сколько угодно экземпляров этого образца без опасения сильно увеличить размер результирующего файла Shockwave/Flash.
Кстати, при импорте растрового изображения Flash сохраняет в параметрах созданного образца-растрового изображения полное имя изначального файла, в котором это изображение хранится. Это нужно для того, чтобы предоставить нам возможность исправить этот файл прямо из среды Flash.
Что касается импортированного векторного изображения, то оно будет преобразовано в графический образец. Скорее всего, при этом в библиотеке также появится папка, содержащая множество других образцов-клипов, — там хранятся различные части этого изображения. Мы можем увидеть это, так сказать, воочию — достаточно импортировать в документ Flash любое достаточно сложное изображение FreeHand.
Бывает, что импортируемое изображение содержит и растровую часть, и векторные фрагменты (как, например, изображение Fireworks). В этом случае Flash поместит растровую часть в образец-растровое изображение, а векторные фрагменты — в графические образцы. Последние при этом будут помещены в папку.
Как работать с графическими образцами, мы уже знаем. Принципы работы с импортированными образцами примерно такие же, за тем исключением, что мы не сможем исправить их в среде Flash. Правка таких образцов выполняется другим способом, который мы сейчас рассмотрим.
Итак, чтобы исправить импортированный образец, выделим его в списке панели Library и выберем в контекстном или дополнительном меню пункт Edit with. После этого на экране появится стандартное диалоговое окно открытия файла Windows. Выберем в этом окне исполняемый файл нужной программы и нажмем кнопку открытия. Изначальный графический файл, в котором хранится выбранный нами образец, будет открыт в этой программе. Исправим его, сохраним и закроем программу, a Flash сам обновит в библиотеке соответствующий образец.
Если у нас на компьютере установлена программа Macromedia Fireworks, мы можем исправить растровый файл прямо в ней. Для этого нужно выбрать пункт Edit with Fireworks в контекстном или дополнительном меню панели Library.
В конце концов, мы можем исправить сам исходный файл изображения, использовав любую графическую программу, поддерживающую его формат. Недостатком такого подхода является то, что после правки необходимо будет обновить соответствующий образец в библиотеке вручную. Для этого нужно выделить его в списке панели Library и в контекстном или дополнительном меню выбрать пункт Update. На экране появится уже знакомое нам диалоговое окно Update Library Items (см. рис. 8.20). В этом окне включим флажки против нужных файлов и нажмем кнопку Update для запуска процесса обновления. После обновления образцов можно нажать кнопку Close, чтобы закрыть это окно.
Смена образца для выделенного экземпляра импортированного образца выполняется нажатием кнопки Swap панели Properties, выбором пункта Swap Bitmap подменю Bitmap меню Modify или пункта Swap Bitmap контекстного меню выделенного экземпляра. На экране появится диалоговое окно Swap Bitmap, похожее на уже знакомое нам окно Swap Symbol (см. рис. 8.9). Принципы работы с этими окнами аналогичны.
Импортированные растровые изображения мы можем использовать в качестве изображений-заливок для создания графических цветов. О графических цветах было подробно рассказано в главе 6.
Векторизация растровой графики
Иногда бывает нужно преобразовать импортированное растровое изображение в векторное (векторизовать его). Это может пригодиться, если мы захотим исправить импортированное растровое изображение прямо в среде Flash, не прибегая к другим программам. После векторизации растровое изображение будет разбито на отдельные графические примитивы, с которыми мы можем сделать все, что угодно.
Flash позволяет векторизовать только экземпляр образца-растрового изображения, но не сам этот образец. Выделим на рабочем листе нужный нам экземпляр и выберем пункт Trace Bitmap подменю Bitmap меню Modify. На экране появится диалоговое окно Trace Bitmap (рис. 10.4).
В поле ввода Color threshold задается числовое значение "разницы" между цветами. Если два соседних пиксела имеют цвета, различающиеся по значениям на число, меньшее, чем введенная "разница", они считаются одноцветными. Таким образом, чем больше значение "разницы" цветов, тем меньше будет цветов в результирующем векторном изображении. Допускается вводить значения от 1 до 500, значение по умолчанию — 100.
В поле ввода Minimum area указывается количество окружающих пикселов, которые будут взяты для определения цвета результирующего пиксела. Иными словами, это значение задает разрешающую способность системы векторизации Flash, и чем оно больше, тем меньше нюансов будет иметь результирующее изображение. Допускается вводить значения от 1 до 1000 пикселов, значение по умолчанию — 8 пикселов.
Раскрывающийся список Curve fit служит для задания точности передачи контуров результирующего векторного изображения. Доступны шесть пунктов, задающих точность от максимальной до минимальной: Pixel (Точность до пиксела), Very Tight (Очень точно), Tight (Точно), Normal (этот пункт выбран по умолчанию), Smooth (Приближенно) и Very Smooth (очень приближенно, сильно сглаженные контуры).
Раскрывающийся список Corner threshold задает степень сглаживания углов контура, который получится после векторизации. Здесь доступны пункты Many corners (контуры результирующего изображения будут содержать много углов), Normal (значение по умолчанию) и Few Corners (немного углов, сильно сглаженные контуры).
Задав нужные параметры, нажмем кнопку ОК. Если мы передумали векторизовать растровое изображение, нажмем кнопку Cancel.
Результат векторизации импортированного растрового изображения показан на рис. 10.5. Если внимательно присмотреться к нему, то можно заметить потерю качества. Так что лучше все-таки не векторизовать растровую графику без особой необходимости.
Разбиение растровой графики
Модификатор Magic Wand ("Волшебная палочка")
Если внимательно присмотреться к растровому изображению, находящемуся на рабочем листе, можно заметить, что оно состоит из множества частей, пикселы которых имеют одинаковый цвет. Так же думает и Flash. И, если его попросить, он может разделить это изображение на части — выполнить разбиение растрового изображения. После этого мы сможем очень просто перекрасить любую его часть в другой цвет, переместить его в другое место или вообще удалить с рабочего листа.
Чтобы выполнить разбиение растрового изображения (опять же, это должен быть экземпляр образца-растрового изображения, но не сам образец), сначала выделим его. После этого выберем пункт Break Apart меню Modify или контекстного меню растрового изображения или просто нажмем комбинацию клавиш <Ctrl>+<B>.
На первый взгляд, растровое изображение не изменится, но это только на первый взгляд. Давайте попробуем закрасить какую-либо его часть другим цветом. А для этого сначала нужно его выделить. И хорошо знакомая нам "стрелка" в этом случае не помощник.
Для выделения части растрового изображения нам понадобится инструмент "лассо". Выберем его и нажмем кнопку-выключатель Magic Wand, включающую модификатор "волшебная палочка":
После этого курсор мыши примет вид стилизованной волшебной палочки.
Для выделения части разбитого изображения достаточно просто щелкнуть на ней. Выделенная таким образом часть изображения показана на рис. 10.6. Если после этого щелкнуть на другой части изображения, она будет добавлена к выделению. А если щелкнуть на уже выделенной части, с нее будет снято выделение.
Теперь мы можем воспользоваться инструментом "ведро с краской" или селекторами цвета в панели Properties, чтобы закрасить выделенные части изображения. Также можно выбрать инструмент "пипетка", чтобы создать на основе разбитого на части изображения графический цвет.
Мы можем настроить параметры модификатора "волшебная палочка". Эти настройки выполняются в диалоговом окне Magic Wand Settings (рис. 10.7), которое появится на экране после нажатия кнопки главного инструментария:
В поле ввода Threshold задается числовое значение "разницы" между цветами соседних пикселов. Если два соседних пиксела имеют цвета, различающиеся на значение, меньшее, чем введенное в это поле число, они считаются одноцветными и попадут в одну выделенную с помощью "волшебной палочки" область. Таким образом, чем больше значение "разницы" цветов, тем больший диапазон цветов будет включать в себя выделенная часть изображения. Допускается вводить значения от 0 до 200, значение по умолчанию — 10.
Раскрывающийся список Smoothing служит для задания степени сглаживания контура, охватывающего выделенную область. Доступны четыре пункта, задающие точность от максимальной до минимальной: Pixel (Точность до пиксела), Rough (Грубые контуры), Normal (Значение по умолчанию) и Smooth (Плавные контуры).
Задав нужные параметры модификатора "волшебная палочка", нажмем кнопку ОК, чтобы их сохранить. Нажатие кнопки Cancel вызовет отмену введенных параметров и возврат к старым значениям.
Немного об авторских правах
Все в этом мире кому-то принадлежит (ну, почти все…). Земля, вода, воздушное пространство, недра, заводы, дома, дороги, машины, приборы, вещи, мысли, открытия, изобретения и многое, многое другое является чьей-то собственностью. Да что там — даже эта книга является совместной собственностью автора и издательства "БХВ-Петербург". И, хотим мы или нет, этот закон приходится учитывать в повседневной жизни.
Он всесилен и в компьютерном мире. Тексты, изображения, программы, фильмы и музыка — все кому-то принадлежат. И этот "кто-то" требует соблюдения своих авторских прав, и зачастую весьма жестко. За нарушение его прав вполне реально получить на свою голову массу неприятностей.
Из этого следует один очень важный вывод. Прежде, чем позаимствовать что-либо чужое для своего блага (картинку, фильм, фрагмент текста или звуковой клип), нужно обязательно выяснить, как к этому отнесется владелец. Часто владелец относится к этому весьма демократично, но вполне вероятно, что нам придется хорошенько его попросить, пойти на некоторые уступки, а то и заплатить деньги за право использовать какое-то из его творений.
Обычно сведения об авторских правах на опубликованные на сайте тексты, изображения, программы или фильмы даются в нижней части главной страницы этого самого сайта или в специальном разделе. Если же эти тексты и изображения распространяются на компакт-дисках, авторские права описаны в особом файле, называющемся Copyright.txt. Если же текст или изображение является частью какой-либо программы, нам нужно будет обратиться к диалоговому окну сведений о программе или поискать в справке. Там описано, что разрешено делать с этим интеллектуальным богатством, а чего лучше не делать.
Всегда следует читать раздел авторских прав! Уж не стоит, наверно, говорить, что нарушение их чревато судебным преследованием — в России было немало таких прецедентов. В конце концов, воровать нехорошо — это вам скажет любой воспитанный человек. И будет прав.
Что дальше?
Вот мы и узнали, как импортировать во Flash-документ графику, созданную в другой программе. Теперь наши документы украсятся красивыми растровыми картинками… Нужно только следить, чтобы размер результирующего файла Shockwave/Flash сохранялся в разумных пределах.
Что ж, на этом разговор о создании статичной графики во Flash 8 закончен. Следующий шаг — освоение процесса создания анимации. Давайте добавим "жизни" нашим застывшим картинам, заставим их двигаться! Благо, во Flash это делается до того просто, что грех не воспользоваться этим удивительным пакетом.
