«РУКОВОДСТВО ПОЛЬЗОВАТЕЛЯ © Корпорация Adobe Systems, 2007. Все права защищены. Руководство пользователя Adobe® Illustrator® CS3 для Windows® и Macintosh Если это руководство распространяется с программным обеспечением, ...»

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

Зерно. Добавляет в изображение текстуру, имитируя различные виды зерна: обычное, мягкое, брызги, скомканное, контрастное, увеличенное, пунктирное, горизонтальное, вертикальное или пятна. Дополнительную информацию об использовании параметров текстурирования для этой команды см. в разделе “Использование элементов управления текстурой и поверхностью стекла” на странице 380.

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

Витраж. Перерисовывает изображение в виде одноцветных смежных ячеек, обведенных основным цветом.

Текстуризатор. Применяет к изображению выбранную или созданную текстуру.

См. также “Срочная справка по эффектам и фильтрам” на странице Видео: фильтры и эффекты Эффекты видео основаны на растровой графике и при применении к векторному изображению используют параметры растровых эффектов документа.

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

Цвета NTSC. Ограничивает цветовой охват до приемлемого для воспроизведения по телевидению, что позволяет предотвратить переползание перенасыщенных цветов с одних строк телевизионной развертки на другие.

См. также “Срочная справка по эффектам и фильтрам” на странице Использование элементов управления текстурой и поверхностью стекла Некоторые эффекты и фильтры, входящие в состав программы Illustrator, имеют параметры текстурирования, например эффекты "Стекло", "Пастель", "Зерно" и "Фреска". Параметры текстурирования позволяют оформить объект так, будто он нанесен на различные текстуры (например, холст или кирпич) или виден через куски стекла.

1 В диалоговом окне фильтра или эффекта выберите тип текстуры из раскрывающегося меню "Текстура" (если оно доступно) либо выберите "Загрузить текстуру" и укажите файл (доступно только для команд "Пастель" и "Стекло").

2 Задайте другие параметры, если они доступны.

• Перетаскивая ползунок "Масштаб", увеличьте или уменьшите эффект на поверхности растрового изображения.

• Перетаскивая ползунок "Рельеф", отрегулируйте глубину поверхности текстуры.

• В раскрывающемся меню "Направление света" выберите сторону, с которой должен падать свет.

• Чтобы инвертировать светлые и темные цвета поверхности, выберите команду "Инвертирование".

Тени, свечения и растушевка Создание тени 1 Выберите объект или группу (или назначьте слой в палитре "Слои").

2 Выберите "Эффект" > "Стилизация" > "Тень" или "Фильтр" > "Стилизация" > "Тень".

3 Задайте параметры тени и нажмите кнопку "OK":

"Создать отдельные тени" (только в фильтре "Тень") Помещает каждую тень непосредственно за См. также “Выбор элементов, к которым применяются атрибуты оформления” на странице “Выделение объектов” на странице “Об эффектах и фильтрах” на странице “О режимах наложения” на странице Применение внутреннего или внешнего свечения 1 Выберите объект или группу (или назначьте слой в палитре "Слои").

2 Выберите "Эффект" > "Стилизация" > "Внутреннее свечение" или "Эффект" > "Стилизация" > "Внешнее свечение".

3 Щелкните квадрат просмотра цветов рядом с меню режима наложения, чтобы задать цвет свечения.

4 Укажите дополнительные параметры и нажмите кнопку "ОК".

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

См. также “Выбор элементов, к которым применяются атрибуты оформления” на странице “Выделение объектов” на странице “Об эффектах и фильтрах” на странице “О режимах наложения” на странице Растушевка краев объекта 1 Выберите объект или группу (или назначьте слой в палитре "Слои").

2 Выберите "Эффект" > "Стилизация" > "Растушевка".

3 Задайте расстояние, на котором объект из непрозрачного переходит в полностью прозрачный, и нажмите кнопку "ОК".

Выбранный первоначальный объект (слева) и применение эффекта растушевки (справа) См. также “Об эффектах и фильтрах” на странице “Выбор элементов, к которым применяются атрибуты оформления” на странице “О растровых эффектах” на странице “Выделение объектов” на странице Создание эскизов и мозаики Создание эскиза с помощью эффекта "Каракули" 1 Выполните одно из следующих действий.

• Выберите объект или группу (или назначьте слой в палитре "Слои").

• Чтобы применить эффект к конкретному атрибуту объекта, например к обводке или заливке, выберите объект и затем выберите атрибут в палитре "Оформление".

';

• Чтобы применить эффект к стилю графики, выберите стиль графики в палитре "Стили графики".

2 Выберите "Эффект" > "Стилизация" > "Каракули".

3 Выполните одно из следующих действий.

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

• Чтобы создать собственный эффект "Каракули", выберите любой стандартный эффект и измените нужные параметры.

4 При создании собственного эффекта "Каракули" измените любые из приведенных ниже параметров этого эффекта и нажмите кнопку "ОК".

Варианты (для параметра "Наложение контуров") Управляет разницей в длине линий каракулей Варианты (для параметра "Кривизна") Управляет разницей в кривизне линий каракулей Варианты (для параметра "Интервалы") Управляет различием интервалов между изгибами См. также “Выбор элементов, к которым применяются атрибуты оформления” на странице “Об эффектах и фильтрах” на странице “Изменение или удаление эффекта” на странице “Выделение объектов” на странице Создание мозаики 1 Импортируйте растровое изображение, которое будет взято за основу мозаики. Изображение должно быть встроенным, а не связанным.

Кроме того, за основу мозаики можно взять растрированный векторный объект.

2 Выберите изображение.

3 Выберите "Фильтр" > "Создать" > "Фрагментация".

4 Если нужно изменить размеры мозаики, введите значения параметра "Новый размер".

5 Задайте параметры, управляющие интервалом между фрагментами и общим количеством фрагментов, а также любые другие дополнительные параметры и нажмите кнопку "ОК".

Масштабирование в процентах Изменяет размер изображения в процентах от См. также “Растрирование векторного объекта” на странице “О связанных и встроенных иллюстрациях ” на странице Преобразование векторных изображений в растровые О растрировании Растрирование – это процесс преобразования векторного изображения в растровое. Во время растрирования программа Illustrator преобразует контуры изображения в пикселы. Настраиваемые параметры растрирования определяют размер и другие характеристики получившихся пикселов.

Отдельные векторные объекты можно растрировать с помощью команды "Объект" > "Растрировать" или эффекта "Растрирование". Кроме того, можно растрировать документ целиком, экспортировав его в растровый формат, например JPEG, GIF или TIFF.

См. также “О сохранении и экспорте графических объектов” на странице Растрирование векторного объекта 1 Выделите один или несколько объектов.

2 Выполните одно из следующих действий.

• Чтобы окончательно растрировать объекты, выберите команду "Объект" > "Растрировать".

• Чтобы получить растрированное оформление без изменения базовой структуры объектов, выберите "Эффект" > "Растрировать".

3 Задайте параметры растрирования (см. раздел “Параметры растрирования” на странице 371) и нажмите кнопку "ОК".

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

Стили графики можно применять к объектам, группам и слоям. Когда стиль графики применяется к группе или слою, каждый объект в этой группе или слое принимает атрибуты стиля графики. Например, предположим, что есть стиль графики, который состоит в 50-процентной непрозрачности. При применении этого стиля графики к слою все объекты, находящиеся в этом слое или добавленные в него, становятся непрозрачными на 50 %. Однако если какой-либо объект переместить за пределы слоя, то его оформление примет первоначальное значение непрозрачности.

Если стиль графики применяется к группе или слою, но в объекте отсутствует цвет заливки этого стиля, перетащите атрибут "Заливка" в раздел "Содержимое" в палитре "Оформление".

Обзор палитры "Стили графики" С помощью палитры "Стили графики" ("Окно" > "Стили графики") можно создавать, именовать и применять наборы атрибутов оформления. При создании нового документа в этой палитре отображается набор стилей графики по умолчанию. Стили графики, сохраненные вместе с активным документом, отображаются в палитре, когда документ открыт и активен.

Изменение порядка перечисления стилей графики в палитре v Выполните одно из следующих действий.

• Выберите режим просмотра в меню палитры: "Просмотр миниатюр" – отображение миниатюр, "Маленькие миниатюры и имена" – список имен стилей с маленькими миниатюрами или "Большие миниатюры и имена" – список имен стилей с большими миниатюрами.

• Перетащите стиль графики в другое место. Когда черная черта окажется в нужном месте, отпустите кнопку мыши.

• Выберите в меню палитры команду "Сортировать по имени", чтобы вывести стили графики в алфавитном порядке.

Создание стилей графики Стиль графики можно создать с нуля (применив атрибуты оформления к объекту) или на основе других стилей.

Кроме того, можно дублировать существующие стили графики.

Создание стиля графики 1 Выберите объект и примените любое сочетание атрибутов оформления, включая заливку и обводки, эффекты и параметры прозрачности.

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

2 Выполните одно из следующих действий.

• Нажмите кнопку "Новый стиль графики" в палитре "Стили графики".

• Выберите "Новый стиль графики" в меню палитры.

• Перетащите миниатюру из палитры "Оформление" (или объект из окна иллюстрации) в палитру "Стили графики".

• Нажмите кнопку "Новый стиль графики" с нажатой клавишей "Alt" (Windows) или "Option" (Mac OS), введите имя стиля графики и нажмите кнопку "OK".

Чтобы сохранить атрибуты, перетащите миниатюру из палитры "Оформление" в палитру "Стили графики".

