Как копировать текст в иллюстраторе

Создание дубликатов объектов

Создание дубликатов объектов путем перетаскивания

Выделите один или несколько объектов.

Выберите инструмент «Выделение», «Частичное выделение» или «Групповое выделение».

С нажатой клавишей «Alt» (в Windows) или «Option» (в Mac OS) перетащите выделенную область (но не маркер на ограничительной рамке).

Создание дубликатов объектов с помощью палитры «Слои»

Можно быстро создавать дубликаты объектов, групп и целых слоев с помощью палитры «Слои».

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

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

В меню палитры «Слои» выберите пункт «Создать дубликат Имя слоя.

Начните перетаскивать элемент на новое место в палитре «Слои», а затем нажмите и не отпускайте клавишу «Alt» (в Windows) или «Option» (в Mac OS). Отпустите кнопку мыши, когда индикатор окажется в том месте, куда нужно поместить дубликат элемента. Если отпустить кнопку мыши, когда индикатор указывает на слой или группу, дубликат элемента будет добавлен на верх этого слоя или группы. Если отпустить кнопку мыши, когда индикатор находится между элементами, дубликат элемента будет добавлен в указанное место.

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

Можно использовать буфер обмена для переноса выделенных областей между файлом программы Illustrator и другими приложениями Adobe, включая Adobe Photoshop и Adobe InDesign. Буфер обмена особенно полезен при импорте контуров, так как контуры копируются в буфер обмена в виде описаний на языке PostScript. Изображения, скопированные в буфер обмена, в большинстве приложений вставляются в формате PICT. Однако некоторые приложения принимают версию PDF (например, InDesign) или версию AICB. В формате PDF сохраняется прозрачность; формат AICB позволяет указывать, следует ли сохранять общее оформление выделенной области или копировать выделенную область как набор контуров (это может быть полезно в программе Photoshop).

Чтобы указать параметры копирования, выберите команду «Редактирование» > «Установки» > «Обработка файлов и буфер обмена» (в Windows) или «Illustrator» > «Установки» > «Обработка файлов и буфер обмена» (в Mac OS). Выберите PDF, AICB или и то, и другое. При выборе формата AICB установите параметр «Сохранять контуры», чтобы удалить прозрачность в скопированном изображении, или «Сохранять оформление и наложение цветов», чтобы свести прозрачность, сохранить оформление скопированного изображения и объекты с наложением цветов.

Источник

10 полезных уловок для работы в Adobe Illustrator

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

Совет № 1: Изучите комбинации клавиш

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

Несколько примеров использования «горячих» клавиш для Windows:

Совет № 2: Освойте хитрости локального копирования

Одними из часто используемых функций иллюстратора являются копирование и вставка. Это достаточно простые операции, однако при необходимости вставить объект в одно и то же место, могут возникнуть трудности. Чтобы вставить изображение на передний (Paste in Front) или задний (Paste in Back) план необходимо воспользоваться соответствующими командами в меню Редактирование (Edit).

Весьма полезными являются следующие комбинации клавиш:

Здесь же пригодится знание горячих клавиш, вызывающих инструмент вращения Rotate tool. Выделив объект нужно дважды «кликнуть» на инструмент. После этого появиться меню, в котором вам необходимо выбрать угол «О» и нажать «копировать». И словно по волшебству копия изображения окажется в том же месте!

Совет № 3: Не забывайте о клавишах Alt и Shift!

Клавиши Alt и Shift буквально творят чудеса! Простой фокус: выделите объект и подвигайте его в разные стороны. Нажатие клавиши Alt переключит инструмент и позволит сделать дубликат вашего объекта. А если зажатие клавиши Shift ограничивает передвижение объекта по горизонтали или вертикали. Если вам понадобиться дублировать изображение, которое расположено строго по горизонтали или вертикали, то поможет знание сочетания клавиш «Alt + Shift».

Совет № 4: Воспользуйтесь Smart Guides.

Сложно преувеличить значение выравнивающего инструмента (Align), однако ему под силу далеко не всё. Остальное сделает для вас Smart Guides. Чтобы включить «умные направляющие» выбираем в Панели инструментов меню «Вид». Затем находим команду Просмотр (View) и включаем функцию Smart Guides. Впрочем, можно пойти более простым путём и воспользоваться комбинацией клавиш «Ctrl + U».

Простой пример: Попробуйте выровнять по центру два круга. Сделать это просто: держите за «центр» первый круг и перемещайте его в «центр» второго.

Совет № 5: Выравниваем прозрачность

Иллюстрации с обработкой прозрачности выглядят очень эффектно, поскольку появляется возможность регулировать визуальную глубину рисунка: чтобы сквозь объекты на переднем плане были видны изображения, находящиеся позади. Причём для разных объектов можно применять различный уровень прозрачности. Но иногда нам необходимо выровнять прозрачность, для этого следует воспользоваться командой «Разобрать оформление» (Outline Stroke), которая отделит обводку объекта от заливки. Для того чтобы выделить обводку пунктирной линией и разъединить с заливкой, понадобиться команда Обработки прозрачности (Flatten Transparency). Ищем её в меню «Объект» (Object) и устанавливаем уровень прозрачности на 100. Эта опция пригодится вам для разделения мазков кисти, создания эффектов деформации, в цветовых переходах.

Совет № 6: Группируем объекты

Группировка объектов необходима в случае, когда нужно работать с ними, как с единым целым. При использовании команды «Сгруппировать» (Group) объекты будут накладываться друг на друга позади одного изображения, которое находится на переднем плане. Часто возникает потребность расположить объекты определённым образом в нужном вам слое. В этом деле команда «Сгруппировать», действительно, незаменима.

Совет № 7: Хитрости трансформации

Палитра Transform, расположенная в меню «Объект» и позволяющая изменять размеры изображений, имеет весьма полезную команду – «Повторить трансформирование» (Transform Again). Пользоваться ею следует в ситуации, когда необходимо поместить копию объекта на определённом расстоянии от оригинала. Для этого необходимо копировать нужный нам слой (зажав кнопку Alt) и переносим его в нужное нам место. Затем, к полученной копии применяем команду «Повторить трансформирование». В результате получаем ещё один дубликат, расположенный с таким же интервалом, как и первые два.

Совет № 8: Создаём плавные переходы

Команда «Превращение» (Blend) используется для создания «группы превращения», а также промежуточных объектов из используемых исходных форм (контуры, объекты с градиентными заливками). Для того чтобы создать плавные переходы необходимо задать нужное нам количество шагов в переходе.

Совет № 9: Работаем с текстовыми полями

Начиная работать в Иллюстраторе с текстовой информацией, быстро понимаешь, что пользоваться только инструментом «Текст» (Text tool) неудобно. Поскольку в итоге получается текст, расположенный на одной линии, дальнейшая обработка которого занимает много времени.

Для того чтобы избежать этого, можно предварительно создать контур для будущей надписи, после чего вписать в него, с помощью инструмента «Текст» нужную вам информацию. Или пойти ещё более простым путём и воспользоваться инструментом «Текст в области» (Text in box).

Совет № 10: Перевоплощение Звезды в Треугольник

Не каждый может подарить звезду с неба, но нарисовать её в иллюстраторе по силам любому. Однако не многие знают, что с помощью инструмента «Звезда» (Star) можно создавать и другие геометрические фигуры. Нарисуйте звезду и, удерживая её мышью, попробуйте добавлять и удалять опорные точки (кнопками «вверх» и «вниз»). Например, если нажать кнопку «вниз», то получите замечательный треугольник! Если вам нужно расположить его параллельно странице, просто нажмите на Shift, перед тем, как отпустить клавишу мыши.

