Основы Fireworks

Adobe® Fireworks® – это универсальная программа, предназначенная для создания, редактирования и оптимизации web-графики. Она позволяет создавать и редактировать растровые и векторные изображения, проектировать web-эффекты, такие как ролловеры и всплывающие меню, кадрировать и оптимизировать графику в целях уменьшения размеров файлов, в которых она хранится, а также экономить время, автоматизируя повторяющиеся задачи. Документ можно экспортировать или сохранять в файлах JPEG, GIF или ином формате. Эти файлы можно сохранять вместе с файлами HTML, содержащими таблицы HTML и код JavaScript, что позволяет использовать их в сети.

Рисование и редактирование векторных и растровых объектов

На панели «Инструменты» Fireworks имеется несколько разделов, содержащих инструменты для рисования и редактирования векторных и растровых изображений. От выбранного инструмента зависит то, будет ли создаваемый объект представлять собой векторное или растровое изображение. После рисования объекта или текста вы можете использовать широкий набор инструментов, эффектов, команд и приемов для улучшения качества графики или создания интерактивных навигационных кнопок. Также имеется возможность импортировать и редактировать файлы в форматах JPEG, GIF, PNG, PSD и во

многих других форматах.

Добавление интерактивности в графику

Фрагменты и активные области представляют собой web-объекты, которые определяют интерактивные области в web-графике. Фрагменты разрезают изображение на экспортируемые разделы, к которым можно применять ролловерные варианты поведения, анимацию и ссылки URL. На веб-странице каждый фрагмент отображается в ячейке таблицы.

Маркеры перетаскивания ролловеров на фрагментах и активных областях используются для быстрой привязки замещающего изображения и ролловерных вариантов поведения к графике. При создании специальной интерактивной графики для навигации по веб-сайтам используется Редактор кнопок Fireworks и Редактор всплывающих меню.

Оптимизация и экспорт графики

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

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

Векторные и растровые изображения

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

О векторной графике

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

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

О растровой графике

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

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

Создание нового документа Fireworks

Новые документы, созданные в среде Fireworks, сохраняются в виде документов формата Portable Network Graphic (PNG). PNG – это собственный формат файлов для программы Fireworks.

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

Создание нового документа

1. Выберите «Файл» > «Создать». Откроется диалоговое окно «Новый документ».

2. Введите настройки документа и нажмите «OK».

Примечание. Воспользуйтесь раскрывающейся цветовой панелью «Пользовательский», чтобы выбрать заказной цвет холста.

Установка для нового документа размеров по умолчанию

Когда вы в первый раз открываете Fireworks, в диалоговом окне «Новый документ» отображаются следующие размеры по умолчанию:

• 660 x 440 (Windows)

• 500 x 500 (Mac)

Настройки в диалоговом окне «Новый документ» не меняются при изменении размера холста в Fireworks. Значения по умолчанию меняются при копировании объекта. Размеры копируемого объекта (находящиеся в буфере обмена) автоматически используются в качестве размеров для диалогового окна «Новый документ». Чтобы удалить размеры объекта из буфера обмена, выполните следующие действия (Windows):

1. Создайте документ с нужными размерами.
2. Сохраните документ и закройте Fireworks.
3. Повторно откройте Fireworks и создайте документ.

Размеры ранее сохраненного документа отображаются в диалоговом окне «Новый документ».

В Mac OS Fireworks сохраняет размеры ранее скопированного объекта при создании нового документа. Это происходит потому, что содержимое буфера обмена сохраняется до тех пор, пока не будут вырезаны или скопированы другие элементы, например текст. Если вы копируете элементы, не относящиеся к документу, и затем нажимаете «Создать», то в качестве размера по умолчанию отображается ранее сохраненный размер.

Создание нового документа, размеры которого аналогичны размерам объекта в буфере обмена

1. Скопируйте объект в буфер обмена из другого документа Fireworks, веб-браузера или из любого приложения, поддерживающего вставку графических объектов.
2. Выберите «Файл» > «Создать». Откроется диалоговое окно «Новый документ», в котором будут показаны размеры объекта в буфере обмена по ширине и высоте.
3. Задайте разрешение и цвет холста, нажмите кнопку «ОК».
4. Выберите команду «Редактирование»  > «Вставить», чтобы вставить объект из буфера обмена в новый документ.

Открытие и импорт файлов

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