Создание нового стиля графики на основе двух или более существующих стилей графики v Нажав и не отпуская клавишу "Ctrl" (Windows) или "Command" (Mac OS), щелкните все стили графики, которые нужно объединить, и выберите команду "Объединить стили графики" в меню палитры.

Новый стиль графики содержит все атрибуты выбранных стилей графики и добавляется в конец списка стилей графики в палитре.

Создание дубликата стиля графики v Выберите команду "Создать дубликат стиля графики" в меню палитры либо перетащите стиль графики на кнопку "Новый стиль".

Новый стиль графики появится в нижней части списка в палитре "Стили графики".

Применение стиля графики 1 Выберите объект или группу (или назначьте слой в палитре "Слои").

2 Выберите стиль в палитре "Управление", в палитре "Стили графики" или в библиотеке стилей графики.

Кроме того, можно перетащить стиль графики на объект в окне документа. (Выделять объект перед этим не требуется.) Примечание. Чтобы при применении стиля графики сохранить цвет текста, отмените выбор параметра "Изменять цвет текста" в меню палитры "Стили графики".

Работа со стилями графики В палитре "Стили графики" можно переименовывать или удалять стили графики, удалять ссылку на стиль графики и заменять атрибуты стилей.

Переименование стиля графики v Выберите в меню палитры пункт "Параметры стиля графики", переименуйте файл и нажмите кнопку "OK".

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

У всех объектов, групп и слоев, в которых использовался этот стиль графики, сохранятся атрибуты оформления, однако эти атрибуты больше не будут связаны со стилем графики.

Удаление ссылки на стиль графики 1 Выберите объект, группу или слой, к которым применен стиль графики.

2 Выполните одно из следующих действий.

• В меню палитры "Стили графики" выберите команду "Удалить ссылку на стиль графики" или нажмите кнопку "Удалить ссылку на стиль графики" в палитре.

• Измените любой атрибут оформления выделенной области (например, заливку, обводку, прозрачность или эффект).

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

Замена атрибутов стилей графики • С нажатой клавишей "Alt" (Windows) или "Option" (Mac OS) перетащите нужный стиль графики на стиль, который необходимо заменить.

• Выберите объект или группу (или назначьте слой в палитре "Слои"), в которых есть требуемые атрибуты. После этого, нажав и не отпуская клавишу "Alt" (Windows) или "Option" (Mac OS), перетащите миниатюру в верхней части палитры "Оформление" на стиль графики, который нужно заменить в палитре "Стили графики".

• Выделите стиль графики, который нужно заменить. Выделите графический объект (или назначьте элемент в палитре "Слои"), в котором есть нужные атрибуты, и выберите в меню палитры "Оформление" пункт "Переопределить стиль графики "имя стиля"".

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

Использование библиотек стилей графики Библиотеки стилей графики – это наборы стандартных стилей графики. При открытии библиотеки стилей графики ее содержимое отображается в новой палитре (не в палитре "Стили графики"). Элементы библиотеки стилей графики выбираются, сортируются и просматриваются точно так же, как в палитре "Стили графики".

Однако в библиотеках стилей графики нельзя добавлять, удалять и редактировать элементы.

Открытие библиотеки стилей графики v Выберите библиотеку с помощью команды "Окно" > "Библиотеки стилей графики" или команды "Открыть библиотеку стилей графики" меню палитры "Стили графики".

Чтобы библиотека открывалась автоматически при запуске Illustrator, выберите в меню палитры этой библиотеки пункт "Постоянный".

Создание библиотеки стилей графики 1 Добавьте в палитру "Стили графики" нужные стили и удалите оттуда ненужные.

Чтобы выбрать все стили графики, которые не используются в документе, выберите пункт "Выделить все неиспользуемые" в меню палитры "Стили графики".

2 Выберите "Сохранить библиотеку стилей графики" в меню палитры "Стили графики".

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

Перемещение стилей графики из библиотеки в палитру "Стили графики" • Перетащите один или несколько стилей графики из библиотеки в палитру "Стили графики".

• Выберите стили для добавления и затем выберите пункт "Добавить к стилям графики" в меню палитры библиотеки.

• Примените стиль графики к объекту в документе. Стиль графики будет автоматически добавлен в палитру "Стили графики".

Импорт всех стилей графики из другого документа 1 Выберите команду "Окно" > "Библиотеки стилей графики" > "Другая библиотека" или выберите в меню палитры "Стили графики" команду "Открыть библиотеку стилей графики" > "Другая библиотека".

2 Выберите файл, из которого необходимо импортировать стили графики, и нажмите кнопку "Открыть".

Стили графики отобразятся в палитре библиотеки стилей графики (не в палитре "Стили графики").

Глава 12: Web-графика Adobe Illustrator предлагает множество инструментов для оформления web-страницы, а также создания и оптимизации web-графики.

Лучшие методы создания web-графики О web-графике При разработке графики для Web приходится решать проблемы, которые не возникают с графикой для печати.

Видеоролик о сохранении графики для Web см. по адресу www.adobe.com/go/vid0063_ru. Видеоролик об операциях импорта, копирования и вставки между web-приложениями см. по адресу www.adobe.com/go/vid0193_ru.

Для принятия обоснованных решений по web-графике помните три следующие рекомендации:

Используйте безопасные web-цвета.

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

Ищите компромисс между качеством и размером файла.

Для распространения изображений в Web важно создавать небольшие файлы. Изображения меньшего размера web-серверы могут хранить и передавать более эффективно, а средства просмотра быстрее загружают такие изображения. Размер и предполагаемое время загрузки web-графики можно увидеть в диалоговом окне "Сохранить для Web и устройств".

Выберите наилучший формат файла для своей графики.

Для качественного отображения и создания небольших файлов для Web необходимо сохранять разные типы графики в файлах разных форматов. Дополнительные сведения о форматах см. в разделе “Параметры оптимизации web-графики” на странице 405.

Многие шаблоны Illustrator созданы специально для Web, включая web-страницы и баннеры. Для выбора шаблона выберите "Файл" > "Новый из шаблона".

См. также “Обзор команды "Сохранить для Web и устройств"” на странице “Оптимизация изображения для Web” на странице “Замена цвета на безопасный web-цвет” на странице О режиме просмотра в виде пикселов Сохраняя объект в битовом формате (например, в виде файла JPEG, GIF или PNG), Illustrator растрирует объект с разрешением 72 пиксела на дюйм. Выбрав "Просмотр" > "Просмотр в виде пикселов", можно увидеть, как будут выглядеть объекты после растрирования. Это очень удобно, если требуется проконтролировать точное расположение, размер и сглаживание объектов в растрированной графике.

Чтобы понять, как Illustrator разделяет объекты на пикселы, откройте файл с векторными объектами, выберите команду "Просмотр" > "Просмотр в виде пикселов" и увеличьте объект так, чтобы видеть каждый пиксел.

Расположение пикселов определяется невидимой сеткой, разделяющей монтажную область на клетки с шагом пункт (1/72 дюйма). Перемещая, добавляя или трансформируя объект, вы увидите, что объект привязывается к пиксельной сетке. В результате любое сглаживание вдоль "привязанных" краев объекта (обычно левого верхнего края) исчезает. Теперь отмените выбор команды "Просмотр" > "Просмотр в виде пикселов" и переместите объект.

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

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

"Просмотр в виде пикселов" выключен (сверху) и включен (снизу) Важная информация: Пиксельная сетка зависит от начала координат линейки (0,0). Перемещение начала координат линейки изменит растрирование объекта Illustrator.

См. также “О растровых изображениях” на странице Фрагменты и карты ссылок О фрагментах Web-страницы могут содержать много элементов – текст HTML, растровые изображения, векторную графику и др. В Illustrator можно использовать фрагменты для определения границ различных web-элементов в объекте.

Например, если какое-то растровое изображение в объекте должно быть оптимизировано в формат JPEG, а остальная часть объекта – в формат GIF, можно изолировать растровое изображение как фрагмент. Если объект сохраняется как web-страница с помощью команды "Сохранить для Web и устройств", можно сохранить каждый фрагмент как независимый файл со своим форматом, настройками и цветовой палитрой.

Фрагменты документа Illustrator соответствуют ячейкам таблицы на итоговой web-странице. По умолчанию область фрагмента экспортируется как файл изображения, заключенный в ячейку таблицы. Если нужно, чтобы ячейка таблицы содержала не файл изображения, а текст HTML и фоновый цвет, можно задать для фрагмента тип "Без изображения". Если требуется преобразовать текст Illustrator в текст HTML, можно задать для фрагмента тип "HTML-текст".

Фрагментированный объект использует различные типы фрагментов А. Фрагмент "Без изображения" Б. Фрагмент "Изображение" В. Фрагмент "Текст HTML" Увидеть фрагменты можно в монтажной области и в диалоговом окне "Сохранить для Web и устройств". Illustrator нумерует фрагменты слева направо и сверху вниз, начиная с верхнего левого угла объекта. При изменении расположения или общего количества фрагментов номера фрагментов соответственно обновляются.

Когда создается фрагмент, Illustrator с помощью web-таблицы делит окружающую графику на автофрагменты для сохранения макета. Существует 2 типа автоматически создаваемых фрагментов: автофрагменты и подфрагменты.

Автофрагменты – это области объекта, которые не определены вами как фрагмент. Illustrator обновляет автофрагменты каждый раз, когда вы добавляете или редактируете фрагмент. Подфрагменты определяют, как будут делиться пересекающиеся пользовательские фрагменты. Хотя подфрагменты пронумерованы и обознаются символом "фрагмент", невозможно выделить их отдельно от основного фрагмента. Illustrator обновляет подфрагменты и автофрагменты по мере надобности во время работы пользователя.

