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

1. Откройте файл plane, tif.
2. Преобразуйте слой Background в обычный слой. Напомним, что для этого нужно сделать двойной щелчок на пиктограмме слоя в палитре слоев и нажать кнопку ОК в открывшемся диалоговом окне Make Layer.
3. Выделите фон, загрузив выделенную область из альфа-канала.
4. Удалите фоновые пикселы командой Clear меню File или нажатием клавиши <Del>. Теперь изображение находится на прозрачном фоне.
5. Выберите команду Export меню File и в открывшемся вложенном меню команду GIF89a Export....

Рис. 9.7. Диалоговое окно GIF89a Export Options

6. Перед вами диалоговое окно фильтра экспорта (рис. 9.7). Поле TransparencyFrom является серый цвет (R:192, G:192, В:192). Выбор цвета никак не отразится на виде изображения в браузере: на месте этого цвета будет фоновый цвет Web-страницы- Выбор цвета имеет смысл только для оценки качества произведенного выделения прозрачных областей. Из этих соображений удачным считается выбор контрастного цвета, не встречающегося в самом изображении. Щелкните мышью на образце цвета. В открывшемся диалоговом окне Color Picker выберите ярко-синий цвет. Щелчок на кнопке ОК позволит вернуться в диалоговое окно фильтра экспорта. Образец цвета отобразит выбранный цвет.
7. Ниже расположен раскрывающийся список для выбора палитры индексированного изображения: адаптированной или системной. Чаще всего оставляйте значение по умолчанию — Adaptive. Если же для вас важна адекватная цветопередача на компьютерах разных платформ, то используйте палитру Web, которую необходимо загрузить. Нажмите кнопку Load в правой части диалогового окна. Это позволит вам выбрать произвольную палитру. Найдите на жестком диске папку, в которой установлен Photoshop. Из нее перейдите во вложенную папку Goodies\Color Palettes. В раскрывающемся списке типов палитр выберите вариант Swatches (*.АСО), а затем файл Web Safe Colors.aco. Нажмите кнопку Open
.
Примечание
Кроме палитр, находящихся в папке Color Palettes, при экспорте в формат GIF вы можете выбрать любой другой набор цветов, созданный в палитре Swatches. Также можно выбрать любую палитру, созданную средствами Windows; этому типу соответствует вариант Microsoft Palette® (*.PAL) Вы можете использовать палитру любого другого индексированного изображения, если предварительно сохранили ее из диалогового окна ColorTable.

8. Перед вами снова диалоговое окно фильтра экспорта. В списке палитр указана выбранная палитра. Список Colors позволяет выбрать количество цветов индексированного изображения. Выберите минимальное количество цветов, при котором результат будет удовлетворительным. Пока оставьте в списке значение по умолчанию, 256.
9. Качество получающегося изображения можно оценить с помощью окна предварительного просмотра (рис. 9.8). Откройте его нажатием кнопки Preview.

Окно делится на две области: в верхней представлен результат преобразования, а в нижней — палитра изображения. Справа от окна предварительного просмотра находятся кнопки двух инструментов — Hand и Zoom. Они используются для масштабирования и прокрутки изображения в окне просмотра. Пользуйтесь ими так же, как аналогичными инструментами из палитры инструментов главного окна Photoshop. Нажатие кнопки ОК позволит вернуться в диалоговое окно фильтра экспорта.

Рис. 9.8. Окно предварительного просмотра

10. Установите флажки Use Best Match для более точного соответствия цветов изображения цветам палитры и Interlaced для создания изображения с чересстрочной разверткой.
11. Нажмите кнопку ОК. В следующем диалоговом окне оставьте имя GIF-фаила по умолчанию и нажмите кнопку Save.
12. Откройте полученный файл в браузере и оцените результат.

Экспорт с помощью соответствующего фильтра - единственный способ получения GIF-изображений с прозрачными областями из Photoshop. Экспортировать можно не только RGB-изображения, но и индексированные. В этом случае вы получаете возможность дополнительного редактирования изображения с помощью мощных инструментов Photoshop уже после того как оно переведено в индексированный цвет. Данный путь имеет и свои недостаток: о закрашивании прозрачных областей уникальным цветом вам придется позаботиться самим.