Открытие документа Fireworks

Выберите пункт меню «Файл» > «Открыть» и выберите требуемый файл.

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

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

1. Выберите команду «Файл» > «Открыть последний».
2. Выберите файл из подменю.

Открытие недавно закрытого файла, если не открыт ни один файл

Щелкните имя файла на стартовой странице.

Открытие графики, созданной в других приложениях

Программа Fireworks позволяет импортировать изображения, созданные в других приложениях или форматах файлов, включая форматы Photoshop®, Adobe Illustrator®, WBMP, EPS, JPEG, GIF и анимированный GIF.

При открытии файла с форматом, отличным от PNG, с помощью команды «Файл» > «Открыть» создается новый документ Fireworks PNG на основе открываемого файла. Для редактирования изображения в этом открытом файле можно использовать все функции Fireworks. Можно выбрать параметр «Сохранить как..» для сохранения работы в виде нового файла в формате Fireworks PNG или в другом формате.

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

В Fireworks можно сохранить файлы следующих форматов: Fireworks PNG, GIF, анимированный GIF, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD и PICT (только для Mac).
Примечание. В программе Fireworks 16-битные изображения TIFF сохраняются с 24-битной глубиной цвета.

Анимированные GIF-файлы

• Импортируйте анимированный GIF как символ анимации, затем отредактируйте и переместите все элементы анимации как единое целое. С помощью панели «Библиотека документа» создавайте новые экземпляры этого символа.
Примечание. При импорте файла в формате анимированного GIF задержка состояния устанавливается
по умолчанию равной 0,07 секунды. В случае необходимости используйте панель «Состояния», чтобы
восстановить исходные временные значения.
• Файл в формате анимированного GIF можно открыть так же, как и обычный GIF-файл. Каждый элемент
GIF помещается в свое собственное состояние Fireworks как отдельное изображение. Предусмотрена
возможность преобразовывать изображение в символ анимации в программе Fireworks.

Файлы EPS

В программе Fireworks большинство файлов EPS открываются как сведенные растровые изображения, в которых все объекты объединены на единственном слое. Но в некоторых файлах EPS, экспортируемых из программы Adobe Illustrator, сохраняется их векторная информация.

Файлы PSD

Программа Fireworks позволяет открывать файлы PSD, созданные в Photoshop, и сохранять большую часть
средств PSD, включая иерархические слои, слоевые эффекты и обычно используемые режимы смешения.
Настроить импорт файлов PSD позволяют параметры импорта из Photoshop и открытия файлов в диалоговом
окне «Установки».

Файлы WBMP

Fireworks позволяет открывать WBMP-файлы, которые представляют собой однобитные (монохромные)
файлы, оптимизированные для мобильных вычислительных устройств. Этот формат предназначен для
использования на страницах WAP (Wireless Application Protocol).

Создание файлов Fireworks PNG на основе файлов HTML

Программа Fireworks позволяет открывать и импортировать содержимое HTML, созданное в других приложениях, содержащих основные элементы таблиц HTML.

Открытие только первой таблицы в файле HTML

1. Выберите пункт меню «Файл» > «Открыть».
2. Выберите файл HTML, содержащий таблицу, которую необходимо открыть, и нажмите кнопку «Открыть». Первая таблица в файле HTML откроется в новом окне документа.

Импорт первой таблицы файла HTML в открывающийся документ Fireworks

1. Выберите команду «Файл» > «Импорт».
2. Выберите файл HTML, из которого необходимо импортировать таблицу, и нажмите кнопку «Открыть».
3. Щелкните в окне, чтобы поместить точку вставки в том месте, где должна появиться импортированная таблица.

Примечание. Кроме того, программа Fireworks может импортировать документы, в которых
используется кодировка UTF-8, и документы, написанные на языке XHTML.

Вставка объектов в документ Fireworks

Перетягивание изображения или текста в Fireworks

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

Перетяните из другого приложения объект или текст в программу Fireworks. 

Вставка в документ Fireworks

Вставка объекта, скопированного из другого приложения, в программу Fireworks приводит к размещению
объекта в центре активного документа.
Текст или объекты в любом из следующих форматов можно вставить из буфера обмена:
• Adobe FreeHand 7 или более поздней версии
• Adobe Illustrator
• PNG
• PICT (Mac OS)
• DIB (Windows)
• BMP (Windows)
• Текст ASCII
• EPS
• WBMP
• TXT
• RTF