См. также “Обзор команды "Сохранить для Web и устройств"” на странице “Параметры вывода фрагмента” на странице Создание фрагментов v Выполните одно из следующих действий.

• Выделите один или несколько объектов в монтажной области и выберите "Объект" > "Фрагменты" > "Создать".

• Выберите инструмент "Фрагмент" и протащите по области, где хотите создать фрагмент. Чтобы фрагмент имел форму квадрата, перетаскивайте инструмент при нажатой клавише "Shift". Чтобы рисовать из центра, перетаскивайте инструмент при нажатой клавише "Alt" (Windows) или "Option" (Mac OS).

• Выделите один или несколько объектов в монтажной области и выберите "Объект" > "Фрагмент" > "Создать по выделенной области".

• Разместите направляющие там, где требуется разделить объект на фрагменты, и выберите "Объект" > "Фрагменты" > "Создать по направляющим".

• Выделите существующий фрагмент и выберите "Объект" > "Фрагменты" > "Создать дубликат фрагмента".

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

Если размеры фрагмента не должны зависеть от основного объекта, используйте инструмент "Фрагмент", команду "Создать по выделенной области" или "Создать по направляющим". Фрагменты, созданные одним из этих способов, отображаются как элементы в палитре "Слои", и их можно перемещать, изменять и удалять так же, как и другие векторные объекты.

Выделение фрагментов Для выделения фрагмента в окне иллюстрации или в диалоговом окне "Сохранить для Web и устройств" используйте инструмент "Выделение фрагмента".

• Для выделения фрагмента щелкните его.

• Для выделения нескольких фрагментов щелкните их при нажатой клавише "Shift". (В диалоговом окне "Сохранить для Web и устройств" также можно перетаскивать инструмент при нажатой клавише "Shift".) • Чтобы выделить основной фрагмент при работе с пересекающимися фрагментами, щелкните его видимую часть.

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

• Чтобы выделить фрагмент, созданный с помощью команды "Объект" > "Фрагменты" > "Создать", выделите соответствующий объект в монтажной области. Если фрагмент привязан к группе или слою, выделите значок рядом с группой или слоем в палитре "Слои".

• Чтобы выделить фрагмент, созданный с помощью инструмента "Фрагмент", команды "Создать по выделенной области" или команды "Создать по направляющим", укажите его в палитре "Слои".

• Щелкните на контуре фрагмента с помощью инструмента "Выделение".

• Чтобы выделить сегмент контура фрагмента или узловую точку фрагмента, щелкните по ним инструментом "Частичное выделение".

Примечание. Выделить автофрагменты невозможно. Эти фрагменты недоступны.

Установка параметров фрагмента Параметры фрагмента определяют, как будет выглядеть и работать фрагмент на web-странице.

1 Выполните одно из следующих действий с помощью инструмента "Выделение фрагмента".

• Выделите фрагмент в окне иллюстрации, и выберите команду "Объект" > "Фрагменты" > "Параметры фрагмента".

• В диалоговом окне "Сохранить для Web и устройств" дважды щелкните фрагмент инструментом "Выделение фрагмента".

2 Выберите тип фрагмента и задайте соответствующие параметры:

Блокировка фрагментов Блокировка фрагментов предотвращает случайные изменения (например, перемещение или изменение размера).

• Чтобы заблокировать все фрагменты, выберите "Просмотр" > "Закрепить фрагменты".

• Для блокировки отдельных фрагментов щелкните по столбцу редактирования фрагментов в палитре "Слои".

См. также “Обзор палитры "Слои"” на странице Коррекция границ фрагментов Если фрагмент создан с помощью команды "Объект" > "Фрагменты" > "Создать", позиция и размер фрагмента привязываются содержащемуся в нем объекту. Поэтому при перемещении или изменении размера объекта границы фрагмента корректируются автоматически.

Если фрагмент создается с помощью инструмента "Фрагмент", команды "Создать по выделенной области" или команды "Создать по направляющим", можно откорректировать фрагменты вручную следующими способами.

• Для перемещения фрагмента перетащите его на новое место с помощью инструмента "Выделение фрагмента". Чтобы ограничить перемещение вертикальной, горизонтальной линией или диагональной под углом 45°, нажмите и держите клавишу "Shift".

• Для изменения размера фрагмента выделите фрагмент с помощью инструмента "Выделение фрагмента" и тащите любой угол или сторону фрагмента. Для изменения размера фрагментов можно использовать также инструмент "Выделение" и палитру "Трансформирование".

• Для выравнивания или распределения фрагментов используйте палитру "Выравнивание". Выравнивание фрагментов может устранить ненужные автофрагменты и создать небольшой, более эффективный файл HTML.

• Для изменения порядка размещения фрагментов перетащите фрагмент на новую позицию в палитре "Слои" или выберите команду "Объект" > "Монтаж".

• Для разделения фрагмента выделите его и выберите "Объект" > "Фрагменты" > "Разделить фрагменты".

Можно объединять фрагменты, созданные любым методом. Выделите фрагменты и выберите "Объект" > "Фрагменты" > "Объединить фрагменты". В этом случае фрагмент получает свои размеры и позицию от прямоугольника, созданного путем соединения внешних краев объединенных фрагментов. Если объединенные фрагменты несмежные, имеют разные пропорции или выравнивание, новый фрагмент может пересечься с другими фрагментами.

Чтобы изменить размер всех фрагментов до границ монтажной области, выберите команду "Объект" > "Фрагменты" > "Обрезать по монтажной области". Фрагменты, выходящие за монтажную область обрезаются до размеров монтажной области, а автофрагменты, лежащие внутри монтажной области, расширяются до ее границ; ничего в объекте не меняется.

Удаление фрагментов Чтобы убрать фрагменты, можно их удалить или освободить в соответствующем объекте.

• Для удаления фрагмента выделите фрагмент и нажмите кнопку "Удалить". Если фрагмент создан с помощью команды "Объект" > "Фрагменты" > "Создать", одновременно удаляется и соответствующий объект. Чтобы сохранить соответствующий объект, не удаляйте фрагмент, а освободите его.

• Для удаления всех фрагментов выберите команду "Объект" > "Фрагменты" > "Удалить все". Фрагменты, созданные с помощью команды "Объект" > "Фрагменты" > "Создать", не удаляются, а освобождаются.

• Чтобы исключить фрагмент, выделите его и выберите команду "Объект" > "Фрагменты" > "Расформировать".

Отображение и скрытие фрагментов • Для скрытия фрагментов в окне иллюстрации выберите команду "Просмотр" > "Спрятать фрагменты".

• Чтобы скрыть фрагменты в диалоговом окне "Сохранить для Web и устройств", нажмите кнопку "Переключить видимость фрагментов ".

• Чтобы спрятать номера фрагментов и изменить цвет линий фрагмента, выберите "Редактирование" > "Установки" > "Быстрые" направляющие и фрагменты" (Windows) или "Illustrator" > "Установки" > "Быстрые" направляющие и фрагменты" (Mac OS).

Создание карт ссылок Карты ссылок позволяют связать одну или несколько областей изображения (так называемых активных областей) с URL-адресом. Когда пользователь щелкает по активной области, web-браузер загружает связанный с ней файл.

Основная разница между использованием карт ссылок и фрагментов для создания связей состоит в том, как объект экспортируется на web-страницу. Использование карт ссылок сохраняет объект в виде единого файла изображения, а в случае использования фрагментов объект делится на несколько отдельных файлов. Еще одна разница между картами ссылок и фрагментами состоит в том, что карты позволяют связывать многоугольные или прямоугольные области в объекте, а фрагменты – только прямоугольные. Если нужно связать только прямоугольные зоны, лучше использовать фрагменты, а не карту ссылок.

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

1 Выделите объект, который хотите связать с URL-адресом.

2 В палитре "Атрибуты" выберите в меню "Карта ссылок" фигуру для карты ссылок.

3 Введите относительный или полный URL-адрес в текстовое поле "URL-адрес" или выберите URL-адрес из списка. Местонахождение URL-адреса можно проверить, нажав кнопку "Браузер".

Чтобы увеличить количество видимых записей в меню "URL-адрес", выберите в меню палитры "Атрибуты" пункт "Параметры палитр". Введите количество URL-адресов, которое должно отображаться в списке URL-адресов (от 1 до 30).

Формат SVG О формате SVG Битовые форматы изображения для Web (GIF, JPEG, WBMP и PNG) описывают изображения с помощью сетки пикселов. Файлы получаются большими с одним (часто низким) разрешением и занимают значительную часть полосы пропускания Web. В отличие от этого, SVG – это векторный формат, описывающий изображения как фигуры, контуры, текст и эффекты фильтра. Полученные файла компактны и обеспечивают качественную графику в Web, на печати и даже портативных устройствах с ограниченными ресурсами. Пользователи могут увеличить SVG-изображение на экране без потери резкости, деталей или четкости. Кроме того, формат SVG отлично поддерживает текст и цвета, и пользователи всегда видят изображения таким, как оно выглядит в монтажной области Illustrator.

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

Сохранить объект в формате SVG можно с помощью команд "Сохранить", "Сохранить как", "Сохранить копию" и "Сохранить для Web и устройств". Для доступа к полному набору параметров экспорта в формате SVG используйте команды "Сохранить", "Сохранить как" или "Сохранить копию". Команда "Сохранить для Web и устройств" предоставляет ограниченный набор параметров экспорта в формате SVG (только те, которые используются для работы в Web).

Видеоролик о создании мобильного содержимого в Illustrator см. по адресу www.adobe.com/go/vid0207_ru.