1. Откройте файл plane.tif.
2. Выделите фон, загрузив маску из альфа-канала.
3. Установите чистый желтый основной цвет и залейте им выделенную область.
4. Отмените выделение командой Deselect меню Select или комбинацией клавиш <Ctrl>+<D>.
5. Выберите команду Indexed Color... из списка Mode, находящегося в меню Image.
6. В открывшемся диалоговом окне оставьте все установки по умолчанию и нажмите кнопку ОК. Изображение переведено из RGB в индексированный цвет. На этой стадии вы можете осуществить любое дополнительное редактирование и при этом быть абсолютно уверенным в том, что изображение, которое вы видите на экране, будет находиться и в GIF-файле и при просмотре в браузере.
7. Выберите команду Export из меню File и в открывшемся вложенном меню команду GIF89a Export....
8. Открывшееся окно GIF89a Export Options выглядит несколько по-другому, поскольку вы экспортируете уже индексированное изображение (рис. 9.9). Оно напоминает окно предварительного просмотра (рис. 9.8) Отличие в том, что в него перенесены настройки цвета прозрачных участков и флажок способа развертки. Также добавлен инструмент Eyedropрег, который предназначен для задания цветов, которые отмечают прозрачные области. Последовательно выбирая несколько цветов, вы объявляете их все "прозрачными". Выбирать цвет можно как в расположенной в нижней части окна палитре, так и непосредственно на изображении. Щелкните на желтом фоне в окне предварительного просмотра или на желтом образце в палитре изображения. Цвет фона в окне предварительного просмотра стал серым, так как именно таким определен цвет прозрачных областей.

Рис. 9.9. Диалоговое окно GIF89a Export Options

9. Нажмите кнопку ОК. Введите имя GIF-файла, например planel.gif, и нажмите кнопку Save.
10. Откройте полученный файл в браузере и оцените результат. Как и следовало ожидать, он совпадает с полученным первым способом.

Если вам кажется все это слишком сложным, то воспользуйтесь для экспорта изображений мастером Export Transparent Image. Мастер шаг за шагом предоставит вам инструкции по выполнению экспорта изображения.

1. Откройте файл plane.tif.
2. Загрузите маску фона из альфа-канала.
3. Инвертируйте выделенную область командой Inverse меню Select.
4. Выберите команду Export Transparent Image... меню Help.
5. Перед вами первое окно мастера экспорта (рис. 9.10). В нем необходимо указать, что мастер должен принимать за прозрачные области. В действительности у вас имеется два варианта: предварительно выделить эти области (I have selected the area to be made transparent) или разместить объект на прозрачном слое (My image is on a transparent background). При выборе третьего варианта (I need to select the area to be made transparent) просто закроется окно мастера. В данном случае годится первый вариант. Выберите его.

Рис. 9.10. Первое диалоговое окно мастера Export Transparent Image.

Выбор прозрачных областей
6. Нажмите кнопку Next. Мастер создаст копию экспортируемого изображения и далее будет работать только с этой копией.
7. Второе окно мастера экспорта предлагает вам выбрать применение изображения: для печати (Print) или для Web-страницы (Online). Выберите второй вариант (рис. 9.11).

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

Рис. 9.11. Второе диалоговое окно мастера Export Transparent Image.

Выбор назначения изображения

8. Нажмите кнопку Next
9. Третье окно мастера экспорта (рис. 9.12) позволяет вам выбрать формат файла для размещения на Web-странице. Поскольку браузеры поддерживают прозрачность только для двух форматов (GIF или PNG), выбор невелик. Пойдем по более длинному пути: выберите формат GIF.

Рис. 9.12. Третье диалоговое окно мастера Export Transparent Image.

Выбор формата файла

10. Четвертое окно предупреждает вас о том, что формат GIF поддерживает только восьмибитные изображения и следующим шагом будет сокращение числа цветов в изображении.
11. Нажмите кнопку Next.
12. Перед вами знакомое окно преобразования полноцветного изображения в индексированное. По умолчанию мастер устанавливает палитру Web и случайное сглаживание. Оставьте значения по умолчанию.
13. Нажмите кнопку ОК.
14. В появившемся стандартном окне сохранения файлов укажите имя GlF-файла и папку, в которую его следует поместить.
15. Нажмите кнопку Save.
16. Следующее окно тоже вам знакомо и предлагает выбрать способ развертки изображения в браузере, нормальный (Normal) или чересстрочный (Interlaced). Если бы на 9-м шаге вы выбрали формат PNG, то следующим после него шагом сразу был этот, поскольку для формата PNG не требуется преобразование в индексированный цвет.
17. Нажмите кнопку ОК.
18. Последнее окно мастера поздравляет вас с успешным экспортом изображения. Нажмите кнопку Finish.
19. Мастер экспорта оставляет открытым окно с рабочей копией изображения. Его можно закрыть без сохранения.