1. В другом приложении скопируйте объект или текст, который необходимо вставить.
2. В Fireworks вставьте объект или текст в документ.

Местоположение вставленных объектов

Местоположение вставленных объектов зависит от того, что выбрано:
• Если выбран, по крайней мере, один объект в единственном слое, то вставленный объект помещается перед
ним или накладывается непосредственно над выбранным объектом в том же слое.
• Если выбран сам слой, а также не выбрано ни одного объекта или выбраны все объекты, то вставленный
объект помещается перед или накладывается непосредственно над самым верхним объектом в том же слое.
• Если выбраны два или несколько объектов более чем в одном слое, то вставленный объект помещается
перед или накладывается непосредственно над самым верхним объектом в самом верхнем слое.
• Если выбран web-слой или объект в web-слое, то вставленный объект помещается перед или накладывается
непосредственно над всеми другими объектами в самом нижнем слое.
Примечание. Web-слой – это специальный слой, который содержит все web-объекты. Он всегда остается
в верхней части панели «Слои».

Ресамплинг вставленных объектов

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

Ресамплинг растрового объекта путем вставки

1. Скопируйте растровое изображение в буфер обмена Fireworks или другой программы.
2. Выберите команду «Редактирование» > «Вставить» в программе Fireworks.
3. Если разрешение растрового изображения в буфере обмена отличается от разрешения в текущем документе, выберите вариант «С ресамплингом».

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

Импорт файла PNG в слой документа Fireworks

При импорте файлов Fireworks PNG в текущий слой активного документа Fireworks активные объекты и объекты фрагментов помещаются в Web-слой документа. Fireworks сохраняет пропорции импортированного изображения.

1. На панели «Слои» выберите слой, в который необходимо импортировать файл.
2. Выберите команду «Файл» > «Импорт», чтобы открыть диалоговое окно «Импорт».
3. Перейдите к нужному файлу, выделите его и нажмите кнопку «Открыть».
4. На холсте поместите указатель импорта в том месте, где должен быть размещен верхний левый угол изображения.
5. Выполните одно из следующих действий:
   • Щелкните, чтобы импортировать полноразмерное изображение.
   • Перетягивайте указатель импорта, чтобы изменить размеры изображения, по мере выполнения импорта. 

Импорт из цифровой камеры или сканера

Возможность импорта изображений из цифровой камеры или сканера предусмотрена только при совместимости этого устройства со спецификацией TWAIN (Windows) или при использовании встроенной возможности «Image Capture» (Mac OS). Изображения, импортированные в Fireworks из цифровой камеры или сканера, открываются как новые документы.

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

Папка Plug-ins находится в папке установки программы Fireworks. В операционной системе Mac OS программа Fireworks автоматически выполняет поиск внешних модулей «Получить» программы Photoshop в этой папке.

Установка для программы Fireworks использование внешних модулей программы Photoshop

1. 1 В программе Fireworks выберите «Редактирование» > «Установки» (Windows) или «Fireworks» >
2. «Установки» (Mac OS).
3. 2 Щелкните категорию «Внешние модули».
4. 3 Выберите «Внешние модули Photoshop» и перейдите в папку, содержащую необходимые модули.

Если диалоговое окно «Выберите папку с внешними модулями Photoshop» (Windows) или «Выбор папки»
(Mac OS) не открывается автоматически, перейдите в папку, содержащую эти модули.

Импорт изображения из цифровой камеры (Windows)

1. Подключите камеру к компьютеру.
2. В программе Fireworks выберите команду «Файл» > «Сканировать», а затем выберите команду «Получить Twain» или «Выбрать Twain».
3. Выберите источник изображений и изображения, которые требуется импортировать. Откроется пользовательский интерфейс для программного обеспечения цифровой камеры.
4. Следуйте инструкциям по применению установок.

Импорт изображения из цифровой камеры (Mac OS)

1. Подключите камеру к компьютеру.
2. В программе Fireworks выберите команду «Файл» > «Получить», а затем выберите команду «Получить с фотокамеры» или «Выбрать камеру».
3. Выберите камеру и изображения, которые требуется импортировать.
4. Следуйте инструкциям по применению установок.

Импорт изображения из сканера