Настройки объекта в Illustrator влияют на то, каким будет SVG-файл. Помните следующие рекомендации.

• Используйте слои для добавления структуры в SVG-файл. Если объект сохраняется в формате SVG, каждый слой преобразуется в групповой элемент () . (Например, слой "Button1" становится ).

Вложенные слои становятся вложенными SVG-группами, а скрытые слои сохраняются со свойством "отображение:нет" стиля SVG.

• Если нужно, чтобы объекты на разных слоях выглядели прозрачными, корректируйте непрозрачность каждого объекта, а не каждого слоя. Если непрозрачность меняется на уровне слоя, итоговый SVG-файл не покажет прозрачность так, как она выглядит в Illustrator.

• Растровые данные не масштабируются в средстве просмотра SVG и не могут отредактироваться, как другие SVG-элементы. Старайтесь не создавать объекты, которые будут растрироваться в SVG-файле. Сетчатые градиенты и объекты с градиентной заливкой, использующие эффекты "Растрирование", "Имитация", "Размытие", "Мазки кистью", "Искажение", "Оформление", "Резкость", "Эскиз", "Стилизация", "Текстура" и "Видео", растрируются при сохранении в формате SVG. Графические стили с этими эффектами также вызывают растрирование. Добавляя графические объекты, используйте SVG -эффекты, не вызывающие растрирования.

• Для повышения производительности SVG-файла используйте символы в объекте и упрощайте контуры. Кроме того, если в первую очередь требуется производительность, старайтесь не пользоваться кистями, которые производят большое количество данных контура ("Уголь", "Пепел", "Ручка").

• Используйте фрагменты, карты ссылок и сценарии для добавления web-ссылок в SVG-файл.

• Язык сценариев (например, JavaScript) открывает неограниченные функциональные возможности для SVGфайла. Перемещения с помощью курсора и клавиатуры могут вызвать сценарные функции (например, эффекты прокрутки). Сценарии могут также использовать объектную модель документов (DOM) для обращения к SVGфайлу и внесения изменений (например, для вставки или удаления SVG-элементов).

См. также “Оптимизация изображения для Web” на странице “Сохранение в формате SVG” на странице Применение SVG-эффектов SVG-эффекты можно использовать для добавления в объект таких графических свойств, как тени. SVG-эффекты отличаются от битовых эквивалентов тем, что они основаны на XML и не зависят от разрешения. Фактически SVG-эффект – это не что иное, как серия XML-свойств, описывающих различные математические операции.

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

Illustrator предоставляет набор SVG-эффектов по умолчанию. Можно использовать эффекты с их свойствами по умолчанию, отредактировать код XML для создания пользовательских эффектов или написать код для новых SVGэффектов.

Чтобы изменить SVG-фильтры, которые Illustrator использует по умолчанию, используйте текстовый редактор для редактирования файла Adobe SVG Filters.svg в папке "/Application Data/Adobe/Adobe Illustrator CS3 Settings". Можно изменить или удалить существующие определения фильтра, а также добавить новые.

1 Выберите объект или группу (или назначьте слой в палитре "Слои").

2 Выполните одно из следующих действий.

• Для применения эффекта с параметрами по умолчанию выберите эффект в нижней части вложенного меню "Эффект" > "SVG-фильтры".

• Для применения эффекта с параметрами пользователя выберите команду "Эффект" > "Фильтры SVG" > "Применить SVG-фильтр". Выберите эффект в диалоговом окне и нажмите кнопку "Редактировать SVG-фильтр". Отредактируйте код по умолчанию и нажмите кнопку "ОК".

• Для создания и применения нового эффекта выберите команду "Эффект" > "Фильтры SVG" > "Применить SVGфильтр". В диалоговом окне нажмите кнопку "Новый SVG-фильтр", введите новый код и нажмите кнопку "ОК".

Если применяется эффект "SVG-фильтр", Illustrator отображает растрированную версию эффекта на монтажной области. Можно контролировать разрешение миниатюры, изменяя параметр разрешения растрирования документа.

Важная информация: Если объект использует несколько эффектов, SVG-эффект должен быть последним.

Другими словами, он должен отображаться в нижней части палитры "Отображение" (над записью "Прозрачность"). Если SVG-эффект сопровождается другими эффектами, вывод SVG будет осуществлен в виде растрового объекта.

См. также “О растровых эффектах” на странице “Изменение или удаление эффекта” на странице Импорт эффектов из SVG-файла 1 Выберите "Эффект" > "Фильтр SVG" > "Импортировать фильтр SVG" 2 Выберите SVG-файл, из которого хотите импортировать эффекты, и нажмите кнопку "Открыть".

Обзор палитры "Интерактивность SVG" Палитра "Интерактивность SVG" ("Окно" > "Интерактивность SVG") используется для добавления интерактивности в объект при его экспорте для просмотра в web-браузере. Например, создав событие, запускающее команду языка JavaScript, можно быстро создать движение на web-странице, когда пользователь выполняет такое действие, как перемещение курсора мыши над объектом. Палитра "Интерактивность SVG" позволяет также увидеть все события и файлы JavaScript, связанные с текущим файлом.

См. также “Оптимизация изображения для Web” на странице “Сохранение в формате SVG” на странице Удаление события из палитры "Интерактивность SVG" • Чтобы удалить одно событие, выберите его и нажмите кнопку "Удалить" или выберите "Удалить событие" в меню палитры.

• Для удаления всех событий выберите "Удалить события" в меню палитры.

Просмотр, добавление или удаление событий, связанных с файлом 1 Нажмите кнопку "Ссылка на файлы JavaScript".

2 В диалоговом окне "Файлы JavaScript" выберите запись JavaScript и выполните одно из следующих действий:

• Нажмите "Добавить" для поиска дополнительных файлов JavaScript.

• Нажмите "Удалить" для удаления выбранной записи JavaScript.

Добавление интерактивности SVG в объект 1 Выберите событие в палитре "Интерактивность SVG". (См. “SVG-события” на странице 397).

2 Введите соответствующий сценарий JavaScript и нажмите "Ввод".

SVG-события onfocusin. Запускает действие, когда элемент получает фокус (например, выделение курсором).

onfocusout. Запускает действие, когда элемент теряет фокус (часто при переходе фокуса другому элементу).

onactivate. Запускает действие по щелчку мыши или нажатию клавиши в зависимости от SVG-элемента.

onmousedown. Запускает действие, когда пользователь нажимает кнопку мыши на элементе.

onmouseup. Запускает действие, когда пользователь отпускает кнопку мыши на элементе.

onclick. Запускает действие по щелчку кнопки мыши на элементе.

onmouseover. Запускает действие при наведении курсора на элемент.

onmousemove. Запускает действие, когда курсор находится на элементе.

onmouseout. Запускает действие, когда пользователь уводит курсор с элемента.

onkeydown. Запускает действие при нажатии клавиши.

onkeypress. Запускает действие, когда пользователь держит клавишу нажатой.

onkeyup. Запускает действие, когда пользователь отпускает клавишу.

onload. Запускает действие после того, как SVG-документ был полностью проанализирован браузером.

Используйте это событие для вызова разовых функций инициализации.

onerror. Запускает действие при неправильной загрузке элемента или другой ошибке.

onabort. Запускает действие при остановке загрузки страницы до того, как элемент полностью загружается.

onunload. Запускает действие при удалении SVG-документа из окна или кадра.

onzoom. Запускает действие, когда меняется масштаб для документа.

onresize. Запускает действие, когда меняется размер окна просмотра документа.

onscroll. Запускает действие при прокрутке или панорамировании окна просмотра документа.

Создание анимаций О Flash-графике (R)Формат файла Flash (SWF) основан на векторной графике и предназначен для масштабируемой, компактной графики для Web. Так как этот формат файла основан на векторной графике, объект сохраняет качество изображения при любом разрешении и идеален для создания кадров анимации. В Illustrator можно создать отдельные кадры анимации на слоях и затем экспортировать слои изображения в отдельные кадры для использования на web-сайте. Можно также определить символы в файле Illustrator для снижения размера анимации. При экспорте каждый символ определяется в SWF-файле только один раз.

Сохранить объект как SWF-файл можно с помощью команды "Экспортировать" или "Сохранить для Web и устройств". Вот преимущества каждого из этих способов:

Команда "Экспортировать" (SWF). Обеспечивает наибольший контроль над анимацией и битовым сжатием.

Команда "Сохранить для Web и устройств". Обеспечивает больше контроля над смесью форматов SWF и битового во фрагментированном макете. Эта команда предлагает меньше параметров изображения, чем команда "Экспортировать" (SWF), но использует последние использованные параметры команды "Экспортировать".

(См.“Параметры оптимизации формата SWF” на странице 415).

При подготовке объекта к сохранению в формате SWF помните следующие рекомендации.

• Чтобы файл был как можно меньше при использовании символов, применяйте эффекты к символу в палитре "Символы", а не к экземплярам символа в объекте.

• Использование инструментов "Обесцвечивание символов" и "Стили символов" увеличит размер SWF-файлов, так как Illustrator должен создать копию каждого экземпляра символа для сохранения оформления.

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

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

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

• Формат SWF поддерживает только скругленные концы и стыки. При экспорте в формат SWF скошенные или квадратные концы и стыки скругляются.

• Залитый узором текст и обводки преобразуются в контуры и заливаются узором.

• Хотя при экспорте в формат SWF текст сохраняет многие свои особенности, некоторая информация теряется.