В новой версии Photoshop появился модуль Save For Web, который сильно облегчает работу, обеспечивает большую гибкость и лучшее качество экспорта изображений в форматы GIF, JPEG и PNG. Главное окно модуля изображено на рис. 9.13. Оно открывается одноименной командой из меню File.

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

§ Original. Изображение в исходном виде.
§ Optimized. Вид изображения после оптимизации. Именно так оно и будет выглядеть в браузере.
§ 2-Up. Одновременный просмотр оригинала и оптимизированного изображения. Впрочем, оба окна в области просмотра могут отображать оптимизированное изображение, но с различными параметрами оптимизации.
§ 4-Up. В этом режиме область просмотра делится на четыре окна, в которых можно заказать демонстрацию оригинала и оптимизированного изображения с разными параметрами оптимизации. Такой режим удобно использовать для выбора наилучших параметров. Он позволяет визуально оценивать влияние сжатия или уменьшения палитры на качество изображения и его размер.

Рис. 9.13. Окно фильтра экспорта Save For Web

Управление масштабом отображения в области просмотра организовано так же, как и в самом Photoshop: с помощью списка масштабов в левом нижнем углу окна и инструментов Zoom и Hand.
Под каждым окном области просмотра указываются формат файла изображения (GIF, JPEG или PNG), параметры оптимизации, размер файла и время его загрузки в браузер при заданной скорости модема Выберите ее в меню просмотра, открывающегося нажатием круглой кнопки с треугольной стрелкой. Там же вы найдете и варианты отображения цветов:
§ Uncompensated Color. Цвета отображаются в области просмотра "как есть", без поправок.
§ Standard Windows Color. Таким образом отображаются цвета на мониторах компьютеров, работающих под управлением системы Windows.
§ Standard Macintosh Color. На компьютерах Macintosh изображения выглядят несколько светлее, поскольку MacOS использует иное значение гаммы (1,8), чем Windows (2,2). Выбрав этот вариант, вы сможете оценить, как будет выглядеть изображение для пользователей Macintosh.
§ Photoshop Compensation. Вид изображения корректируется в соответствии с установками системы управления цветом, сделанными в Photoshop.

Опробуем новый фильтр экспорта в действии на изображении самолета из файла plane.tif.

1. Откройте файл plane.tif.
2. Выберите команду Save For Web из меню File.
3. Выберите режим 2-Up, перейдя на соответствующую вкладку.
4. Увеличьте масштаб демонстрации в области просмотра до 300%. Это позволит лучше оценить качество оптимизации.
5. В правой части окна находятся элементы управления параметрами экспорта. В списке Settings выберите формат сохранения JPEG (рис. 9.14).

Рис. 9.14. Установки экспорта в формат JPEG модуля Save For Web