Поторопитесь воспользоваться этими советами в своей работе и не бойтесь экспериментировать!

Источник

Создание текста

В данной статье рассказывается о создании текста и работе с ним в Adobe Illustrator.

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

Курсор примет I-образную форму внутри пунктирного прямоугольника. Маленькая горизонтальная линия в нижней части I-образного курсора соответствует положению базовой линии текста.

(Необязательно) Задайте параметры форматирования текста на панели «Управление», палитре «Символ» или «Абзац».

Нажмите то место, где должен начинаться текст.

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

Введите текст. Нажмите клавишу Enter или Return, чтобы начать новую строку в этом же текстовом объекте.

В Illustrator замещающий текст добавляется по умолчанию при использовании инструмента «Текст» или «Вертикальный текст». Для получения дополнительной информации см. раздел Заполнение текстовых объектов замещающим текстом.

Дополнительную информацию о работе с текстом в Illustrator см. в этом видеоролике.

Ввод текста в область

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

Если объект представляет собой открытый контур, для определения ограничительной рамки необходимо использовать инструмент «Текст в области». Для определения границ Illustrator рисует воображаемую линию между конечными точками контура.

Если введенный текст не умещается в пределах области, рядом с нижней частью ограничивающей области появляется значок «плюс» (+).

Для отображения неуместившегося текста можно изменить размер текстовой области или удлинить контур. Также можно связать несколько текстовых блоков.

Дополнительную информацию о работе с текстом в Illustrator см. в этом видеоролике.

Импорт текста в контур или фигуру

Создание контура или фигуры с помощью любого инструмента для рисования, например, инструмента «Прямоугольник», «Shaper» или «Перо». Затем можно разместить текстовый файл в этой фигуре.

Выберите команду Файл > Поместить и укажите текстовый файл, который необходимо поместить.

После того как текстовый файл будет загружен в инструмент «Пистолет», нажмите контур в фигуре.

Текст будет размещен внутри фигуры. Теперь к тексту можно применить нужные стили и эффекты.

Заполнение текстовых объектов замещающим текстом

Заполнение текстовых объектов замещающим текстом обеспечивает более эффективную визуализацию проекта. Новые текстовые объекты в Illustrator, созданные с помощью инструментов работы со шрифтами, автоматически заполняются замещающим текстом. Для замещающего текста сохраняются параметры шрифта и размера, примененные к предыдущему текстовому объекту.

A. Инструмент «Текст» B. Инструмент «Текст по контуру» C. Инструмент «Вертикальный текст в области»

Заполнение только выделенных текстовых объектов замещающим текстом

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

Создайте текстовый объект с помощью инструмента «Точка» или «Текст в области». Также можно выбрать существующий текстовой объект в монтажной области.

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

Текстовый объект будет заполнен замещающим текстом.

Управление текстовой областью

Изменение размера области текста

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

Ограничения на объем текста из точки, который можно ввести, не существует, поэтому изменение размера текстового поля в этом случае не требуется.

При использовании инструмента «Текст в области» требуется выбрать объект, перетащив инструмент, и ввести внутри области нужный текст. В этом случае размер текстового поля изменяется при изменении размера объекта с помощью инструмента «Частичное выделение».

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

Убедитесь, что параметр «Показать ограничительную рамку» установлен. Если ограничительная рамка не отображается, нажмите «Просмотр» > «Показать ограничительную рамку».

Используя инструмент «Выделение» или палитру «Слои», выделите текстовый объект и перетащите маркер на ограничительной рамке.

Совет. Изменение текстового контура с помощью инструмента «Частичное выделение» — самый простой способ, если объект отображается в виде контуров.

Используя инструмент «Выделение» или палитру «Слои», выделите текстовый объект, а затем выберите команду «Текст» > «Параметры текста в области». Введите значения ширины и высоты и нажмите кнопку «ОК». Если форма текстовой области не прямоугольная, эти значения определяют размеры ограничительной рамки объекта.

Изменение поля вокруг текстовой области

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

Источник

Комбинации клавиш по умолчанию | Illustrator

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

Примечания.

Шпаргалка по комбинациям клавиш

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

Популярные комбинации клавиш

ОтменитьCtrl + ZCommand + ZПовторитьShift + Ctrl + ZShift + Command + ZВырезатьCtrl + XCommand + XКопироватьCtrl + CCommand + CВставитьCtrl + VCommand + VВставка на переднем планеCtrl + FCommand + FВставка на заднем планеCtrl + BCommand + BВставить вместоShift + Ctrl + BShift + Command + BВставить на все монтажные областиAlt + Shift + Ctrl + BOption + Shift + Command + BПроверка орфографииCtrl + ICommand + IОткрытие диалогового окна «Настройка цветов»Shift + Ctrl + KShift + Command + KОткрытие диалогового окна «Комбинации клавиш»Alt + Shift + Ctrl + KOption + Shift + Command + KОткрытие диалогового окна «Установки»Ctrl + KCommand + K

Работа с документами

Создание документаCtrl + NCommand + NСоздание нового документа на основе шаблонаShift + Ctrl + NShift + Command + NСоздание документа без открытия диалогового окна «Новый документ»Alt + Ctrl + NOption + Command + NОткрытие любого документаCtrl + OCommand + OПомещение файла в документShift + Ctrl + PShift + Command + PОткрытие диалогового окна «Сведения о файле»Alt + Shift + Ctrl + IOption + Shift + Command + IОткрытие диалогового окна «Параметры документа»Alt + Ctrl + POption + Command + PОткрыть в Adobe BridgeAlt + Ctrl + OOption + Command + OЗакрытие окна документаCtrl + WCommand + WСохранение изменений в документеCtrl + SCommand + SОткрытие диалогового окна «Сохранить как»Shift + Ctrl + SShift + Command + SСохранение копии документаAlt + Ctrl + SOption + Command + SСохранение документа в виде файлов сценарияCtrl + F12Command + F12Открытие диалогового окна «Экспорт для экранов»Alt + Ctrl + EOption + Command + EОткрытие диалогового окна «Сохранить для Web»Alt + Shift + Ctrl + SOption + Shift + Command + SУпаковка документаAlt + Shift + Ctrl + POption + Shift + Command + PПечатьCtrl + PCommand + PВыход из приложенияCtrl + QCommand + Q

Выбор инструментов

Инструмент «Монтажная область»

Инструмент «Частичное выделение»

Инструмент «Волшебная палочка»

Инструмент «Кривизна»Shift +

Инструмент «Добавить опорную точку»

Инструмент «Удалить опорную точку»

Переключение на инструмент «Опорная точка»

Инструмент «Отрезок линии»

\ (обратная косая черта)

\ (обратная косая черта)

Инструмент «Зеркальное отражение»

Инструмент «Свободное трансформирование»

Инструмент «Создание фигур»

Инструмент «Сетка перспективы»

Инструмент «Выбор перспективы»

Инструмент «Распыление символов»

Инструмент «Вертикальные полосы»

Инструмент «Быстрая заливка»

Инструмент «Выделение быстрых заливок»

Переключение на инструмент «Сглаживание» при использовании инструмента «Кисть-клякса»

Просмотр графических объектов

Переключение режимов экрана: обычный экранный режим, полноэкранный режим с панелью меню, полноэкранный режим

Подгонка области изображения под размер окна

Двойной щелчок по инструменту «Рука»

Двойной щелчок по инструменту «Рука»

Дважды щелкните инструмент «Масштаб» или нажатие клавиш «Ctrl» + «1»