Если SWF-файл импортируется в Flash, интерлиньяж, кернинг и трекинг не сохраняются. Вместо этого текст разбивается на отдельные записи для имитации вида интерлиньяжа. Если затем SWF-файл проигрывается в Flash Player, оформление интерлиньяжа, кернинга и трекинга в файле сохраняется. Если нужно экспортировать текст как контуры, выберите "Экспорт текста с преобразованием в кривые" в диалоговом окне "Параметры SWF" или преобразуйте текст в кривые перед экспортом в формат SWF, выбрав команду "Создать кривые".

Видеоролик об эффективном использовании символов между Illustrator и Flash см. по адресу www.adobe.com/go/vid0198_ru. Видеоролик об эффективном использовании текста между Illustrator и Flash см. по адресу www.adobe.com/go/vid0199_ru.

См. также “Оптимизация изображения для Web” на странице “Параметры экспорта Flash” на странице “О символах” на странице Создание Flash-анимаций В Illustrator есть много способов создания Flash-анимаций. Один из самых простых – это расположить каждый кадр анимации на отдельном слое Illustrator и при экспорте объекта выбрать параметр "Все слои в SWF-фреймы".

Видеоролик об экспорте SWF-файлов из Illustrator см. по адресу www.adobe.com/go/vid0214_ru. Видеоролик о создании мобильного содержимого в Illustrator см. по адресу www.adobe.com/go/vid0207_ru. Можно также обратиться в Adobe Studio по адресу (http://studio.adobe.com) за советами и учебниками по созданию Flash-анимаций.

1 Создайте объект, который хотите анимировать. Используйте символы для уменьшения размера файла анимации и упрощения работы.

2 Создайте отдельный слой для каждого кадра в анимации.

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

3 Слои должны располагаться в том порядке, в каком вы хотите их видеть в кадрах анимации.

4 Выполните одно из следующих действий.

• Выберите команду "Файл" > "Экспортировать", формат "Flash (SWF)" и нажмите "Экспорт". В диалоговом окне (R) "Параметры SWF" выберите в списке "Экспортировать как" значение "Слои AI в кадры SWF". Задайте дополнительные параметры анимации и нажмите кнопку "ОК".

• Выберите "Файл" > "Сохранить для Web и устройств". Выберите "SWF" из меню "Оптимизированный формат файла". В меню "Тип экспорта" выберите команду "Слои AI в кадры SWF". Задайте дополнительные параметры и нажмите кнопку "Сохранить".

См. также “О символах” на странице “Распределение элементов по отдельным слоям” на странице “Параметры экспорта Flash” на странице “Параметры оптимизации формата SWF (Illustrator)” на странице Работа с Illustrator и Flash Графический объект, созданный в приложении Illustrator, можно переместить в среду редактирования Flash или напрямую открыть в приложении Flash Player. Графические объекты можно копировать и вставлять, сохранять в SWF-формате или непосредственно экспортировать в приложение Flash. Кроме того, Illustrator обеспечивает поддержку динамического текста Flash и символов видеороликов.

С помощью приложения Device Central можно увидеть, как будет выглядеть графический объект Illustrator в приложении Flash Player на различных карманных устройствах.

Вставка графического объекта Illustrator Созданный в приложении Illustrator графический объект можно быстро, просто и без затруднений скопировать и вставить в приложение Flash.

При вставке графического объекта Illustrator в приложение Flash сохраняются следующие атрибуты.

• Контуры и фигуры • Масштаб • Толщина штрихов • Определения градиентов • Текст (включая шрифты OpenType) • Связанные изображения • Символы • Режимы наложения Кроме того, Illustrator и Flash поддерживают следующие возможности при вставке графического объекта.

• При выделении в графическом объекте Illustrator слоев верхнего уровня целиком и вставке их в приложение Flash сохраняются слои и их свойства (видимость и блокировка).

• Цветовые форматы Illustrator, отличные от RGB (CMYK, градации серого и пользовательские форматы), преобразуются приложением Flash в формат RGB. Цвета RGB вставляются обычным образом.

• При импорте или вставке графического объекта Illustrator можно с помощью различных параметров сохранить определенные эффекты (например, тень, отбрасываемую текстом) в виде фильтров Flash.

• Flash сохраняет маски Illustrator.

Экспорт SWF-файлов из приложения Illustrator SWF-файлы, экспортируемые из приложения Illustrator, соответствуют по качеству и степени сжатия SWF-файлам, экспортируемым из приложения Flash.

При экспорте можно выбрать один из многочисленных заранее заданных наборов настроек, обеспечивающих оптимальный вывод, и указать способ преобразования символов, слоев, текста и масок. Например, можно задать, экспортируются ли символы Illustrator в виде видеороликов или графических изображений, а также создавать ли SWF-символы из слоев Illustrator.

Импорт файлов Illustrator в приложение Flash Чтобы создать полный макет в приложении Illustrator, а затем импортировать его в приложение Flash за один шаг, можно сохранить графический объект в собственном формате Illustrator (AI) и импортировать его с высокой точностью в приложение Flash с помощью команд "Файл" > "Импортировать в сцену" или "Файл" > "Импортировать в библиотеку".

При импорте графического объекта Illustrator в виде файлов AI, EPS или PDF приложение Flash сохраняет те же атрибуты, что и при вставке графических объектов Illustrator.

Кроме того, если импортируемый файл Illustrator содержит слои, их можно импортировать одним из следующих способов.

• Преобразовать слои Illustrator в слои Flash.

• Преобразовать слои Illustrator в кадры Flash.

• Преобразовать все слои Illustrator в один слой Flash Работа с символами Работа с символами в приложении Illustrator похожа на работу с символами в приложении Flash.

Создание символов При создании символа в приложении Illustrator в диалоговом окне "Свойства символа" можно задать его имя и специфичные для приложения Flash параметры: тип символа видеоролика (это значение по умолчанию для символов Flash), местоположение регистрационной сетки Flash и 9-фрагментную схему масштабирования. Кроме того, совпадают многие из сочетаний клавиш, применяемых в приложениях Illustrator и Flash (например, клавиша F8 создает символ).

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

После выхода из изолированного режима соответствующим образом обновляется символ в палитре "Символы" и все его экземпляры. Режим редактирования символов и панель "Библиотека" в приложении Flash работают аналогично.

Свойства и связи символа С помощью палитры "Символы" или палитры "Управление" можно легко назначать имена экземплярам символов, разрушать связи между экземплярами и символами, замещать экземпляр символа другим символом или создавать копию символа. Функции редактирования панели "Библиотека" в приложении Flash работают аналогично.

Статические и динамические текстовые объекты и объекты для ввода текста При переносе статического текста из приложения Illustrator в приложение Flash он преобразуется в контуры.

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

В приложении Illustrator отдельные текстовые объекты могут быть статическими, динамическими или объектами для ввода текста. Динамические текстовые объекты в приложениях Illustrator и Flash имеют схожие свойства.

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

Оптимизация изображений Описание функции "Сохранить для Интернета и устройств" В диалоговом окне "Сохранить для Интернета и устройств" ("Файл" > "Сохранить для Интернета и устройств") можно выбрать параметры оптимизации и предварительного просмотра для оптимизированных графических объектов.

Диалоговое окно "Сохранить для Интернета и устройств" А. Параметры отображения Б. Палитра инструментов В. Всплывающее меню "Просмотр" Г. Всплывающее меню "Оптимизация" Д. Всплывающее меню "Таблица цветов" Е. Элементы управления анимацией Ж. Текстовое поле "Масштаб" З. Исходное изображение И. Оптимизированное изображение К. Меню "Просмотр в браузере" Просмотр изображений в диалоговом окне v Чтобы выбрать вариант отображения, щелкните вкладку над областью изображения.

Навигация в диалоговом окне Если в диалоговом окне "Сохранить для Интернета и устройств" графический объект отображается не полностью, то с помощью инструмента "Рука" можно переместить нужную его часть в область просмотра. Для увеличения или уменьшения масштаба изображения используется инструмент "Масштаб".

• Чтобы переместить изображение, выберите инструмент "Рука" (или удерживайте клавишу "Пробел") и перетащите курсор в области просмотра.

• Чтобы увеличить масштаб, выберите инструмент "Масштаб" и щелкните в области просмотра. Чтобы уменьшить масштаб, щелкните в области просмотра, удерживая клавишу "Alt" (Windows) или "Option" (Mac OS).

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

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

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

v Для отображения или скрытия окна псевдополутонов в браузере выберите параметр "Псевдополутона в браузере" в раскрывающемся меню "Просмотр". Значок выбора показывает, что псевдополутона в браузере включены. Включение параметра "Псевдополутона в браузере" не влияет на окончательный вывод изображения.

Оптимизация изображения для Интернета 1 Выберите "Файл" > "Сохранить для Интернета и устройств".

2 Чтобы выбрать вариант отображения, щелкните вкладку в верхней части диалогового окна:

"Оптимизированный", "2" или "4". В режиме отображения "4" щелкните изображение, которое нужно оптимизировать.

3 (Необязательно) Если изображение содержит несколько фрагментов, выберите для оптимизации нужные.

4 В меню "Стиль" выберите предопределенные настройки оптимизации или укажите собственные. Доступность параметров зависит от выбранного формата файла.

При работе в режиме "4" для автоматического создания изображений более низкого качества после изменения настроек оптимизации укажите пункт "Повторно формировать изображения" в меню "Оптимизация".

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

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

6 При оптимизации изображения со встроенным цветовым профилем, отличным от sRGB, перед сохранением этого изображения для Интернета следует преобразовать его цвета в sRGB. Убедитесь, что в меню "Оптимизация" установлен флажок "Преобразовывать в sRGB".

7 Нажмите кнопку "Сохранить".

8 В диалоговом окне "Сохранить оптимизированный как..." выполните приведенные ниже действия, затем нажмите кнопку "Сохранить".

• Введите имя файла и выберите расположение для конечных файлов.

• В меню "Формат" укажите формат сохраняемых файлов: HTML-файлы и файлы изображения, только файлы изображения или только HTML-файлы.

• (Необязательно) Установите настройки вывода для HTML-файлов и файлов изображений.

• Если изображение содержит несколько фрагментов, выберите в меню "Фрагменты" параметры для сохранения фрагментов. "Все фрагменты" или "Выделенные фрагменты".

Чтобы сбросить настройки оптимизации в последнее сохраненное состояние, нажмите клавишу "Alt" (Windows) или "Option" (Mac OS), затем нажмите кнопку "Восстановить". Для использования этих же настроек при следующем открытии диалогового окна "Сохранить для Интернета и устройств", нажмите клавишу "Alt"/"Option", затем нажмите кнопку "Запомнить".

Видеоролик о сохранении файлов для Интернета в Illustrator см. по ссылке www.adobe.com/go/vid0063_ru.

См. также “Параметры оптимизации web-графики” на странице “Просмотр оптимизированных изображений в web-браузере” на странице “Настройка параметров вывода” на странице Сохранение или удаление стилей оптимизации Настройки оптимизации можно сохранить как именованный набор и применять их к другим изображениям.

Сохраняемые настройки отображаются в раскрывающемся меню "Стиль" вместе с предопределенными именованными настройками. При изменении именованного набора или предопределенного набора в меню "Стиль" отображается значение "Без имени".

1 Установите необходимые параметры оптимизации и выберите в меню "Оптимизация" пункт "Сохранить настройки".

2 Укажите имена для настроек и сохраните их в соответствующую папку:

• Photoshop (Windows XP) Document and Settings\[имя_пользователя]\Application Data\Adobe\Adobe Photoshop CS3\Optimized Settings (Windows Vista) Users\[имя_пользователя]\AppData\Roaming\Adobe\Adobe Photoshop CS3\Optimized Settings (Mac OS) User/[имя_пользователя]/Library/Preferences/Adobe Photoshop CS3 Settings/Optimized Settings • Illustrator (Windows XP) Document and Settings\[имя_пользователя]\Application Data\Adobe\Adobe Photoshop CS3\Optimized Settings (Windows Vista) Users\[имя_пользователя]\AppData\Roaming\Adobe\Adobe Illustrator CS3 Settings\Save for Web Settings\Optimize (Mac OS) User/[имя_пользователя]/Library/ApplicationSupport/Adobe/Adobe Illustrator CS3/Save for Web Settings/Optimize Примечание. При сохранении настроек в другой папке они не будут отображаться в раскрывающемся меню "Стиль".

3 Чтобы удалить стиль, выберите его в меню "Стиль", затем в меню "Оптимизировать" выберите пункт "Удалить настройки".

Работа с фрагментами в диалоговом окне "Сохранить для Интернета и устройств" Если изображение содержит несколько фрагментов, необходимо указать для оптимизации нужные фрагменты.

Настройки оптимизации можно применить к дополнительным фрагментам путем их связывания. Для связанных фрагментов в формате GIF и PNG-8 используется одна и та же палитра цветов и метод псевдополутонов, что позволяет избежать возникновения швов между фрагментами.

• Чтобы показать или скрыть фрагменты, нажмите кнопку "Переключить отображение фрагментов".

• (Только в Photoshop) Чтобы показать или скрыть автофрагменты, выберите в раскрывающемся меню "Просмотр" пункт "Скрыть автофрагменты".

• Чтобы выбрать фрагменты в диалоговом окне "Сохранить для Интернета и устройств", выберите инструмент "Выделение фрагмента" и щелкните нужный фрагмент. Для выделения нескольких фрагментов щелкните или перетащите указатель, удерживая клавишу "Shift".

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

• Для просмотра параметров фрагмента в диалоговом окне "Сохранить для Интернета и устройств" выберите инструмент "Выделение фрагмента" и дважды щелкните нужный фрагмент.

• Чтобы связать фрагменты, выберите, как минимум, два фрагмента, затем выберите в раскрывающемся меню "Оптимизация" (справа от меню "Стиль") пункт "Связать фрагменты". На связанных фрагментах отображается значок связи.

• Чтобы отменить связь фрагментов, выберите фрагмент, затем в раскрывающемся меню "Оптимизация" выберите пункт "Отменить связь фрагментов".

• Чтобы отменить все связи фрагментов в изображении, в раскрывающемся меню "Оптимизация" выберите пункт "Отменить все связи фрагментов".

Сжатие web-графики до заданного размера файла 1 Выберите "Файл" > "Сохранить для Интернета и устройств".

2 Чтобы выбрать вариант отображения, щелкните вкладку в верхней части диалогового окна "Сохранить для Интернета или устройств": "Оптимизированный", "2" или "4". В режиме отображения "4" выберите изображение для оптимизации.

3 (Необязательно) Выберите фрагменты для оптимизации и нужный формат файла.

4 В меню "Оптимизация" выберите пункт "Оптимизировать по размеру файла" (справа от меню "Настройки").

5 Введите нужный размер файла.

6 Выберите параметр "Начать с".

Автовыделение формата GIF/JPEG Автоматический выбор оптимального формата в 7 Выберите параметр "Использовать", который определяет применение указанного размера файла только к текущему фрагменту, к каждому фрагменту в изображении или ко всем фрагментам. Нажмите кнопку "ОК".

Изменение размера графического объекта при оптимизации В диалоговом окне "Сохранить для Интернета и устройств" можно изменить размер изображения до заданных размеров в пикселах или процентах от исходного размера.

1 В диалоговом окне "Сохранить для Интернета и устройств" щелкните вкладку "Размер изображения".

2 Задайте любой из следующих параметров.

Обрезать по рабочей области (Только для Illustrator) Ограничивает размер 3 Введите новые размеры в пикселах или укажите процент от исходного изображения и нажмите кнопку "Применить".

Создание CSS-слоев для web-графики C помощью слоев в графических объектах Illustrator можно создавать CSS-слои в конечном HTML-файле. CSSслой - это элемент с абсолютным положением, который может накладываться на другие элементы web-страницы.

Экспорт CSS-слоев удобен, если на web-странице планируется создание динамических эффектов.

В палитре "Слои" диалогового окна "Сохранить для Интернета и устройств" можно определить, какие из верхних слоев в изображении будут экспортированы в качестве CSS-слоев, а также будут ли эти слои видимыми или скрытыми.

1 В диалоговом окне "Сохранить для Интернета и устройств" щелкните вкладку "Слои".

2 Выберите "Экспортировать как CSS-слои".

3 Выберите слой в раскрывающемся меню "Слои" и настройте необходимым образом следующие параметры.

См. также “Описание функции "Сохранить для Интернета и устройств"” на странице “Оптимизация изображения для Интернета” на странице Просмотр оптимизированных изображений в web-браузере Оптимизированное изображение можно просмотреть в любом установленном web-браузере через диалоговое окно "Сохранить для Интернета и устройств" ("Файл" > "Сохранить для Интернета и устройств"). Просмотр в браузере позволяет вывести изображение с сопроводительной подписью, где будет указан тип файла изображения, размеры в пикселах, размер файла, спецификации сжатия и другие HTML-сведения.

• Для просмотра изображения в web-браузере по умолчанию щелкните значок браузера в нижней части диалогового окна "Сохранить для Интернета и устройств".

• Чтобы использовать другой браузер, выберите "Другие" в раскрывающемся меню браузеров (рядом со значком браузера).

• Чтобы добавить, изменить или удалить браузер, выберите "Изменить список" в раскрывающемся меню браузеров. В диалоговом окне "Браузеры" можно найти все установленные браузеры и задать браузер по умолчанию для просмотра изображений.

Параметры оптимизации web-графики Форматы web-графики Форматы web-графики могут быть битовыми (растровыми) или векторными. К битовым форматам относятся GIF, JPEG, PNG и WBMP, которые зависят от разрешения, то есть от размеров растрового изображения. С различными разрешениями монитора возможно изменение качества. К векторным форматам относятся SVG и SWF, которые не зависят от разрешения и поддерживают масштабирование без каких-либо потерь для качества изображения.

Векторные форматы могут также содержать растровые данные. Экспорт в форматы SVG и SWF поддерживается только в приложении Adobe Illustrator через диалоговое окно "Сохранить для Интернета и устройств".

Параметры оптимизации JPEG Формат JPEG является стандартом сжатия нерастрированных изображений, например фотографий. Оптимизация изображения в формате JPEG основана на сжатии с потерями с выборочным удалением данных.

Примечание. Поскольку при сохранении файла в формате JPEG данные теряются, рекомендуется сохранять исходный файл первоначальном формате (например Photoshop.PSD), если в будущем планируется редактировать его или создавать дополнительные JPEG-версии.

Настройки оптимизации для формата JPEG А. Меню "Формат файла" Б. Меню "Качество сжатия" В. Меню "Оптимизировать" Качество Определяет уровень сжатия. Чем выше значение "Качество", тем большая детализация сохраняется при обработке алгоритмом сжатия. Однако чем выше значение "Качество", тем больше размер файла по сравнению с небольшими значениями параметра "Качество". Чтобы определить наилучшее соотношение качества и размера файла, рекомендуется просмотреть оптимизированное изображение с различными настройками качества.

Оптимизированный Создается расширенный JPEG с незначительно меньшим размером файла.

Формат "Оптимизированный JPEG" рекомендуется для максимального сжатия. Однако некоторые браузеры старых версий могут не поддерживать эту функцию.

Прогрессивный Изображение в web-браузере отображается прогрессивно. Изображение отображается как последовательность перекрытия, что позволяет видеть изображение низкого разрешения до полной загрузки. Для параметра "Прогрессивно" необходимо использование формата "Оптимизированный JPEG".

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

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

Рекомендуется значение от 0,1 до 0,5.

ICC-профиль Сохраняет ICC-профиль изображения в файле. Некоторые браузеры используют ICC-профили для цветокоррекции. Этот параметр доступен только после сохранения изображения с ICC-профилем, он не рекомендуется для несохраненных изображений.

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

"Пипетка" (для использования цвета в поле образцов пипетки), "Основной цвет", "Цвет фона", "Белый", "Черный" или "Другой" (для использования палитры цветов).

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

См. также “Оптимизация изображения для Интернета” на странице Параметры оптимизации для форматов GIF и PNG- Формат GIF является стандартом сжатия для изображений с цветами смесевых красок и четкой детализацией, например, для штриховых рисунков, логотипов или иллюстраций с текстом. Аналогично GIF, формат PNG- эффективно сжимает сплошные области цвета с сохранением четкости деталей.

Файлы PNG-8 и GIF поддерживают 8-разрядную глубину цвета, то есть до 256 цветов. Процесс определения используемых цветов называется индексированием, поэтому изображения в форматах GIF и PNG-8 иногда называют изображениями индексированных цветов. Чтобы преобразовать цвета изображения в индексированные, Photoshop строит таблицу цветов изображения, где хранятся и индексируются цвета в изображении. Если в таблице цветов исходного изображения отсутствует нужный цвет, то приложение подбирает ближайший цвет из таблицы или имитирует цвет с помощью сочетания доступных цветов.

Кроме приведенных ниже параметров, можно задать количество цветов в таблице цветов изображения. См.

“Настройка таблицы цветов для изображений GIF и PNG-8” на странице 411.

Настройки оптимизации для формата GIF А. Меню "Формат файла" Б. Меню "Алгоритм редукции цвета" В. Меню "Модель псевдополутонов" Г. Меню "Оптимизировать" Качество (только GIF) Уменьшение размера файла путем выборочного удаления данных. Чем выше значение настройки "Потери", тем больше данных удаляется. Чаще всего рекомендуется задавать значение "Качество" в диапазоне от 5 до 10, в некоторых случаях до 50, без ухудшения качества изображения. Параметр "Качество" может уменьшить размер файла на 5 - 40%.

Примечание. Параметр "Качество" нельзя использовать одновременно с параметром "Чересстрочно", алгоритмами "Псевдополутона с примешиванием шума" или "Псевдополутона на узоре".

Цвета и метод редукции цвета Определяет метод создания таблицы цветов изображения и необходимое количество цветов в таблице. Доступны следующие методы редукции цвета.

• Перцепционная Создает пользовательскую таблицу цветов, отдавая предпочтение цветам, к которым человеческий глаз наиболее чувствителен.

• Выборочная Создает таблицу цветов, аналогичную таблице "Перцепционная", но предпочтение отдается областям большого размера и сохранению web-цветов. Обычно при использовании этой таблицы получаются изображения с наибольшей достоверностью цветов. Значение "Выборочная" задано по умолчанию.

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

• (Ограниченная) Интернет Используется стандартная таблица из 216 цветов, применяемая в Windows и Mac OS в палитрах с 8-разрядной глубиной цвета (256 цветов). При выборе этого параметра псевдополутона в браузере не применяются при отображении с 8-разрядной глубиной цвета. (Такая палитра также называется "безопасной webпалитрой".) Использование web-палитры может увеличивать размер файла, и рекомендуется только в тех случаях, когда крайне важно исключить псевдополутона в браузере.

• Пользовательская Применяется палитра цветов, созданная или измененная пользователем. При открытии существующего файла GIF или PNG-8 в нем будет пользовательская палитра цветов.

Таблица цветов изображения настраивается с помощью палитры "Таблица цветов" в диалоговом окне "Сохранить для Интернета и устройств".

• Черно-белый, градации серого, Mac OS, Windows Используйте готовую палитру цветов.

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

GIF-изображения с 0% псевдополутонов (слева) и 100% псевдополутонов (справа) Доступны следующие методы псевдополутонов.

• Диффузия Применяется случайный узор, менее заметный, чем в режиме "Псевдополутона на узоре". Эффекты псевдополутонов распространяются на смежные пикселы.

• Узор Для имитации цветов, отсутствующих в таблице цветов, применяется квадратный узор наподобие полутонового.

• Шум Применяется случайный узор, подобный узору в режиме "Псевдополутона с диффузией", но без распространения на смежные пикселы. В режиме псевдополутонов с примешиванием шума швы не возникают.

Прозрачность и Подложка Определяет способ оптимизации прозрачных пикселов в изображении.

• Чтобы сделать полностью прозрачные пикселы прозрачными и смешать частично прозрачные пикселы с цветом, выберите "Прозрачность" и укажите цвет подложки.

• Чтобы заполнить полностью прозрачные пикселы цветом и наложить частично прозрачные пикселы на этот же цвет, выберите цвет подложки и отмените выбор параметра "Прозрачность".

• Для выбора цвета подложки щелкните стрелку рядом с образцом цвета "Подложка" и выберите нужный цвет в палитре цветов. Второй способ: выберите параметр в меню "Подложка": "Пипетка" (для использования цвета в поле образцов пипетки), "Основной цвет", "Цвет фона", "Белый", "Черный" или "Другой" (для использования палитры цветов).

Примеры прозрачности и обработки краев А. Исходное изображение Б. Выделена прозрачность с цветом подложки В. Выделена прозрачность без подложки Г. Отменено выделение прозрачности с цветом подложки Прозрачность псевдополутонов При выборе параметра "Прозрачность" можно указать метод псевдополутонов частично прозрачных пикселов.

• При выборе параметра "Без прозрачности псевдополутонов" полутона к частично прозрачным пикселам в изображении не применяются.

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

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

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

Пример псевдополутонов "Псевдополутона на прозрачном узоре" (слева) и его применение к фону web-страницы (справа) Чересстрочно До полной загрузки файла изображение в браузере отображается в низком разрешении.

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

Web-цвета Определяется уровень изменения цветов на ближайшие эквивалентные цвета палитры Web (с отменой псевдополутонов в браузере). Чем выше значение, тем больше изменяется цветов.

См. также “Оптимизация изображения для Интернета” на странице Оптимизация прозрачности в изображениях GIF и PNG Прозрачность позволяет создавать непрямоугольные изображения для Интернета. Прозрачность фона сохраняет в изображении прозрачные пикселы. Это позволяет видеть фон web-страницы через прозрачные области изображения. Подложка фона имитирует прозрачность путем заполнения или слияния прозрачных пикселов с цветом подложки, который может совпадать с фоновым цветом web-страницы. Подложка фона выглядит лучше всего при сплошном фоне web-страницы, если известен его цвет.

Настроить оптимизацию прозрачных пикселов в изображениях GIF и PNG можно с помощью параметров "Прозрачность и подложка" в диалоговом окне "Сохранить для Интернета и устройств".

• (GIF и PNG-8) Чтобы сделать полностью прозрачные пикселы прозрачными и наложить частично прозрачные пикселы на цвет, выберите "Прозрачность" и укажите цвет подложки.

• Чтобы заполнить полностью прозрачные пикселы цветом и наложить частично прозрачные пикселы на этот же цвет, выберите цвет подложки и отмените выбор параметра "Прозрачность".

• (GIF и PNG-8) Чтобы сделать все пикселы с прозрачностью более 50% полностью прозрачными, а все пикселы с прозрачностью 50% и менее полностью непрозрачными, выберите "Прозрачность" и укажите "Нет" в меню "Подложка".

• (PNG-24) Чтобы сохранить изображение с многоуровневой прозрачностью (до 256 уровней), выберите "Прозрачность". Параметр "Подложка" будет отключен, поскольку многоуровневая прозрачность позволяет накладывать изображение на любой фоновый цвет.

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

Для выбора цвета подложки щелкните стрелку рядом с образцом цвета "Подложка" и выберите нужный цвет в палитре цветов. Второй способ: выберите параметр в меню "Подложка": "Пипетка" (для использования цвета в поле образцов пипетки), "Основной цвет", "Цвет фона", "Белый", "Черный" или "Другой" (для использования палитры цветов).

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

v Выберите фрагмент, оптимизированный в формате GIF или PNG-8. Таблица цветов для выбранного фрагмента отобразится на панели "Таблица цветов" диалогового окна "Сохранить для Интернета и устройств".

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

Настройка таблицы цветов для изображений GIF и PNG- Цвета в оптимизированных изображениях GIF и PNG-8 настраиваются с помощью таблицы цветов в диалоговом окне "Сохранить для Интернета и устройств". Сокращение количества цветов часто позволяет сохранить качество изображения при одновременном уменьшении размера файла изображения.

Цвета в таблице цветов можно добавлять или удалять, заменять выбранные цвета на Web-цвета, а также блокировать выделенные цвета, чтобы предотвратить их удаление из палитры.

Сортировка таблицы цветов Выберите порядок сортировки в меню палитры "Таблица цветов".

• При выборе параметра "Без сортировки" восстанавливается исходный порядок.

• Команда "Сортировать по тону" сортирует цвета по положению на стандартном цветовом круге (в градусах от 0 до 360). Нейтральным цветам присваивается тон 0 и они помечаются красным.

• Команда "Сортировать по светимости" сортирует цвета по степени яркости.

• Команда "Сортировать по частоте использования" сортирует цвета по частоте их использования в изображении.

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

1 Если в таблице цветов выделены какие-либо цвета, выберите в палитре "Таблица цветов" пункт "Снять выделение", чтобы отменить их выбор.

2 Выберите цвет. Для этого выполните одно из следующих действий.

• В диалоговом окне "Сохранить для Интернета и устройств" щелкните значок "Цвет пипетки" и выберите цвет из палитры.

• В диалоговом окне "Сохранить для Интернета и устройств" выберите инструмент "Пипетка" и щелкните изображение.

3 Выполните одно из следующих действий.

• Нажмите кнопку "Создать цвет" в таблице цветов.

• Выберите команду "Создать цвет" в меню палитры "Таблица цветов".

Чтобы переключить таблицу цветов на палитру "Пользовательская", удерживайте при добавлении нового цвета клавишу "Ctrl" (Windows) или "Command" (Mac OS).

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

Цвета выделения в таблице цветов В таблице цветов вокруг выделенного цвета появляется белая рамка.

• Для выбора цвета щелкните его в "Таблице цветов".

• Чтобы выбрать в таблице цветов несколько цветов, удерживайте клавишу "Shift". Будут выбраны все строки между первым и вторым выделенными цветами. Чтобы выбрать несмежную группу цветов, нажмите клавишу "Ctrl" (Windows) или "Command" (Mac OS) и щелкните нужные цвета. Кроме того, в меню палитры "Таблица цветов" доступны команды для выбора цветов.

• Чтобы выбрать цвет в при просмотре изображения, щелкните его инструментом "Пипетка" в диалоговом окне "Сохранить для Интернета и устройств". Чтобы выбрать несколько цветов, удерживайте клавишу "Shift".

• Чтобы отменить выделение всех цветов, выберите в меню палитры "Таблица цветов" пункт "Отменить выделение всех цветов".

Замена цвета Выделенный цвет в таблице цветов можно изменить на любое другое RGB-значение цвета. При повторном выводе оптимизированного изображения выделенный цвет будет заменен на новый цвет в тех областях изображения, где он присутствует.

1 Для отображения палитры цветов по умолчанию дважды щелкните цвет в таблице цветов.

2 Выберите цвет.

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

3 Чтобы отменить замену цвета, выполните одно из следующих действий.

• Дважды щелкните образец замененного цвета. Исходный цвет выделится в палитре цветов. Чтобы восстановить цвет, нажмите кнопку "OK".

• Чтобы отменить выделение всех замененных цветов (включая замененные web-цвета), выберите в меню палитры "Таблица цветов" пункт "Отменить замену всех цветов".

Замена цветов на ближайшие эквивалентные цвета палитры Web Чтобы в браузере не выполнялись псевдополутона, можно заменить цвета в ближайшие эквивалентные цвета в палитре Web. Это позволяет предотвратить псевдополутона в браузерах операционных систем Windows или Macintosh, в которых доступно только 256 цветов.

1 Выберите один или несколько цветов в оптимизированном изображении или в таблице цветов.

2 Выполните одно из следующих действий.

• Нажмите кнопку "Изменение для Интернета" в палитре "Таблица цветов".

• В меню палитры "Таблица цветов" выберите пункт "Заменить/Отменить замену выделенных цветов на цвета палитры Web". Исходный цвет отобразится в левом верхнем углу образца, а новый цвет - в правом нижнем углу.

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

3 Чтобы задать допуск для замены, введите значение параметра "Web-цвета". Чем выше значение, тем больше изменяется цветов.

4 Чтобы вернуть цвета, замененные на web-цвета, выполните одно из следующих действий.

• Выделите в таблице цветов цвет, замененный на web-цвет, и нажмите кнопку "Изменение для Интернета" в палитре "Таблица цветов".

• Чтобы отменить в таблице цветов замену всех цветов на web-цвета, выберите в меню палитры "Таблица цветов" пункт "Отменить замену всех цветов".

Преобразование цветов в прозрачность Чтобы добавить в оптимизированное изображение прозрачность, нужно преобразовать существующие цвета в прозрачность.

1 Выберите один или несколько цветов в оптимизированном изображении или в таблице цветов.

2 Выполните одно из следующих действий.

• Нажмите кнопку "Преобразовать прозрачность" в палитре "Таблица цветов".

• В меню палитры "Таблица цветов" выберите пункт "Преобразовать/Отменить преобразование выделенных цветов в прозрачность".

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

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

• Выберите цвет, для которого нужно отменить преобразование в прозрачность, и нажмите кнопку "Преобразовать прозрачность" либо в меню палитры "Таблица цветов" выберите пункт "Преобразовать/ Отменить преобразование выделенных цветов в прозрачность".

• Чтобы вернуть все преобразованные цвета в исходное состояние, выберите пункт "Отменить преобразование цветов прозрачного объекта".

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

Примечание. Блокировка цветов не отменяет псевдополутона в браузере.

1 Выберите нужные цвета в таблице цветов.

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

• Нажмите кнопку "Заблокировать".

• В меню палитры "Таблица цветов" выберите пункт "Заблокировать/Отменить блокировку выделенных цветов".

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

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

• Нажмите кнопку "Заблокировать".

• В меню палитры "Таблица цветов" выберите пункт "Заблокировать/Отменить блокировку выделенных цветов".

Белый квадрат исчезнет из образца цвета.

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

После удаления цвета таблица цветов автоматически превращается в "Заказную палитру". Это происходит потому, что при повторной оптимизации изображения удаленный цвет автоматически добавляется обратно в палитры "Адаптивная", "Перцепционная" и "Выборочная", а палитра "Заказная" при этом действии не изменяется.

1 Выберите нужные цвета в таблице цветов.

2 Чтобы удалить цвет, выполните одно из следующих действий.

• Щелкните значок "Удалить".

• В меню палитры "Таблица цветов" выберите пункт "Удалить цвет".

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

1 В меню палитры "Таблица цветов" выберите пункт "Сохранить таблицу цветов".

2 Присвойте таблице цветов имя и выберите расположение для сохранения. По умолчанию файлу таблицы цветов присваивается расширение.act (Adobe Color Table).

Чтобы использовать таблицу цветов при выборе параметров оптимизации для изображения GIF или PNG, сохраните таблицу цветов в папке "Optimized Colors" в папке приложения Photoshop.

3 Нажмите кнопку "Сохранить".

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

Загрузка таблицы цветов 1 В меню палитры "Таблица цветов" выберите пункт "Загрузить таблицу цветов".

2 Перейдите к файлу с таблицей цветов, которую нужно загрузить. Это может быть файл Adobe Color Table (.act), файл Adobe Color Swatch (.ace) или GIF-файл (для загрузки встроенной таблицы цветов).

3 Нажмите кнопку "Открыть".

Параметры оптимизации PNG- Формат PNG-24 подходит для сжатия нерастрированных изображений. Однако размер файлов в этом формате больше размера JPEG-файлов. Преимущество формата PNG-24 заключается в возможности сохранять в изображении до 256 уровней прозрачности.

Прозрачность и Подложка Определите способ оптимизации прозрачных пикселов в изображении.

См. “Оптимизация прозрачности изображений в форматах GIF и PNG” на странице 410.

Чересстрочно До полной загрузки файла изображение в браузере отображается в низком разрешении.

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

См. также “Оптимизация изображения для Интернета” на странице Параметры оптимизации WBMP Формат WBMP является стандартным форматом оптимизации изображений для мобильных устройств, например сотовых телефонов. Формат WBMP поддерживает 1-битный цвет, то есть изображения WBMP содержат только черные и белые пикселы.

Параметры "Метод псевдополутонов" и "Псевдополутона" определяют метод и степень псевдополутонов. Для оптимального сжатия рекомендуется использовать наименьший процент псевдополутонов, обеспечивающий необходимую детализацию.

Доступны следующие методы псевдополутонов.

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

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

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

Связывание фрагментов распространяет узор псевдополутонов на все связанные фрагменты, что устраняет швы.

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

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

См. также “Оптимизация изображения для Интернета” на странице Параметры оптимизации SWF (Illustrator) Формат файла Adobe Flash (SWF) - это векторный формат, который используется для создания масштабируемых и компактных изображений для Интернета. Поскольку этот формат является векторным, качество изображения не зависит от разрешения. Формат SWF идеально подходит для создания кадров анимации, но также позволяет сохранять растровые изображения в формате SWF или смешивать растровые и векторные изображения.

Настройки оптимизации для формата SWF А. Меню "Формат файла" Б. Меню "Проигрыватель Flash" В. Меню "Экспорт" Стиль Определяет набор предопределенных параметров для экспорта. Можно создавать новые стили с нужными параметрами и сохранять их с помощью команды "Сохранить настройки" в меню панели. (Чтобы открыть меню панели, щелкните треугольник справа от меню "Стиль".) Версия проигрывателя Flash Определяет самую раннюю версию проигрывателя Flash, которая поддерживает экспортированный файл.

Тип экспорта Определяет тип экспорта слоев. Укажите "AI-файл в SWF-файл" для экспорта изображения в один кадр. Укажите "Слои в SWF-кадры" для экспорта изображения каждого слоя в отдельный кадр SWF для создания анимированного SWF.

Примечание. Укажите "AI-файл в SWF-файл" для сохранения обтравочных масок слоев.

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

Частота кадров Задает частоту воспроизведения анимации в программе просмотра Flash. Этот вариант доступен только для команды "Слои в SWF-кадры".