6. Список Compression quality предлагает несколько типичных значений качества изображения от Low до Maximum. Более тонкая регулировка осуществляется ползунком Quality, расположенным правее. Для начала установите с его помощью максимальное качество, 100%. При столь высоком значении изображение в правой части области просмотра (оптимизированное) практически не отличается от оригинала в левой части. Взгляните на информационные поля в соответствующих частях области просмотра. Оригинал, не сжатое изображение, занимает 120 Кбайт, а сжатое — 34,54 Кбайт. Даже столь низкий коэффициент сжатия обеспечивает почти четырехкратный выигрыш в размере файла.
7. Посмотрите на оценку времени загрузки сжатого изображения. Оно составит 13 секунд при скорости модема 2,88 Кбайт/сек. Теперь представьте себя читателем Web-страницы, на которой находится пять таких изображений. Будете ли вы дожидаться пока страница загрузится целиком? Скорее всего нет. Чтобы удержать читателя, требуется делать изображения как можно более компактными. В случае формата JPEG нужно просто понизить качество, увеличив коэффициент сжатия. Установите ползунок Quality посередине, примерно на 50%. Очевидно, качество ухудшилось, появилась характерная "грязь". Но так ли уж плохо дело?
8. Установите масштаб отображения 1:1 двойным щелчком на инструменте Zoom. Даже внимательный просмотр не позволяет обнаружить различия между оригиналом и сжатым изображением.
9. Уменьшайте качество изображения с помощью ползунка Quality до тех пор, пока не заметите отличий от оригинала. Это должно произойти при качестве приблизительно 20%. Заметьте, что размер файла с таким сжатием составляет всего 5 Кбайт, а время загрузки сократилось до 3 секунд!
10. Теперь отыграем еще одну секунду для читателя Web-страницы. Коэффициент сжатия можно повысить за счет предварительного размывания изображения. Ползунок Blur в области Settings избавит от необходимости покидать окно фильтра экспорта. Разумеется, размывка должна быть не слишком значительной, чтобы качество изображения не пострадало. Значение 0,2 вполне удовлетворяет этому требованию.
11. Еще уменьшите качество изображения с помощью ползунка Quality до 15—18%. Это сократит размер файла еще на килобайт, а время загрузки на секунду. Теперь самому нетерпеливому посетителю вашей Web-страницы будет не в чем упрекнуть ее автора.
12. Флажок Progressive задает чересстрочную развертку изображения при загрузке в браузере. Она слегка увеличивает размер файла, но и дает возможность читателю страницы самому определять, стоит ли дожидаться полной загрузки. Установите его.
13. Флажок ICC Profile позволяет внедрить в файл изображения цветовой профиль. Устанавливайте этот флажок только если у вас есть для этого весьма веские причины, поскольку внедренный профиль увеличивает размер файла на 3—4 килобайта.
14. Флажок Optimized включает дополнительную оптимизацию внутренней структуры JPEG, что иногда еще сильнее сокращает размер файла. Побочный эффект оптимизации может сказаться только при использовании очень старых версий браузеров. Все новые браузеры нормально обрабатывают такие файлы.
15. Правильность сделанных установок легко проверить, загрузив готовое изображение в браузер. Для этого вам даже не придется покидать окно модуля экспорта. Нажмите кнопку Preview in <имя браузера>, и модуль откроет браузер с загруженным в него изображением. Ниже изображения вы увидите HTML-код, который сгенерирован модулем экспорта для демонстрации этой страницы (рис. 9.15). Цвет фона страницы можно предварительно задать с помощью списка Matte.

Примечание
Если вы занимаетесь Web-дизайном, то, скорее всего, на вашем компьютере установлены как минимум два браузера: Internet Explorer и Netscape Communicator Кнопка Select Browser Menu, расположенная рядом с кнопкой Preview in, открывает меню, позволяющее выбрать для просмотра любой из установленных на компьютере браузеров.

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

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

1. Откройте меню Optimize Menu щелчком на кнопке с треугольной стрелкой в области Settings.
2. Выберите команду Save Settings Она открывает диалоговое окно Save As, позволяющее сохранить настройки в файл. Введите какое-нибудь имя в поле File name, например "JPEG 18", и нажмите кнопку Save. Теперь в списке Settings появилось введенное имя. При обработке следующего файла будет достаточно выбрать его из списка. Обратите внимание, что список уже содержит несколько наиболее типичных вариантов настроек, предопределенных разработчиками.

Примечание
Не нужные более наборы установок, удлиняющие список Settings, легко удалить командой Delete Settings меню OptimizeMenu. Эта команда удаляет текущий набор установок

3. Нажмите кнопку ОК. Она откроет стандартное диалоговое окно сохранения файла. По умолчанию предлагается исходное имя документа Photoshop. Флажок Save HTML File заставляет модуль экспорта поместить в папку с оптимизированным изображением еще и HTML-файл, содержащий тот же код, что и генерируется для предварительного просмотра. Выберите вашу рабочую папку и нажмите кнопку Save. Окно модуля экспорта закроется, а в выбранной папке появится оптимизированный JPEG-файл, готовый для размещения на Web-странице.

Как уже отмечалось, для размещения на Web-странице изображений с прозрачными участками используется формат GIF, поддерживающий исключительно индексированные цвета. Модуль экспорта Save For Web позволяет сохранять изображения и в этом популярном формате.

1. Убедитесь, что текущим документом является plane.tif.
2. Преобразуйте слой Background изображения в обычный слой.
3. Загрузите из дополнительного альфа-канала маску, очерчивающую контур самолета.
4. Удалите фоновые пикселы, выбрав команду Clear из меню Edit, или просто нажав клавишу <Delete>. Теперь изображение самолета размещено на прозрачном фоне.
5. Выберите команду Save For Web из меню File.
6. В списке Optimized file format выберите формат GIF (рис. 9.16).