Двойной щелчок по инструменту «Масштаб» или нажатие клавиш Command + 1

Переключение на инструмент «Рука» (кроме режима редактирования текста)

Переключение на инструмент «Масштаб» в режиме увеличения

Переключение на инструмент «Масштаб» в режиме уменьшения

Пробел + Command + Option

Перемещение области масштабирования при перетаскивании с помощью инструмента «Масштаб».

Скрытие невыделенного объекта

Ctrl + Alt + Shift + 3

Command + Option + Shift + 3

Преобразование между горизонтальной и вертикальной направляющими

Перетаскивание направляющей с нажатой клавишей Alt

Перетаскивание направляющей с нажатой клавишей Option

Двойной щелчок направляющей с нажатыми клавишами Ctrl + Shift

Двойной щелчок направляющей с нажатыми клавишами Command + Shift

Отобразить/скрыть монтажные области

Отобразить/скрыть линейки монтажной области

Command + Option + R

Просмотр всех монтажных областей в окне

Command + Option + 0 (ноль)

Вставка на место в активном объекте

Выход из режима инструмента «Монтажная область»

Создание монтажной области в пределах другой монтажной области

Перетаскивание с нажатой клавишей Shift

Перетаскивание с нажатой клавишей Shift

Выбор нескольких монтажных областей на палитре «Монтажные области»

Ctrl + щелчок мышью

Command + щелчок мышью

Переход к следующему документу

Переход к предыдущему документу

Command + Shift + F6

Переход к следующей группе документов

Command + Option + F6

Переход к предыдущей группе документов

Ctrl + Alt + Shift + F6

Command + Option + Shift + F6

Работа с выделенными областями

Переключение на последний использованный инструмент выделения («Выделение», «Частичное выделение» или «Групповое выделение»)

Переключение между инструментами «Частичное выделение» и «Групповое выделение»

Добавление объектов к выделенной области инструментами «Выделение», «Частичное выделение», «Групповое выделение», «Выделение быстрых заливок» или «Волшебная палочка»

Щелчок с нажатой клавишей Shift

Щелчок с нажатой клавишей Shift

Удаление объектов из выделенной области инструментами «Выделение», «Частичное выделение», «Групповое выделение» или «Выделение быстрых заливок»

Щелчок с нажатой клавишей Shift

Щелчок с нажатой клавишей Shift

Удаление объектов из выделенной области инструментом «Волшебная палочка»

Щелчок с нажатой клавишей Alt

Щелчок с нажатой клавишей Option

Добавление объектов к выделенной области инструментом «Лассо»

Перетаскивание с нажатой клавишей Shift

Перетаскивание с нажатой клавишей Shift

Удаление объектов из выделенной области инструментом «Лассо»

Перетаскивание с нажатой клавишей Alt

Перетаскивание с нажатой клавишей Option

Изменение курсора на перекрестие для инструмента «Лассо»

Выбор всех графических объектов на активной монтажной области

Command + Option + A

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

Источник

ГЛАВА 13. ИМПОРТИРОВАНИЕ И ЭКСПОРТИРОВАНИЕ ТЕКСТА И ИЗОБРАЖЕНИЙ

Как в экономике важна интеграция, так и в создании, трансформировании и передаче графической информации необходимо рационально использовать изображения и тексты других программ и других форматов. Поэтому программа Adobe Illustrator располагает процедурами обмена информации — импортированием (использование материалов, подготовленных другими средствами, например программами точечной графики) и экспортированием (подготовка материалов для программ другого класса, например программ верстки).

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