1. Подключите сканер к компьютеру.
2. Установите программное обеспечение, которое входит в комплект сканера, если это еще не сделано.
3. Выполните одно из следующих действий:
   1. В программе Fireworks (в Windows) выберите команду «Файл» > «Сканировать», а затем выберите команду «Получить Twain» или «Выбрать Twain».
   2. В программе Fireworks (в Mac OS) выберите команду «Файл» > «Получить», а затем выберите команду «Получить Twain» или «Выбрать Twain». Примечание. При использовании большинства модулей TWAIN или внешних модулей «Получить» программы Photoshop появляются дополнительные диалоговые окна, позволяющие установить другие параметры.
4.  Следуйте инструкциям по применению установок. 

Сохранение файлов Fireworks

При создании нового документа или открытии файлов в таких форматах, как PSD или HTML, выполнение команды «Файл» > «Сохранить» приводит к созданию файла Fireworks PNG. Файлы Fireworks PNG имеют следующие преимущества.

• Исходный файл PNG всегда доступен для редактирования. Это позволяет возвращаться и вносить дополнительные изменения даже после экспорта этого файла для использования в Web.
• Сложную графику можно фрагментировать в файле PNG, разделив на отдельные части, а затем экспортировать эти части в виде нескольких файлов с разными форматами файлов и различными настройками оптимизации.

Если для сохранения сложного документа программе Fireworks требуется много времени, можно
редактировать другие открытые документы во время выполнения операции сохранения.

Сохранение файла Fireworks PNG для использования в более ранних версиях

1. Выберите команду «Файл» > «Экспорт».
2. Перейдите к тому местоположению, где требуется сохранить файл.
3. Если файл Fireworks включает несколько страниц, выберите команду «Страницы в файлы» во всплывающем меню Экспорт».
4. Выберите вариант «Изображения» или «Fireworks PNG» во всплывающем меню «Экспортировать как». Если выбран пункт «Изображения», то каждая страница сохраняется в стандартном формате файла. Этот формат файла может быть установлен с использованием панели «Оптимизировать». При экспорте сохраняются все объекты в слоях верхнего уровня. Элементы нижних слоев не экспортируются.

Сохранение всех открытых документов

Можно сохранить все открытые документы даже во время работы с ними и присвоить всем неименованным документам имена файлов. На вкладке документов напротив имен файлов документов, изменившихся со времени последнего сохранения, появится звездочка (*).
❖ Выберите «Команды» > «Сохранить все».

Примечание. Утилита Fireworks Auto Backup автоматически создает резервные копии всех открытых документов Fireworks. Загрузить ее можно с сайта Adobe AIR Marketplace по адресу http://www.adobe.com/go/learn_fw_autobackuputility_ru.

Сохранение документов в других форматах

Если с помощью команды «Файл» > «Открыть» был открыт файл не в формате PNG, можно сохранить работу в виде нового файла Fireworks PNG или выбрать другой формат посредством команды «Файл» > «Сохранить как».

При помощи команды «Файл» > «Сохранить» можно в исходном формате сохранять документы следующих типов: Fireworks PNG, GIF, анимированный GIF, JPEG, BMP, WBMP, TIFF, SWF, AI, PSD и PICT (только для Mac OS). В программе Fireworks 16-битные изображения TIFF сохраняются с 24-битной глубиной цвета.
Примечание. Если файл PNG будет сохранен как файл растрового графического объекта, такой как GIF или JPEG, то графические объекты, с которыми вы работали в файле PNG, больше не будут доступны в файле растрового графического объекта. Поэтому, если потребуется откорректировать это изображение, отредактируйте исходный файл PNG, а затем снова его экспортируйте.

Добавление кадра изображения

1. Выберите «Команды» > «Оформление» > «Добавить кадр изображения».
2. Выберите узор и задайте размер кадра.
3. Нажмите кнопку «ОК».

Восстановление предупреждающих сообщений

Если был отключен повтор предупреждающих сообщений, их можно восстановить.
Выберите «Команды» > «Восстановить окна предупреждений».

Снимок экрана (только для Windows)

1. Выберите «Команды» > «Сделать снимок экрана».
2. Перейдите к окну, для которого вы хотите сделать снимок экрана.
3. Нажмите кнопку «ОК», затем выделите нужную область окна путем перетягивания указателя мыши.
4. Вставьте содержимое буфера обмена на холст или в любое приложение редактирования изображений.

Оставьте свой комментарий!