Рис. 9.16. Установки сохранения в формат GIF модуля Save For Web

7. Наиболее существенный параметр индексированного изображения — это количество цветов в его палитре. Оно задается в поле Colors и должно создавать компромисс между качеством и компактностью. Изображение самолета содержит совсем немного цветов и 16-цветной палитры будет для него вполне достаточно.
8. Список Color reduction algorithm содержит перечень алгоритмов генерации индексированной палитры изображения. Все они уже обсуждались в гл. 3, Заметим лишь, что по умолчанию предлагается вариант Selective, дающий наилучшие результаты для изображений, содержащих значительное пространство, заполненное близкими цветами. Изображение самолета как раз и попадает в эту категорию. В нем преобладают оттенки серого и красного цветов.
9. Отсутствующие в палитре изображения цвета имитируются сочетанием нескольких соседних пикселов близких цветов. Алгоритм имитации выбирается в списке Dithering algorithm. В большинстве случаев используются варианты Noise и Diffusion, не дающие регулярного узора, как Pattern. Алгоритм Diffusion лучше использовать для фотографических изображений, a Noise — для фоновых текстур и градиентов. Выберите в списке алгоритм Diffusion.
10. Величина сглаживания задается ползунком Dither, расположенным правее. Установите ее такой, чтобы передача оттенков была удовлетворительной. Помните, что чем выше сглаживание, тем больше размер результирующего файла.
11. Модуль Save For Web предлагает уникальный алгоритм предварительной обработки изображения, повышающий эффективность сжатия. Он управляется ползунком Lossy. Большие значения этого параметра существенно снижают качество изображения. Если же установить его в пределах от 5 до 15%, то снижение качества будет практически незаметным, а размер файла может сократиться на 5—40%. Установите ползунок Lossy на отметку 15%.
12. Флажок Transparency обеспечивает преобразование прозрачных участков слоя Photoshop в прозрачность GIF-файла. Установите его, иначе прозрачные участки окажутся заполненными сплошной заливкой.
13. Список Matte обеспечивает незаметный переход кромки изображения к фоновому цвету страницы. Пикселы кромки выделенного объекта, как правило, полупрозрачные, а это не поддерживается форматом GIF. В результате, при экспорте изображения в формат GIF, вокруг объектов на прозрачном фоне возникает характерное "гало". Чтобы избежать его появления, установите в списке Matting цвет фона Web-страницы. Полупрозрачные пикселы будут окрашены программой в этот цвет.

Примечание
При сброшенном флажке Transparency цвет, заданный в списке Matting, считается фоновым и заполняет все прозрачные участки изображения.

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

1. В полуавтоматическом режиме приведение цветов к палитре Web осуществляется ползунком Web Snap. Он задает процент приведенных цветов палитры изображения. Попробуйте перемещать этот ползунок и наблюдайте за изменениями цветов изображения.

Текущая палитра изображения показана на вкладке Color Table, расположенной в правом нижнем углу окна Save For Web. При изменении значения параметра Web Snap происходящие изменения также отображаются в палитре изображения. Вы наблюдаете изменение некоторых цветов палитры и появление на их образцах белых кружков. Последние помечают цвета, приведенные к палитре Web. Вкладка Color Table полезна не только для наблюдения. Она позволяет управлять отдельными цветами изображения. Это гораздо более хлопотный, но и гибкий способ управления.

