Лекция 9. Подготовка и оптимизация изображений

Программа Adobe ImageReady дополняет Adobe PhotoShop, начиная с версии 5. Она включает в себя не только большинство инструментов редактирования изображений, имеющихся в PhotoShop, но также средства подготовки и оптимизации web-графики. Кроме того, ImageReady позволяет создавать динамические изображения: анимированные графические ссылки и кнопки. В этом уроке мы рассмотрим вопросы подготовки изображений непосредственно в Adobe ImageReady и их оптимизации. Если изображение не предназначено для печати и не предполагает сложной обработки или коррекции, то принципиальной разницы, где его создавать или редактировать — в PhotoShop или ImageReady — нет. Но, в отличие от PhotoShop, ImageReady обладает арсеналом средств для редактирования динамических изображений. Переход из одной программы в другую проще простого: чтобы попасть из PhotoShop в ImageReady, нужно лишь нажать кнопку

в нижней части панели инструментов. Для обратного перехода аналогичная кноп ка есть и в ImageReady. Отличия инструментов и команд PhotoShop и ImageReady Программы, безусловно, похожи, но не являются сестрами-близнецами. Рассмотрим, чем отличаются друг от друга инструменты и команды меню PhotoShop и ImageReady (рис. 9.1, табл. 9.1). Как видно из рисунка, некоторые инструменты являются общими для обеих программ. Работа с этими инструментами описана в соответствующей главе. Таблица 9.1. Отличия функций инструментов рисования программах PhotoShop и ImageReady

PhotoShop	ImageReady
Можно использовать инструменты рисования для создания контуров	Контур создать нельзя
На одном слое можно нарисовать много фигур и потом указать, как они должны перекрываться	На слое можно нарисовать только одну фигуру
После того, как фигура нарисована, ее можно редактировать	Фигуры можно только двигать и изменять

Исходя из этого можно сделать вывод о том, какие изображения имеет смысл создавать и обрабатывать в ImageReady, а какие нет.

К различиям между командами также стоит отнестись внимательно, чтобы не стало сюрпризом, что какая-либо известная из PhotoShop команда работает не так или не совсем так, как ожидалось. И, естественно, рассмотрим работу команд, которые есть только в ImageReady.


а	б

Рис. 9.1. В PhotoShop (а) и ImageReady (6) панели инструментов немного отличаются друг от друга

1. Меню File (Файл) (рис. 9.2).

Команда File > Export Original... (Файл > Экспорт оригинала...) делает копию оригинала, предварительно произведя сведение слоев, и позволяет сохранить эту копию в разных форматах файлов. Форматы могут быть следующими: Photoshop (*.psd), BMP (*.bmp), PCX (*.pcx), Targa (*.tga) и TIFF (*.tif). Такая информация, как нарезка и параметры оптимизации, не сохраняется, если формат отличен от PSD.

СОВЕТ. Если ImageReady не позволяет сохранить файл в том формате, который вам нужен, всегда можно сделать это в программе PhotoShop.

Команда File > Save Optimized (Файл > Сохранить оптимизированное) сохраняет изображение с настройками, указанными при оптимизации (см. раздел «Оптимизация изображений» данного урока).

Команда File > Save Optimized As... (Файл > Сохранить оптимизированное как...) позволяет изменить настройки при сохранении (рис. 9.3).


а	б

Рис. 9.2. Внешний вид меню File для PhotoShop (а) и ImageReady (б)

Рис. 9.3. Диалоговое окно команды File > Save Optimized As...

Изменить можно следующие параметры:

тип файла: HTML — код и изображения (*.html), только изображения (*.gif) и только HTML — код (*.html);
настройки: заказные, фонового изображения, по умолчанию и другие;
нарезку: все фрагменты или выделенные.

Команда File > Output Settings (Файл > Выходные настройки) отличается от соответствующей команды Photoshop только пунктом Image Maps... (Карты-изображения...), который подробно будет рассмотрен ниже (см. урок 12 «Карты-изображения в ImageReady»).

Команда File > Update HTML... (Файл > Обновить HTML...) предназначена для обновления связей в файлах HTML (рис. 9.4).

Рис. 9.4. Диалоговое окно команды File > Update HTML...

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

Команды File > Place... (Файл > Поместить...) внешних различий не имеют, но если в Photoshop помещать можно только файлы форматов *.ai, *.eps, *.pdf и *.pdp, то ImageReady разрешает помещать файлы любых читаемых форматов.

Команда File > Import... (Файл > Импорт) позволяет получить файлы из внешних источников: импортировать папку с рисунками как кадры (подробно этот процесс рассмотрен ниже, импортировать изображение PDF, сканировать изображение и выбрать сканер.

Команда File > File Info... (Файл > Информация о файле...) гораздо скромнее, чем в Photoshop, можно указать только заголовок и автора.

Команда File > Preview In (Файл > Просмотр в) предоставляет возможность просмотреть изображение в любом установленном браузере.


а	б

Рис. 9.5. Внешний вид меню Edit для PhotoShop (a) и ImageReady (б)