Следует обратить внимание, что в данной главе приводится информация абстрактно-нормативного характера, поскольку проверить все многообразие форматов не представляется возможным. Автор будет благодарен, если читатели, обнаружившие в своей практической деятельности отклонения и проблемы, связанные с конвертированием форматов, перешлют ему соответствующие данные по электронному адресу pono@pono.spb.su. Интересные факты будут опубликованы в Internet на страничке автора ( http://www.bhv.ru /роnо) с упоминанием имени и электронного адреса корреспондента (если будет на то его соизволение).

Буфер обмена Clipboard

Простейшим средством обмена информации является буфер обмена Clipboard, который может выполнять некоторые задачи: переносить тексты между программой Adobe Illustrator и практически всеми текстовыми редактора-

ми и программами верстки, обеспечивать копирование контуров между программой Adobe Illustrator и программами Adobe Photoshop, Adobe Streamline, Adobe Dimensions и Adobe Premiere (с использованием описания языка PostScript), конвертировать векторные контуры в пиксельные изображения и передавать их в соответствующие программы.

Технология «drag-and-drop»

Технология «drag-and-drop» (дословный перевод «перенести и бросить» часто заменяют одним словом «буксировка») позволяет переносить информацию из одной программы в другую буквально вручную в следующих случаях:

Для буксировки выделенного объекта программы Adobe Illustrator в программу Adobe Photoshop 5.5/6.0 необходимо открыть в последней нужный документ и просто «перетащить» объект. Он будет размещен в центре документа на активном слое.

Более подробно о работе с программой Adobe Photoshop, в том числе с импортированными объектами, можно узнать, прочитав книгу издательства БХВ-Петербург «Adobe Photoshop 6.0 в подлиннике».

Форматы импортируемых файлов

Помимо перемещения отдельных изображений или объектов с помощью буфера обмена Clipboard или простой буксировки с помощью технологии «drag-and-drop» в программе Adobe Illustrator обеспечивается возможность открытия или импортирования документов, созданных в других программах, а следовательно, можно работать со многими форматами: векторными, пиксельными и текстовыми (табл. 13.1).

Таблица 13.1. Форматы импортируемых в Adobe Illustrator файлов

Форматы всех версий программы

EPS (Encapsulated PostScript)

Acrobat PDF (Portable Document Format)

Open (Открыть), Place (Поместить)

Предлагает возможность выбора отдельной страницы

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

WMF (Windows Metafile)/EMF

«Буксировка» возможна непосредственно из программ Microsoft Office

Поддержка файлов релизов 13, 14 и 2000

Поддержка файлов версий 4.0, 4.0, 4.4, 7.0, 8.0 и 9.0

Поддержка файлов версий 4.0, 6.0, 7.0, 8.0 и 9.0 (с русскими текстами возможны проблемы)

CGM (Computer Graphics Metafile)

Поддержка файлов версий 1,2иЗ

Форматы пиксельной графики, поддерживаемые программой Photoshop

Форматы: Amiga IFF, BMP, Filmstrip, GIF89a, JPEG, PCX, PIXAR, PNG, TIFF и TGA

Форматы: plain text, MS RTF, MS Word 6.0, 94, 97, 98 и 2000, Corel WordPerfect

Изображения, импортированные с помощью команды Place (Поместить), могут быть связаны (linked) или размещены (embedded) (см. об этом в разд. «Редактирование связанных изображений» данной главы).

Команды Open и Place

Команда Open (Открыть) меню File (Файл) открывает документы, созданные другими программами, в качестве нового документа программы Adobe Illustrator, используя чаще всего установки по умолчанию.

Эта команда выводит на экран диалоговое окно Open (Открыть) (рис. 13.1), в котором осуществляются навигация по иерархии файловой структуры и поиск нужной папки и нужного файла.

Рис. 13.1. Диалоговое окно Open

При открытии документа с векторными изображениями последние конвертируются в контуры программы Adobe Illustrator, что обеспечивает возможность полноценной работы со всеми инструментами программы. При открытии документа с пиксельным изображением работа ограничивается перемещением, масштабированием, вращением и использованием фильтров. Информацию о работе с пикселъными изображениями см. в главе 10.

При открытии документа в формате Adobe Portable Document Format (PDF) на экран выводится диалоговое окно Acrobat PDF plug-in (Поместить Acrobat PDF) (рис. 13.2), в котором можно выбрать одну из страниц документа с помощью блока управления, расположенного в нижней части диалогового окна.

При работе с многостраничным документом той же цели можно добиться быстрее с помощью диалогового окна Acrobat PDF: Go to page (Acrobat PDF: Перейти к странице) (рис. 13.3), которое вызывается щелчком на кнопке, отображающей номер текущей страницы.

Рис. 13.2. Диалоговое окно Acrobat PDF plug-in

В окне просмотра (см. рис. 13.2) отображаются миниатюрные изображения страниц документа. Если они отсутствуют в импортируемом документе, то в окне выводится сообщение Thumbnail Not Available (Миниатюра отсутствует). Кроме того, если в операционной системе отсутствуют шрифты, используемые в документе, на экран выводится соответствующее сообщение и происходит замена шрифта (font substitution).

Команда Place (Поместить) импортирует документ на активный слой в открытом документе программы Adobe Illustrator и делает это следующими способами.

Диалоговое окно Place (Поместить) отличается от диалогового окна Open (Открыть) наличием флажков Link (Связать), Template (Шаблон) и Replace (Заменить).

При размещении изображений в формате Encapsulated PostScript (EPS) флажок Link (Связать) следует оставить установленным в том случае, если дальнейшего редактирования изображения не требуется (в документ помещается только условное изображение в виде прямоугольника с диагоналями), а если необходима работа как с векторным объектом, этот флажок следует снять (рис. 13.4).

Рис. 13.4. Отображение изображения в формате EPS при неустановленном (слева) и при установленном флажке Link (справа)

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

Редактирование связанных изображений

В программе Adobe Illustrator предусмотрена палитра Links (Связи) (рис. 13.5), предназначенная для работы с размещенными и связанными изображениями (идентификация, выбор, отображение и обновление).

Для того чтобы вызвать палитру на экран, необходимо выполнить команду Links (Связи) меню Window (Окно).

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

Для применения каких-либо команд к одному или нескольким импортированным изображениям последние необходимо выделить, щелкнув на соответствующих строках в палитре Links (Связи). При нажатой клавише выделяется последовательный ряд строк, а при нажатой клавише — произвольный.

Рис. 13.5. Палитра Links

Для того чтобы выделить одно из импортированных изображений в документе, необходимо щелкнуть на соответствующей строке в палитре Links (Связи), а затем выполнить команду Go to Link (Выделить связанное изображение) меню палитры или щелкнуть на одноименной кнопке (

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

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

О каждом импортированном изображении можно получить более или менее исчерпывающую информацию, если дважды щелкнуть на строке в палитре Links (Связи) или выполнить команду Information (Информация) меню палитры. На экран выводится диалоговое окно Link Information (Информация о связанном изображении) (рис. 13.6), в котором рядом с уменьшенной копией изображения приводятся следующие сведения:

Рис. 13.6. Диалоговое окно Link Information

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

Программа Adobe Illustrator позволяет заменить одно связанное изображение на другое. Для этого необходимо использовать команду Replace (Заменить) меню палитры или кнопку Replace Link (Заменить связанное изображение) (

Если изображение, которое связано с данным файлом, редактируется независимо, кнопка Update Link (Обновить связанное изображение) (

Для того чтобы вызвать программу, в которой создавалось изображение, следует выполнить команду Edit Original (Редактировать оригинал) меню палитры или щелкнуть на одноименной кнопке (

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

Связь объектов с URL

Любой объект, созданный в программе Adobe Illustrator, может служить ссылкой на Web-страницу, если связать его со строкой URL (Uniform Resource Locator — «универсальный локатор ресурсов»). Эта возможность введена в программу для удобства подготовки иллюстраций для Web-страниц и позволяет присвоить необходимые ссылки еще до размещения иллюстрации в одну из специальных программ создания Web-страниц.

Ссылка на URL-адрес создается в палитре Attributes (Атрибуты) (рис. 13.7). В поле URL вводится или выбирается из имеющегося списка необходимый адрес.

Следует обратить внимание, что префикс http:// обязательно должен присутствовать в адресе.

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

в программе создания Web-страниц, например в программе Microsoft Internet Explorer (рис. 13.8). Об установке параметров при экспортировании изображений в указанные форматы см. разд. «Экспортирование изображения в форматы для Web-страниц» и «Экспортирование документа в формат JPEG» данной главы.

Рис. 13.7. Палитра Attributes

Для проверки корректности ссылки можно нажать кнопку Browser (Браузер), и если на данном компьютере инсталлирована программа Netscape Navigator (рис. 13.9) или Microsoft Explorer и в данный момент обеспечена связь с Internet-провайдером, программа Adobe Illustrator «передаст» все необходимые данные, чтобы было осуществлено подключение к указанному ULR-адресу.

Список палитры Attributes (Атрибуты) может хранить определенное количество ссылок, их число можно установить в диалоговом окне Palette Options (Параметры палитры) (рис. 13.10), которое вызывается одноименной командой меню палитры. По умолчанию устанавливается максимальное значение — 30.

Рис. 13.9. Отображение рисунка в Web-браузере программы MS Explorer

Рис. 13.10. Диалоговое окно Palette Options

Сохранение и экспортирование изображений

Для экспортирования изображений в формат Illustrator EPS используются команды Save As (Сохранить как) или Save a Copy (Сохранить копию), а для остальных форматов — команда Export (Экспортировать) меню File (Файл) (табл. 13.2).

Команды сохранения и экспортирования

Al (Adobe Illustrator)

Save As (Сохранить как),

Save a copy (Сохранить копию)

Файлы могут сохраняться в предыдущих версиях, начиная с версии 3.0

EPS (Encapsulated PostScript)

Save As (Сохранить как),

Save a copy (Сохранить копию)

При установке флажка CMYK PostScript обеспечивает конвертирование цветов модели RGB в цвета модели CMYK

PDF (Portable Document Format)

Save As (Сохранить как),

Save a copy (Сохранить копию)

При экспортировании слои сохраняются

EMF (Enhanced Meta File)

Все форматы пиксельной графики, поддерживаемые программой Photoshop

Форматы: Amiga IFF, BMP, GIF89a, JPEG, PCX, Pixar, PNG, TIFF и Targa

JPEG, GIF и PNG (Форматы, оптимизированные для Web)

Save for Web (Сохранить для Web),

SVG (Scalable Vector Graphics)

Дополнительный блок (plug-in) SVG инсталлируется вместе с программой, но загрузить его можно на сайте www.adobe.com

Форматы: ТХТ, MS RTF, MS Word, Corel WordPerfect

Сохранение документа в форматах версий программы Adobe Illustrator

Многие программы позволяют непосредственно импортировать документы программы Adobe Illustrator, но в результате «чехарды» версий может оказаться, что документ находится в одной из предыдущих версий.

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

Для сохранения документа в предыдущей версии следует использовать команду Save As (Сохранить как) меню File (Файл), которая после присвоения имени файла в одноименном диалоговом окне выводит на экран еще одно диалоговое окно Illustrator Native Format Options (Параметры формата Illustrator) (рис. 13.11), в котором можно выбрать формат одной из предыдущих версий программы.

В раскрывающемся списке Compatibility (Совместимость) можно выбрать необходимую версию программы: 10, 9.0, 8.0, 7.0, 6.0, 4.0/4.4, 4.0 и 3.0/3.2.

В соответствии с выбранной версией становятся доступными те или иные функции:

В переключателе Transparency (Прозрачность) представлены варианты изменения параметров прозрачности при сохранении в форматы, которые ее не поддерживают:

Если в документе содержатся элементы, которые не могут найти адекватного воплощения в формате предыдущей версии, на экран будет выведено общее предупреждение.

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

Формат EPS является самым универсальным форматом для обмена информацией с другими приложениями, поскольку практически все текстовые редакторы, программы верстки и графики могут его импортировать, при этом сохраняются все графические элементы и цветовые параметры (как в модели RGB, так и в модели CMYK). Кроме того, форматы EPS и AI (формат программы Adobe Illustrator) суть близкие варианты языка PostScript (что создает свои положительные и отрицательные стороны), поэтому в списке Save as Type (Тип файла) формат EPS представлен в виде Illustrator EPS.

Для сохранения документа в формате Illustrator EPS следует использовать команду Save As (Сохранить как) меню File (Файл), которая после присвоения имени файла в одноименном диалоговом окне выводит на экран еще одно диалоговое окно EPS Format (Формат EPS) (рис. 13.12), в котором определяются некоторые параметры документа.

В раскрывающемся списке Compatibility (Совместимость) можно выбрать формат одной из предыдущих версий: 10, 9.0, 8.0, 7.0, 6.0, 4.0/4.4, 4.0 и 3.0/3.2. По умолчанию активизирован вариант текущей версии.

В группе Preview (Экранная версия) можно обеспечить создание небольшого изображения, которое отображается в диалоговом окне Open (Открыть) и помогает пользователю быстрее находить нужные документы.

Тип этого изображения выбирается в раскрывающемся списке Format (Формат). Различие между вариантами TIFF (Black & White) (TIFF, черно-белый) и TIFF (8-bit Color) (TIFF, 8-битный цвет) заключается в том, что в первом случае изображение сохраняется как черно-белое штриховое, а во втором — как цветное. Если необходимо исключить миниатюру (все-таки она увеличивает размер файла), используется вариант None (Без миниатюры). Переключатель в положениях Transparent (Прозрачный) или Opaque (Непрозрачный) при выборе варианта TIFF (8-bit Color) (TIFF, 8-битный цвет) обеспечивает прозрачный или непрозрачный фон изображения.

Рис. 13.12. Диалоговое окно EPS Format

В группе Options (Варианты) с помощью флажков определяются следующие функции.

В раскрывающемся списке PostScript предоставляется выбор версии языка PostScript — Level 1, Level 2 или Level 3. Выбор варианта зависит от внешних (используемого программного обеспечения для импортирования данного файла или печатного оборудования) и от внутренних факторов (наличия градиентных заливок или градиентных сеток).

В частности, версия языка PostScript Level 1 поддерживает векторную и пик-сельную графику только в градациях серого, следующая версия PostScript Level 2 может включать как графику в градациях серого, так и цветные изображения в моделях RGB, CMYK и Lab CIE, а также использовать несколько методов сжатия (LZW, CCITT и JPEG). Последняя версия PostScript Level 3 располагает дополнительными возможностями, включая поддержку градиентных сеток (gradient mesh).

В переключателе Transparency (Прозрачность) представлены варианты изменения параметров прозрачности при сохранении в форматы, которые ее не поддерживают:

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

Формат PDF (Portable Document Format) также является разработкой фирмы Adobe как средство электронного распространения документов на платформах Macintosh, Windows, Unix и DOS. Файлы в этом формате создаются, редактируются и просматриваются с помощью пакета программ Adobe Acrobat. Возможность сохранения документа в этом формате имеют многие продукты фирмы Adobe, в частности программы Illustrator, Photoshop, PageMaker и InDesign. С большим или меньшим успехом его используют графические программы и других фирм.

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

Для сохранения документа в формате Acrobat PDF следует использовать команду Save As (Сохранить как) меню File (Файл), которая после присвоения имени файла в одноименном диалоговом окне выводит на экран еще одно диалоговое окно Adobe PDF (Формат Adobe PDF) (рис. 13.13 и 13.14), в котором определяются параметры документа.

В группе File Compatibility (Совместимость файлов) переключатель устанавливается в положение, соответствующее одной из версий формата Acrobat — 4.0 или 5.0. При установке флажка Preserve Illustrator Editing Capabilities

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

В группе Options (Параметры) представлены следующие флажки:

Раздел Compression (Сжатие) (рис. 13.14) предоставляет возможность определить параметры сжатия для различных типов изображений, экспортируемых в документ PDF:

Каждое поле имеет идентичную структуру:

Экспортирование в формат программы Adobe Photoshop 6.0

Документ программы Adobe Illustrator может быть экспортирован в формат программы Photoshop (PSD) с сохранением большинства параметров.

Для сохранения документа в формате PSD используется команда Export (Экспортировать) меню File (Файл), которая после присвоения имени файла в одноименном диалоговой окне выводит на экран еще одно диалоговое окно Photoshop Options (Параметры файла Photoshop) (рис. 13.15), в котором определяются основные параметры документа.

Рис. 13.15. Диалоговое окно Photoshop Options

Экспортирование документа в формат JPEG

Программа позволяет использовать формат JPEG (Joint Photographic Experts Group) независимо от команды Save for Web (Сохранить для Web), о которой см. далее в данной главе, поскольку он вполне пригоден для сохранения полноцветных изображений, особенно если они предназначаются только для отображения на экране монитора.

В этом случае используется команда Export (Экспортировать) меню File (Файл), которая после присвоения имени файла в одноименном диалоговом окне выводит на экран еще одно диалоговое окно JPEG Options (Параметры файла JPEG) (рис. 13.16), в котором определяются основные параметры документа.

Рис. 13.16. Диалоговое окно JPEG Options

Экспортирование документа в формат TIFF

Формат TIFF (Tagged Image File Format) был создан в качестве универсального формата для изображений с цветовыми каналами (файл с расширением tif). Важным достоинством этого формата является его переносимость на разные платформы (при сохранении можно создать документ, доступный для чтения на компьютерах, совместимых с IBM PC или Macintosh), он импортируется во всех программах настольных издательских систем, его можно открыть и с ним работать практически в любой программе пиксельной графики.

Этот формат имеет самый широкий диапазон передачи цветов: от монохромного до 24-битной модели RGB (Тше Color) и 32-битной цветоделенной модели CMYK.

Кроме того, формат может включать и схемы сжатия для уменьшения размера файла (при сохранении доступна опция LZW Compression (Уплотнение LZW)), что является немаловажным параметром для работы с полноцветными изображениями большого размера.

Формат TIFF имеет открытую архитектуру. Это означает, что в формате предусмотрена возможность объявлять в заголовке информацию о типе изображения, а значит, и записывать можно будет то, что сейчас еще не известно (например, нотная тетрадь «не знает», что на ней будет записано).

Следует обратить внимание на эту возможность: при передаче изображений заказчикам, в издательства, «в другие руки», неплохо сопровождать их достаточной информацией о содержании, необходимой обработке, авторских правах и т. д.

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

Для сохранения документа в формате TIFF используется команда Export (Экспортировать) меню File (Файл), которая после присвоения имени файла в одноименном диалоговом окне выводит на экран еще одно диалоговое окно — TIFF Options (Параметры файла TIFF) (рис. 13.17), в котором определяются основные параметры документа.

Рис. 13.17. Диалоговое окно TIFF Options

Помимо общих параметров, присущих всем пиксельным форматам, в поле Byte Order (Последовательность байтов) представлены два переключателя, позволяющих сохранить файл для платформ IBM PC или Macintosh.

Флажок Embed ICC Profile (Разместить профиль ICC) обеспечивает сохранение данных текущей системы управления цветом.

Экспортирование документа в другие форматы пиксельной графики

В диалоговом окне Export (Экспортирование) предлагается выбор и других форматов.

Формат BMP предназначен для Windows (существует вариант для OS/2), поэтому поддерживается всеми приложениями, работающими в этой среде. Он использует максимально только 24-битное представление цвета, не поддерживает каналы. Применяется в основном для создания значков и пиктограмм, которые отображаются в диалоговых окнах приложений. Для профессиональной работы с цветом мало пригоден.

При экспортировании изображения в один из этих форматов на экран дополнительно выводится диалоговое окно Rasterize Options (Параметры растеризации) (рис. 13.18), в котором можно выбрать обычные параметры пиксельного изображения.

Рис. 13.18. Диалоговое окно Rasterize Options

Подготовка изображений для Web-страниц

Работа с фрагментами

Разбиение на фрагменты (slices) необходимо не только для того, чтобы уменьшить объем пакетов, пересылаемых по сети, но и для того, чтобы отдельным фрагментам присвоить дополнительные функции, например отдельные фрагменты могут служить обычными кнопками и активными кнопками (ролловерами).

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

Разбиение на фрагменты

Разбиение изображения на фрагменты можно обеспечить различными способами.

Рис. 13.19. Инструмент Slice в палитре инструментов

Рис. 13.20. Разбиение документа на фрагменты с помощью инструмента Slice

О Фрагменты можно создавать на основе выделенных объектов. Для этого необходимо выполнить команду Create from Selection (Создать фрагмент из области) меню Object | Slices (Объект | Фрагменты). В результате по контуру выделенной области будет создан фрагмент, а программа автоматически разобьет остальную часть документа на совокупность фрагментов (автофрагментов), которые также будут автоматически пронумерованы (рис. 13.21). Если граница выделенной области имеет произвольную форму, то фрагмент создается по крайним точкам, чтобы обеспечить прямоугольную форму.

Рис. 13.21. Разбиение документа на фрагменты из выделенных объектов

Рис. 13.22. Разбиение документа на фрагменты из существующих направляющих

Рис. 13.23. Диалоговое окно Divide Slice

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

Отображение фрагментов

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

Для того чтобы показать или спрятать границы фрагментов и связанные с ними значки, необходимо использовать команды Show Slices (Показать фрагменты) и Hide Slices (Спрятать фрагменты) меню View (Просмотр).

Рис. 13.24. Группа Slice диалогового окна Preferences

Те, кому не нравятся цвет и отображение номеров фрагментов, имеют возможность изменить эти параметры в разделе Smart Guides & Slices (Направляющие и фрагменты) диалогового окна Preferences (Установки) (рис. 13.24).

В разделе Slice (Фрагмент) флажок Show Slice Numbers (Показать номера фрагментов) обеспечивает отображение плашек с номерами фрагментов, а список Line Color (Цвет линии) — выбор одного из девяти цветов или создание собственного цвета для отображения границ фрагментов.

Выделение и редактирование фрагментов

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

Для выделения отдельного фрагмента используется специальный инструмент Slice Selection (Выделение фрагмента) ( Slice (Фрагмент).

Рис. 13.25. Инструмент Slice Selection в палитре инструментов

Выделить фрагмент можно и в палитре Layers (Слои), в которой он помечается словом (рис. 13.26).

Перемещение фрагмента и изменение его размеров

Для перемещения пользовательского фрагмента необходимо разместить курсор инструмента Slice Selection (Выделение фрагмента) (

Для изменения размера выделенного пользовательского фрагмента служат маркеры, расположенные на углах фрагмента, а также его стороны. Выделенный фрагмент можно изменять с помощью команд меню Object | Transform (Объект | Трансформирование). Порядок расположения в вертикальной стопке также легко изменить, если обратиться к обычным командам меню Object | Arrange (Объект | Монтаж), а взаимное расположение — с помощью палитры Align (Выравнивание).

Объединение фрагментов

В программе Adobe Illustrator предусмотрена возможность объединения двух и более пользовательских фрагментов (рис. 13.27), причем исходные фрагменты располагаются в произвольном порядке. Для объединения фрагментов их необходимо выделить и выполнить команду Combine Slices (Объединить фрагменты) меню Object | Slices (Объект | Фрагменты).

Удаление фрагментов

Выделенные фрагменты можно удалить, когда в этом возникнет необходимость, с помощью традиционных клавиш ( или ) или команды Delete Slice (Удалить фрагмент) меню Object | Slices (Объект | Фрагменты). После удаления фрагмента или фрагментов освободившаяся площадь заполняется автофрагментами.

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

Параметры фрагментов

Как уже было сказано, разбиение на фрагменты важно не только с точки зрения объемов файлов, но и для других целей. Для определения параметров выделенного фрагмента необходимо выполнить команду Slice Options (Параметры фрагмента) меню Object | Slices (Объект | Фрагменты), которая выводит на экран одноименное диалоговое окно (рис. 13.28).

Рис. 13.27. Исходные и результирующие фрагменты

Рис. 13.28. Раздел Image диалогового окна Slice Options

Этот цвет обнаруживается только до момента полной загрузки изображения в браузере или в режиме No Image (Без изображения).

В разделе No Image (Без изображения) (рис. 13.29) изменяется вид панели Slice (Фрагмент) и отображаются поле Text Displayed in Cell (Текст), предназначенное для ввода текста (оно будет отображаться вместо изображения) и поле Cell Alignment (Расположение в ячейке), которое предназначено для определения способа размещения текста в ячейке таблицы.

Рис. 13.29. Раздел No Image диалогового окна Slice Options

К сожалению, программа Adobe Illustrator эти настройки не отображает, для этого необходимо использовать какую-либо программу-браузер.

Экспортирование изображения в форматы для Web-страниц

В настоящее время практически любая более или менее профессиональная программа графики и верстки позволяет генерировать документ в HTML-кодах или, в крайнем случае, экспортировать минимизированные по объему изобразительные файлы. Программа Adobe Illustrator также не исключение, и данная версия предлагает команду Save for Web (Сохранить для Web) меню File (Файл).

При экспортировании графики для Web-страниц следует иметь в виду, что:

Команда Save for Web

Для того чтобы получить оптимизированные изображения для Web-страницы в пиксельных форматах Graphics Interchange Format (GIF), Joint Photographic Experts Group (JPEG) и Portable Network Graphics (PNG-8 или PNG-24), а также в векторных форматах SVG и SWF, следует использовать команду Save for Web (Сохранить для Web) меню File (Файл). В результате открывается диалоговое окно Save for Web (Сохранить для Web) (рис. 13.30), в котором можно не только определить параметры трех форматов, но и получить массу полезной информации, а также воочию увидеть изменение в изображении и сравнить его с исходным.

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

По умолчанию вариант 2-Up (Двойной блок) отображает исходное изображение и изображение, оптимизируемое с текущими параметрами экспортирования, а вариант 4-Up (Четверной блок) — исходное изображение, оптимизируемое изображение и два изображения с более низкими параметрами.

Для того чтобы получить иной ряд параметров в режиме 4-Up (Четверной блок), необходимо выполнить команду Repopulate Views (Пересчитать параметры) в списке команд, который вызывается щелчком на кнопке, расположенной правее списка Settings (Установки). Программа автоматически генерирует изображения с худшим качеством, исходя из текущих значений оптимизации. При этом выделенное и исходное изображения изменению не подлежат.

Для того чтобы восстановить любое изображение с измененными параметрами, необходимо выделить его и выбрать в раскрывающемся списке Settings (Установки) вариант Original (Исходное изображение).

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

В нижней части окна также представлена полоса статуса, состоящая из трех блоков.

О В первом блоке представлен список масштабов (рис. 13.31). Для изменения масштаба можно также использовать инструмент Zoom (Масштаб) из палитры инструментов, расположенной в левом верхнем углу диалогового окна. Если изображение увеличено, для его перемещения в окне просмотра используется инструмент Hand (Рука). В остальных окнах при выполнении масштабирования и перемещения изображения автоматически перерисовываются.

Рис. 13.31. Список масштабов изображения

Инструменты диалогового окна Save for Web

В правой части диалогового окна Save for Web (Сохранить для Web) расположены кнопки следующих инструментов.

Рис. 13.32. Предварительное изображение и HTML-документ в окне браузера

Рис. 13.33. Отображение параметров цвета в полосе статуса

Двойной щелчок на любом фрагменте с помощью инструмента Slice Select (Выделение фрагментов) выводит на экран диалоговое окно Slice Options (Параметры фрагмента) (см. рис. 13.28).

В списке Slice Type (Тип фрагмента) представлены два варианта: Image (С изображением) и No Image (Без изображения).

В режиме Image (С изображением) представлены обычные параметры, с помощью которых создается кнопка со ссылкой.

В режиме No Image (Без изображения) (см. рис. 13.29) представлены параметры, которые используются при исключении фрагмента из изображения.

Выбор формата для оптимизированного изображения

В настоящее время в •технологии Web-дизайна используется всего три формата пиксельной графики — GIF, JPEG и PNG. Выбор формата определяется с учетом многих факторов, хотя в основном считается, что для полноцветных и фотореалистических изображений используется формат JPEG, для текстовых и простых изображений (логотипов и символов) — формат GIF, а на смену тому и другому приходит формат PNG, который объединяет достоинства обоих форматов. Правда, последний формат следует использовать с осторожностью, поскольку браузеры прошлых версий не могут его «читать», хотя у него в качестве достоинства можно отметить способность сохранять градиентную прозрачность.

Для выбора формата в диалоговом окне Save for Web (Сохранить для Web) представлен раскрывающийся список (верхний левый) в группе Settings (Установки). В нем указаны три формата: GIF, JPEG и PNG в двух вариантах — PNG-8 и PNG-24. При выборе формата изменяется набор параметров в этой группе.

Форматы GIF и PNG-8

Формат GIF (Graphics Interchange Format) (рис. 13.34) позволяет сохранять изображения с использованием палитры индексированных цветов (не более 256 оттенков цвета) или серой шкалы (не более 256 оттенков серого). Как правило, этот формат применяется для работы со шрифтовыми фрагментами, кнопками, логотипами и прочими изображениями, имеющими ограниченное количество цветов и резкие ясные контрасты. В формате предусмотрено сжатие без потерь.

Рис. 13.34. Установки для формата GIF

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

У форматов GIF и PNG-8 в списке Color reduction algorithm (Алгоритм сокращения цветов) (второй сверху слева) Можно выбрать параметр цветовой таблицы, или алгоритм цветовой редукции, т. е. способ, используя который программа уменьшает количество цветов у 24-битного изображения до 8-битного.

Если какая-либо цветовая таблица была сохранена, то в этом списке отображается и имя этой таблицы.

В следующем раскрывающемся списке Dithering algorithm (Алгоритм имитации) (третий сверху слева) можно выбрать способ имитации отсутствующих цветов при использовании экрана монитора с 256 цветами:

При выборе варианта No Dither (Без имитации) поле Dither (Степень имитации) становится недоступным.

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

В поле Lossy (Потери сжатия) можно установить уровень потерь, допустимых при сжатии в диапазоне от 0 (минимальные потери) до 100 (максимальные потери). Уровень потерь можно определять визуально, в соответствующем окне просмотра.

В раскрывающемся списке Colors (Количество цветов) можно выбрать количество цветов, которые используются при сохранении изображения в диапазоне от 2 до 256. Вариант Auto (Автоматически) обеспечивает использование только цветов, имеющихся в исходном изображении, их количество и образцы отображаются в окне Color Table (Цветовая таблица).

В поле Matte (Фон) представлены команды, обеспечивающие заполнение фоновых областей каким-либо цветом. В этом случае исходное изображение должно иметь прозрачные области. Можно выбрать следующие варианты заполнения фона:

В поле Web Snap (Приближение к Web) можно установить степень приближения имеющихся цветов к Web-безопасной палитре. Для того чтобы не допустить имитации отсутствующих цветов, к чему будет стремиться браузер при видеокарте с 256 цветами, необходимо цвета, имеющиеся в исходном изображении, заменить на близкие цвета Web-безопасной палитры.

Любой цвет, который отображается в окне просмотра Color Table (Цветовая таблица), можно заменить на самый близкий цвет к тому, который имеется в Web-безопасной палитре. Для этого следует выделить образец цвета и щелкнуть на кнопке Web Shift (Заменить на Web-цвет) ( Color Table (Цветовая таблица).

Этой же цели служит команда Web Shift/Unshift Selected Colors (Заменить/Вернуть выделенные цвета) меню данного окна. В результате образец цвета помечается маленьким ромбиком в центре квадратика.

Флажок Transparency (Прозрачность) позволяет обеспечить прозрачные области в изображении, сквозь которые просвечивает фон Web-страницы. (Такую прозрачность поддерживают форматы GIF и PNG.)

Флажок Interlaced (Чересстрочная развертка) обеспечивает постепенное улучшение изображения в процессе загрузки. Если данное изображение предполагается использовать в качестве фона или текстурной заливки, то этот флажок лучше убрать.

Кнопки ( Color reduction algorithm (Алгоритм сокращения цветов), Lossy (Потери сжатия) и Dither (Степень имитации), дают возможность использовать распределение градаций серого альфа-канала для изменения параметров данных полей.

В списке Channel (Канал) необходимо выбрать требуемый альфа-канал, который тут же будет отображен в соседнем окне просмотра.

Затем, перемещая черный и белый маркеры или устанавливая значения в полях Minimum (Минимальное значение) и Maximum (Максимальное значение), можно переопределить диапазон потерь сжатия данного изображения. Это позволяет избирательно влиять на уровень потерь.

Формат JPEG (Joint Photographic Experts Group) (рис. 13.35) вполне пригоден для сохранения полноцветных изображений (он поддерживает 24-битный цвет), особенно если они предназначаются только для отображения на экране монитора. Например, такие изображения широко используются в сети Internet. В некоторых случаях, например для передачи градиентных растяжек, этот формат гораздо экономнее формата GIF.

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

Формат JPEG, однако, не поддерживает прозрачности, поэтому прозрачные пикселы оригинала, если они есть, можно заполнить фоновым цветом (matte color).

В раскрывающемся списке Compression Quality (Степень сжатия) (второй сверху слева) представлены варианты:

В соответствии с этим выбором в поле Quality (Качество) отображается условное число в диапазоне от 0 (самое низкое качество) до 100 (максимально возможное качество).

В поле Blur (Размытие) можно определить уровень размытия, действие этой функции напоминает фильтр Gaussian Blur (Размытие по Гауссу), что позволяет смягчить некоторые излишне резкие элементы.

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

Флажок Optimized (Оптимизированный) обеспечивает оптимизацию цветопередачи и уменьшенный размер файла, хотя не все устаревшие браузеры поддерживают эту функцию.

Флажок Progressive (Прогрессивный) позволяет создавать несколько изображений с различным разрешением, которые поочередно выводятся на экран, это удобно для восприятия, но требует некоторого увеличения объема файла.

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

Функции, которые становятся доступны при выборе варианта PNG-24 (рис. 13.36), идентичны тем, которые предоставляются при выборе формата JPEG.

Рис. 13.36. Установки для формата PNG-24

Формат Macromedia Flash (SWF) является векторным и предназначен для создания компактной масштабируемой графики (в том числе анимированной), ориентированной, прежде всего, для размещения на Web-страницах.

При создании изображения, предполагаемого для экспортирования в формат SWF, следует иметь в виду, что:

При выборе варианта SWF (рис. 13.37) в диалоговом окне Save for Web (Сохранить для Web) становятся доступны следующие функции.

Формат SVG (Scalable Vector Graphics — масштабируемая векторная графика) является векторным, что позволяет описывать объекты как математические кривые. Файл получается компактным, но при этом сохраняется возможность обеспечивать необходимое качество для вывода как на экран монитора, так на печатающие устройства. При размещении на Web-страницах изображений в этом формате проявляется пока непривычная для пользователей возможность масштабирования, что позволяет иначе представлять, например, карты и другие визуальные документы, для которых важно рассмотрение их в разных масштабах.

Помимо этого, важно отметить, что формат SVG основан на технологиях XML и JavaScript, что позволяет создавать интерактивные Web-страницы.

При выборе варианта SVG (рис. 13.38) в диалоговом окне Save for Web (Сохранить для Web) становятся доступны следующие функции.

Цветовая таблица

Цветовая таблица, отображающая образцы оптимизированных цветов, выводится в окне просмотра при щелчке на вкладке Color Table (Цветовая таблица) (рис. 13.39).

Рис. 13.39. Вкладка Color Table диалогового окна Save for Web

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

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

В цветовую таблицу можно добавлять новые цвета, если количество цветов менее 256 или 255 с «прозрачностью». Для этого используется инструмент Eyedropper (Пипетка) (

Щелчок на кнопке Add Eyedropper Color (Добавить цвет пипетки) добавляет в цветовую таблицу цвет, установленный в цветовом блоке в правом верхнем углу. Того же можно добиться, если выполнить команду New Color (Новый цвет) меню окна цветовой таблицы, меню открывается щелчком на треугольной стрелке.

Для выделения всех цветов в меню окна просмотра предлагается команда Select All Colors (Выделить все цвета), а для исключения из выделения — команда Deselect All Colors (Снять выделение всех цветов).

Для выделения всех цветов, входящих в Web-безопасную палитру, необходимо выполнить соответствующие команды Select All Web Safe Colors (Выделить все цвета Web-безопасной палитры) и Select All Non-Web Safe Colors (Выделить все цвета вне Web-безопасной палитры).

Выделенные цвета можно редактировать, например изменять параметры цвета. Для этого необходимо осуществить двойной щелчок и в открывшемся диалоговом окне Color Picker (Цветовая палитра) выбрать новый цвет. Измененный цвет помечается ромбиком.

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

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

Выделенные цвета можно удалить из цветовой таблицы, для чего необходимо:

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

Полученную цветовую таблицу можно сохранить для использования с другими изображениями и другими документами. При загрузке цветовой таблицы все цвета в оптимизируемом изображении заменяются на новые. Для подобной операции используются команды Save Color Table (Сохранить цветовую таблицу) (информация сохраняется в файле с расширением act) и Load Color Table (Загрузить цветовую таблицу), расположенные в меню окна просмотра.

Размер изображения

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

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

Для выполнения этой функции необходимо выбрать вкладку Image Size (Размер изображения) (рис. 13.40) диалогового окна Save for Web (Сохранить для Web).

Рис. 13.40. Вкладка Image Size диалогового окна Save for Web

В группе Original Size (Исходный размер) отображается размерность изображения в пикселах по ширине (поле Width ) и высоте (поле Height ). Эта группа важна для оценки размера изображения, предназначенного для размещения на Web-страницах.

В группе New Size (Новый размер), в полях Width (Ширина) и Height (Высота), можно установить новые значения размерности изображения в пикселах или в поле Percent (Процент) — в процентах. Для того чтобы новое изображение оказалось подобным исходному, необходимо установить флажок Constrain Proportions (Сохранить пропорции).

В списке Quality (Качество) представлены два варианта, которые обеспечивают различные способы интерполирования:

Для отработки всех установленных параметров следует нажать кнопку Apply (Применить).

Преобразование слоев

Вкладка Layers (Слои) (рис. 13.41) диалогового окна Save for Web (Сохранить для Web) предназначена для того, чтобы генерировать CSS-слои (CSS layers) в результирующем HTML-файле. Такие слои являются элементами дизайна, которые получают абсолютные координаты (с точностью до одного пиксела) и могут перекрывать Другие элементы Web-страницы, а также перемещаться в соответствии с временной диаграммой.

Рис. 13.41. Вкладка Layers диалогового окна Save for Web

Для того чтобы произошло преобразование слоев графического документа в CSS-слои HTML-файла, необходимо установить флажок Export As CSS Layers (Экспортировать как CSS-слои).

В списке Layer (Слой) следует выбрать слой и присвоить ему один из следующих параметров:

Флажок Preview Only Selected Layers (Просмотр только» выделенных слоев) обеспечивает выбор только среди слоев, выделенных в палитре Layers (Слои).

Поименованные наборы установок

Набору установок, которые используются для экспортирования в диалоговом окне Save for Web (Сохранить для Web), можно присвоить произвольное имя, сохранить его и использовать в дальнейшем для ускорения работы.

Для того чтобы сохранить набор установок, необходимо выполнить команду Save Settings (Сохранить установки) меню на вкладке Settings (Установки). Информация сохраняется в файле с расширением ire. После сохранения имя этого набора отображается в списке Settings (Установки). Для его удаления используется расположенная в том же меню команда Delete Settings (Удалить установки).

Сохранение оптимизированного изображения

После установки всех параметров для отдельного оптимизированного изображения следует нажать кнопку Save (Сохранить). В результате на экран выводится диалоговое окно Save Optimized As (Сохранить оптимизированное изображение) (рис. 13.42).

Изображение сохраняется в том формате, параметры которого определялись в диалоговом окне Save for Web (Сохранить для Web).

Рис. 13.42. Диалоговое окно Save Optimized As

Рис. 13.43. Диалоговое окно Output Settings в режиме HTML

Рис. 13.44. Диалоговое окно Output Settings в режиме Background

Рис. 13.45. Диалоговое окно Output Settings в режиме Saving Files

Рис. 13.46. Диалоговое окно Output Settings в режиме Slices

Кнопка Output Settings (Выходные установки) выводит на экран одноименное диалоговое окно, в котором можно определить параметры HTML-кодирования (рис. 13.43), параметры фонового изображения (рис. 13.44), способы создания имен графических файлов и их размещения (рис. 13.45), а также способы создания имен для фрагментов изображений (рис. 13.46).

Оптимизация размера файла

В меню вкладки Settings (Установки) представлена команда Optimize To File Size (Оптимизировать до объема файла), которая открывает одноименное окно

Объем файла, который требуется соблюсти, определяется в поле Desired File Size (Необходимый объем файла). В группу Start With (Исходить из) входят два переключателя:

В группе Use (Использовать) представлены размеры фрагментов изображения (slices):

Источник

• ← Как копировать текст в игре
• Как копировать текст в инсте →

Формат файла	Команда импортирования	Примечание