2. Верните ползунок Web Snap в нулевое положение, чтобы получить возможность ручного редактирования цветов.
3. Если вы хотите избежать существенных цветовых сдвигов в любых брау-зерах, но не хотите приводить все цвета к палитре Web, то имеет смысл сделать это выборочно. Особенно важно сохранить цвета, превалирующие в изображении. Чтобы определить, какие это цвета, задайте режим сортировки Sortby Popularity одноименной командой из меню панели. Наиболее часто встречающиеся цвета расположатся слева.
4. Щелкните мышью на втором слева образец в палитре. Образец получит белую рамку, показывающую, что он выделен. В строке состояния, расположенной в нижней части окна, отметьте значение компонентов выбранного цвета. Очевидно, он близок к белому, который, конечно, входит в палитру Web.
5. Чтобы избежать цветового сдвига, приведем цвет к белому. Photoshop может сам выбрать наиболее близкий к выделенному цвет из палитры Web- Для этого надо щелкнуть на пиктограмме с изображением кубика в нижней части панели или выбрать команду Web Shift/Unshift Selected Colors из ее меню. Образец окрасится в белый цвет и на нем появится белый кружок, говорящий о том, что цвет входит в палитру Web Белый квадратик в левом нижнем углу образца указывает, что цвет блокирован. Блокированные цвета сохраняются в неприкосновенности при сокращении цветов в палитре изображения и при просмотре в браузере. Чтобы снять блокировку, щелкните на пиктограмме с изображением замка в нижней части панели.
6. Приведение цветов к палитре Web можно проделать и полностью вручную с помощью окна Color Picker. Выделите все цвета в палитре командой Select All Colors из меню панели и щелкните на пиктограмме приведения цветов. Все цвета изображения приведены к палитре Web.
7. Среди цветов изображения вы заметите неверные пурпурные цвета. Исправим их вручную. Сделайте на одном из таких образцов в палитре двойной щелчок мышью. Перед вами появилось знакомое окно Color Picker. Убедитесь, что флажок Only Web Colors в нем установлен. Выберите ближайший к текущему цвету оттенок серого и закройте окно нажатием кнопки ОК. Цвет отредактирован (рис. 9.17). Если вы находите его тоже неудачным, снова откройте окно Color Picker и подберите другой.

Рис. 9.17. Обозначения на образцах в палитре цветов (слева направо):
цвет приведен к палитре Web, цвет блокирован, цвет отредактирован,
цвет выделен

Примечание
Многочисленные команды меню панели Color Table позволяют вам быстро выделять в ней приведенные (Select All WebSafe Colors), не приведенные (Select All Non-Web Safe Colors) и вообще все цвета (Select All Colors) Команды блокировки Lock/Unlock Selected Colors и Unlock All Colors снимают блокировку с выделенных и со всех цветов палитры соответственно. Аналогично команды Web Shift/Unshift Selected Colors и Unshift All Colors возвращают выделенные и все приведенные цвета, соответственно, к оригинальным значениям. Режимы сортировки цветов в палитре не исчерпываются критерием распространенности (Sort by Popularity).  Их можно оставить без сортировки (Unsorted) и отсортировать по цвету (Sort by Hue) или яркости (Sort by Luminosity).

Если после автоматического приведения цветов оказалось, что часть их избыточна, или напротив, каких-то не хватает, то панель предлагает команды дополнения палитры и удаления из нее лишних цветов. Они реализованы в виде пиктограмм с изображением чистого листа и мусорной корзины внизу панели и команд New Color и Delete Color в меню панели. Команда New Color дополняет палитру текущим цветом пипетки. Его образец находится непосредственно под этим инструментом. Задать этот цвет можно непосредственно (двойной щелчок на образце открывает ColorPicker) или взяв образец цвета с оригинального изображения пипеткой.

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

Последний обсуждаемый формат — PNG. Это достаточно новый формат, но уже поддерживаемый большинством современных браузеров. Он поддерживает как индексированные, так и полноцветные изображения. Алгоритм сжатия не приводит к потерям графической информации, поэтому плотность сжатия полноцветных изображений оказывается существенно ниже, чем у JPEG. Модуль Save For Web реализует экспорт в форматы PNG-8 для индексированных изображений и PNG-24 для полноцветных. Параметры экспорта PNG-8 абсолютно аналогичны GIF, и вам не составит труда разобраться с ними самостоятельно. PNG-24 вообще предлагает только переключение режимов прозрачности (Transparency), чересстрочной развертки (Interlaced) и параметров Matting.

В заключение раздела отметим еще одну полезную функцию модуля Save For Web — масштабирование изображений при экспорте. Наиболее часто изображения изготавливают в увеличенном масштабе, чтобы были видны все детали, а затем их уменьшают и экспортируют в формат GIF или JPEG. Модуль Save For Web избавляет вас от необходимости многократного открытия диалогового окна Image Size для подбора нужного размера. Аналогичные возможности предоставляет его вкладка Image Size (рис. 9.18). На ней вы найдете поля ввода высоты (Height) и ширины (Width) изображения и коэффициента масштабирования (Percent) в процентах. Установленный флажок Constrain Proportions задает режим пропорционального масштабирования. Задайте требуемые размеры изображения и нажмите кнопку Apply — в области просмотра вы сразу увидите, как будет выглядеть изображение is новом размере.

Рис. 9.18. Вкладка Image Size модуля Save For Web