Adobe Illustrator CC. Руководство пользователя - часть 39

 

  Главная      Учебники - Разные     Adobe Illustrator CC. Руководство пользователя

 

поиск по сайту            правообладателям  

 

 

 

 

 

 

 

 

содержание      ..     37      38      39      40     ..

 

 

Adobe Illustrator CC. Руководство пользователя - часть 39

 

 

цифровом порядке (соответствующем кодировке Юникод).
Выберите пункт «Использовать текст для просмотра» в меню палитры, чтобы просмотреть стиль, примененный к букве

«T». Этот просмотр дает более точное визуальное описание стилей, примененных к тексту.

Графический стиль текста с использованием текста для предварительного просмотра

Создание стилей графики

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

дублировать существующие стили графики.

Создание стиля графики

1. 

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

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

палитре «Оформление». Например, в стиле графики есть три заливки, и у каждой свое значение непрозрачности и

режим наложения, определяющие взаимодействие различных цветов.

2. 

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

Нажмите кнопку «Новый стиль графики»   в палитре «Стили графики».
Выберите «Новый стиль графики» в меню палитры, введите имя в поле «Имя стиля» и нажмите «OK».
Перетащите миниатюру из палитры «Оформление» (или объект из окна иллюстрации) в палитру «Стили графики».
Нажмите кнопку «Новый стиль графики» с нажатой клавишей «Alt» (Windows) или «Option» (Mac OS), введите имя

стиля графики и нажмите кнопку «OК».

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

Создание нового стиля графики на основе двух или более существующих стилей графики

 Удерживая нажатой клавишу «Ctrl» (Windows) или «Command» (Mac OS), щелкните все стили графики, которые нужно объединить, и

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

Создание дубликата стиля графики

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

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

605

Применение стиля графики

1. 

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

2. 

Чтобы применить отдельный стиль к объекту, выполните любое из следующих действий:

Выберите стиль в меню «Стили» панели «Управление», палитры «Стили графики» или библиотеки стилей

графики.
Перетащите стиль графики на объект в окне документа (выделять объект перед этим не требуется).

3. 

Чтобы объединить стиль с существующими атрибутами стиля объекта или применить несколько стилей к объекту,

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

Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), перетащите стиль из палитры «Стили

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

клавишу «Alt» (Windows) или «Option» (Mac OS).

Примечание. Чтобы при применении стиля графики сохранить цвет текста, отмените выбор параметра «Изменять цвет

текста» в меню палитры «Стили графики».

Использование библиотек стилей графики

Библиотеки стилей графики – это наборы стандартных стилей графики. При открытии библиотеки стилей графики ее содержимое

отображается в новой палитре (не в палитре «Стили графики»). Элементы библиотеки стилей графики выбираются, сортируются и

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

редактировать элементы.

Открытие библиотеки стилей графики

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

графики» меню палитры «Стили графики».

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

Создание библиотеки стилей графики

1. 

Добавьте в палитру «Стили графики» нужные стили и удалите оттуда ненужные.

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

2. 

Выберите «Сохранить библиотеку стилей графики» в меню палитры «Стили графики».
Библиотеку можно сохранить в любом каталоге. Однако, если сохранить файл библиотеки в каталоге по умолчанию,

имя библиотеки будет отображаться во вложенных меню «Определяемый пользователем» меню «Библиотеки стилей

графики» и «Открыть библиотеку стилей графики».

Перемещение стилей графики из библиотеки в палитру «Стили графики»

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

графики».

Работа со стилями графики

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

стилей.

Переименование стиля графики

 Выберите в меню палитры пункт «Параметры стиля графики», переименуйте файл и нажмите кнопку «OК».

Удаление стиля графики

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

606

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

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

Удаление ссылки на стиль графики

1. 

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

2. 

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

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

«Удалить ссылку на стиль графики» 

 в палитре.

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

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

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

Замена атрибутов стилей графики

С нажатой клавишей «Alt» (Windows) или «Option» (Mac OS) перетащите нужный стиль графики на стиль, который

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

этого, нажав и не отпуская клавишу «Alt» (Windows) или «Option» (Mac OS), перетащите миниатюру в верхней части

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

«Слои»), в котором есть нужные атрибуты, и выберите в меню палитры «Оформление» пункт «Переопределить стиль

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

в документе Illustrator будут обновлены в соответствии с новыми атрибутами.

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

1. 

Выберите команду «Окно» > «Библиотеки стилей графики» > «Другая библиотека» или выберите в меню палитры

«Стили графики» команду «Открыть библиотеку стилей графики» > «Другая библиотека» .

2. 

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

Правовые уведомления

   |   

Политика конфиденциальности в сети Интернет

 

607

Вeб-графика

608

-->

Лучшие методы создания веб-графики

О веб-графике
О режиме просмотра в виде пикселов
Использование Adobe Device Central с программой Illustrator

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

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

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

множества вариантов оптимизации и работать с Device Central, чтобы убедиться в правильном отображении файлов в Интернете.

О веб-графике

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

графики для Web см. по адресу 

www.adobe.com/go/vid0063_ru

. Видеоролик об операциях импорта, копирования и вставки между веб-

приложениями см. по адресу 

www.adobe.com/go/vid0193_ru

.

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

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

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

меры предосторожности шагов при создании веб-графики. Во-первых, всегда работайте в цветовом режиме RGB. Во-вторых,

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

2. Ищите компромисс между качеством и размером файла.
Для распространения изображений в Web важно создавать небольшие файлы. Изображения меньшего размера веб-серверы могут

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

загрузки веб-графики можно увидеть в диалоговом окне «Сохранить для Web и устройств».

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

форматов. Дополнительные сведения о форматах см. в разделе 

Параметры оптимизации веб-графики

.

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

Обзор команды «Сохранить для Web и устройств»
Оптимизация изображения для сети Интернет

Замена цвета на безопасный web-цвет

О режиме просмотра в виде пикселов

Чтобы разработчики веб-приложений могли создавать точные пиксельные модели, в Illustrator CS5 необходимо добавить свойство

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

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

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

свойство, требуется установить флажок «Выровнять по пиксельной сетке» в палитре «Трансформирование». В Illustrator CS5 на уровне

документа также доступен флажок «Выровнять новые объекты по пиксельной сетке», который по умолчанию установлен для веб-

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

умолчанию.
Дополнительные сведения см. в разделе Рисование контуров, выровненных по пикселам, при создании проектов для сети Интернет.
Сохраняя объект в битовом формате (например, в виде JPEG-, GIF- или PNG-файла), Illustrator растрирует объект с разрешением 72

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

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

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

609

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

«Просмотр в виде пикселов» и увеличьте объект так, чтобы видеть каждый пиксел. Расположение пикселов определяется пиксельной

сеткой, делящей монтажную область с шагом в один пункт (1/72 дюйма). Пиксельную сетку можно увидеть, если выбрать масштаб 600%.

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

«привязанных» краев объекта (обычно левого верхнего края) исчезает. Теперь отмените выбор команды «Просмотр» > «Просмотр в виде

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

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

«Просмотр в виде пикселов» выключен (сверху) и включен (снизу)

Важная информация. Пиксельная сетка зависит от начала координат линейки (0,0). Перемещение начала координат линейки изменит

растрирование объекта Illustrator.

Использование Adobe Device Central с программой Illustrator

Приложение Device Central позволяет пользователям Illustrator определять внешний вид файлов Illustrator на различных мобильных

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

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

изменения, например, исправить файл таким образом, чтобы он хорошо выглядел на телефонах нескольких различных типов, или

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

телефонов.

См. также

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

Доступ в Illustrator из Adobe Device Central

1. 

Запустите приложение Device Central.

2. 

Выберите «Файл» > «Новый документ в» > «Illustrator».
В приложении Device Central откроется палитра «Новый документ» с соответствующими параметрами создания нового

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

3. 

Внесите необходимые изменения, выбирая такие параметры, как «Версия проигрывателя», «Разрешение растра»,

«Версия Flash» и «Тип содержимого».

4. 

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

Выберите параметр «Пользовательский размер для всех типов устройств» и введите ширину и высоту (в

пикселах).
Выберите одно или несколько устройств в списке «Наборы устройств» или в списке «Доступные устройства».

5. 

При выборе нескольких устройств приложение Device Central установит нужные размеры автоматически. Если нужно

выбрать другой размер, отметьте другое устройство или группу устройств.

6. 

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

Создание мобильного содержимого с помощью приложений Adobe Device Central и Illustrator

1. 

В Illustrator выберите «Файл» > «Новый».

2. 

В окне «Новый профиль документа» выберите «Мобильные телефоны и устройства».

3. 

Нажмите кнопку «Device Central», чтобы закрыть диалоговое окно в приложении Illustrator и открыть Device Central.

4. 

Выберите тип содержимого.
Список «Устройства» слева обновится, и будут показаны устройства, которые поддерживают выбранный тип

содержимого.

5. 

В Device Central выберите одно или несколько устройств или набор устройств.

610

На основе выбранных устройств и типа содержимого Device Central предложит создать монтажные области разных

размеров. Чтобы за один раз создавалось по одному документу, выберите предложенный размер документа (или

выберите параметр «Пользовательский размер для всех выбранных устройств» и введите пользовательские значения

параметров «Ширина» и «Высота»).

6. 

Нажмите кнопку «Создать».
В приложении Illustrator откроется пустой AI-файл заданного размера. Для нового файла по умолчанию задаются

следующие параметры.

Цветовой режим: RGB
Разрешение растрового изображения: 72 ppi

7. 

Заполните пустой AI-файл содержимым в Illustrator.

8. 

После этого выберите «Файл» > «Сохранить для Web и устройств».

9. 

В диалоговом окне «Сохранить для Web и устройств» выберите желаемый формат и, при необходимости, настройте

другие параметры экспорта.

10. 

Нажмите кнопку «Device Central».
На вкладке «Эмулятор Device Central» отобразится временный файл с указанными параметрами экспорта. Чтобы

продолжить тестирование, дважды щелкните имя другого устройства в списке «Наборы устройств» или «Доступные

устройства».

11. 

Если по итогам предварительного просмотра файла в приложении Device Central окажется, что в него нужно внести

изменения, вернитесь в Illustrator.

12. 

В диалоговом окне «Сохранить для Web и устройств» приложения Illustrator внесите желаемые изменения: например,

укажите другой формат или качество экспорта.

13. 

Чтобы еще раз проверить файл с новыми параметрами экспорта, нажмите кнопку «Device Central».

14. 

Когда будет получен желаемый результат, нажмите кнопку «Сохранить» в диалоговом окне «Сохранить для Web и

устройств» в Illustrator.

Примечание. Чтобы просто открыть программу Device Central из Illustrator (без создания и проверки файла), выберите

«Файл» > «Device Central».
Учебник по созданию содержимого с помощью приложений Illustrator и Device Central см. по адресу

http://www.adobe.com/go/vid0207_ru

.

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

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

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

качественно/

Создавайте содержимое в соответствии со стандартом SVG. При публикации векторных изображений на мобильных

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

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

доступным для редактирования (в составе исходного кода). Кроме того, формат SVG основан на XML, поэтому он

позволяет включать в изображения такие интерактивные средства, как выделение подсветкой, подсказки по

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

Хотя формат SVG поддерживает масштабирование, работой в установленных размерах можно гарантировать, что

конечные изображения будут оптимизированы для целевых устройств по качеству и размеру.
В качестве цветового режима программы Illustrator задайте RGB. Формат SVG можно просматривать на устройствах с

растровым дисплеем RGB, например на мониторах.
Чтобы уменьшить размер файла, попытайтесь сократить количество объектов (включая группы) или сделать их менее

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

уменьшению количества текстовой информации, необходимой для описания графических объектов в SVG-файле.

Чтобы сократить количество точек, выберите «Объект» > «Путь» > «Упростить» и поэкспериментируйте с различными

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

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

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

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

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

611

 

Старайтесь использовать версию SVGZ, т.е. версию SVG со сжатием программой gzip. Сжатие, в зависимости от

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

двоичной кодировкой, например встроенные растровые изображения (файлы JPEG, PNG или GIF), сжимаются лишь

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

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

целевом устройстве распаковка файлов gzip.

Дополнительные советы и приемы для создания содержимого для мобильных телефонов и устройств можно найти по адресу

www.adobe.com/go/learn_cs_mobilewiki_ru

.

Правовые уведомления

   |   

Политика конфиденциальности в сети Интернет

612

-->

Фрагменты и карты ссылок

О фрагментах
Создание фрагментов
Выделение фрагментов
Установка параметров фрагмента
Блокировка фрагментов
Коррекция границ фрагментов
Удаление фрагментов
Отображение и скрытие фрагментов
Создание карт ссылок

О фрагментах

Веб-страницы могут содержать много элементов – текст HTML, растровые изображения, векторную графику и др. В Illustrator можно

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

в объекте должно быть оптимизировано в формат JPEG, а остальная часть объекта – в формат GIF, можно изолировать растровое

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

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

экспортируется как файл изображения, заключенный в ячейку таблицы. Если нужно, чтобы ячейка таблицы содержала не файл

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

Illustrator в текст HTML, можно задать для фрагмента тип «HTML-текст».

Фрагментированный объект использует различные типы фрагментов

А.  Фрагмент «Без изображения» Б.  Фрагмент «Изображение» В.  Фрагмент «Текст HTML»

Увидеть фрагменты можно в монтажной области и в диалоговом окне «Сохранить для Web и устройств». Illustrator нумерует фрагменты

слева направо и сверху вниз, начиная с верхнего левого угла объекта. При изменении расположения или общего количества фрагментов

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

Существует 2 типа автоматически создаваемых фрагментов: автофрагменты и подфрагменты. Автофрагменты – это области объекта,

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

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

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

подфрагменты и автофрагменты по мере надобности во время работы пользователя.

Создание фрагментов

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

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

613

Выберите инструмент «Фрагмент»

 и протащите по области, где хотите создать фрагмент. Чтобы фрагмент имел

форму квадрата, перетаскивайте инструмент при нажатой клавише «Shift» . Чтобы рисовать из центра, перетаскивайте

инструмент при нажатой клавише «Alt» (Windows) или «Option» (Mac OS).
Выделите один или несколько объектов в монтажной области и выберите «Объект» > «Фрагмент» > «Создать по

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

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

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

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

Используйте инструмент «Выделение фрагмента», 

 чтобы выбрать фрагмент в окне иллюстрации или в диалоговом окне «Сохранить

для Web и устройств».

Чтобы выделить фрагмент, щелкните его.
Чтобы выделить несколько фрагментов, щелкните их при нажатой клавише «Shift» (в диалоговом окне «Сохранить для
Web

 и устройств» также можно перетаскивать инструмент при нажатой клавише «Shift»).

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

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

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

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

«Частичное выделение».

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

Установка параметров фрагмента

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

1. 

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

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

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

фрагмента».

2. 

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

Изображение Выберите этот тип, если область фрагмента на веб-странице должна представлять собой файл

изображения. Если нужно, чтобы изображение было ссылкой HTML, введите URL-адрес и целевой набор фреймов.

Можно также задать сообщение, которое должно появляться в области статуса браузера, когда мышь находится над

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

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

HTML и цвет фона. Введите текст для вывода в текстовом окне «Текст в ячейке» и отформатируйте его с помощью

стандартных тегов HTML. Не вводите больше текста, чем можно отобразить в области фрагмента (если введено

слишком много текста, он перейдет на соседние фрагменты и изменит макет веб-страницы; но так как текст не виден

в монтажной области, это проявится только при просмотре веб-страницы в веб-браузере). Задайте параметры «По

горизонтали» и «По вертикали» для изменения выравнивания текста в ячейке таблицы..

614

Текст HTML Этот тип становится доступным только при создании фрагмента, если выделить текстовый объект и

выбрать команду «Объект» > «Фрагменты» > «Создать». На веб-странице текст Illustrator преобразуется в текст HTML

с основными атрибутами форматирования. Чтобы отредактировать текст, обновите его в своем объекте. Задайте

параметры «По горизонтали» и «По вертикали» для изменения выравнивания текста в ячейке таблицы. Можно также

выбрать цвет фона для ячейки таблицы.

Чтобы отредактировать текст для фрагментов «Текст HTML» в диалоговом окне «Параметры фрагмента»,
измените тип фрагмента на «Без изображения». Это разрывает связь с текстовым объектом в монтажной
области. Чтобы форматирование текста не учитывалось, введите <неформатированный> как первое слово в
текстовом объекте.

Блокировка фрагментов

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

Чтобы заблокировать все фрагменты, выберите «Просмотр» > «Закрепить фрагменты».
Для блокировки отдельных фрагментов щелкните по столбцу редактирования фрагментов в палитре «Слои».

Коррекция границ фрагментов

Если фрагмент создан с помощью команды «Объект» > «Фрагменты» > «Создать», позиция и размер фрагмента привязываются

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

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

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

Для перемещения фрагмента перетащите его на новое место с помощью инструмента «Выделение фрагмента» 

.

Чтобы ограничить перемещение вертикальной, горизонтальной линией или диагональной под углом 45°, нажмите и

держите клавишу «Shift».
Для изменения размера фрагмента выделите фрагмент с помощью инструмента «Выделение фрагмента» и тащите

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

«Выделение» и палитру «Трансформирование».
Для выравнивания или распределения фрагментов используйте палитру «Выравнивание». Выравнивание фрагментов

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

выберите команду «Объект» > «Монтаж».
Для разделения фрагмента выделите его и выберите «Объект» > «Фрагменты» > «Разделить фрагменты».
Можно объединять фрагменты, созданные любым методом. Выделите фрагменты и выберите «Объект» >

«Фрагменты» > «Объединить фрагменты». В этом случае фрагмент получает свои размеры и позицию от

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

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

фрагментами.
Чтобы изменить размер всех фрагментов до границ монтажной области, выберите команду «Объект» > «Фрагменты» >

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

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

меняется.

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

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

Для удаления фрагмента выделите фрагмент и нажмите кнопку «Удалить». Если фрагмент создан с помощью команды

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

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

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

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

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

615

 

видимость фрагментов» 

.

Чтобы спрятать номера фрагментов и изменить цвет линий фрагмента, выберите «Редактирование» > «Установки» >

«Быстрые» направляющие и фрагменты» (Windows) или «Illustrator» > «Установки» > «Быстрые» направляющие и

фрагменты» (Mac OS).

Создание карт ссылок

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

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

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

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

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

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

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

1. 

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

2. 

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

3. 

Введите относительный или полный URL-адрес в текстовое поле «URL» или выберите URL-адрес из списка.

Местонахождение URL-адреса можно проверить, нажав кнопку «Браузер».

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

Дополнительные разделы справки

Правовые уведомления

   |   

Политика конфиденциальности в сети Интернет

616

SVG

О формате SVG
Применение SVG-эффектов
Импорт эффектов из SVG-файла
Обзор палитры «Интерактивность SVG»
Добавление интерактивности SVG в объект
SVG-события
Параметры экспорта файлов SVG, оптимизированных для Интернета

О формате SVG

Битовые форматы изображения для Web (GIF, JPEG, WBMP и PNG) описывают изображения с

помощью сетки пикселов. Файлы получаются большими с одним (часто низким) разрешением и

занимают значительную часть полосы пропускания Web. В отличие от этого, SVG – это векторный

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

файла компактны и обеспечивают качественную графику в Web, на печати и даже портативных

устройствах с ограниченными ресурсами. Пользователи могут увеличить SVG-изображение на экране

без потери резкости, деталей или четкости. Кроме того, формат SVG отлично поддерживает текст и

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

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

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

действия пользователя такими сложными эффектами, как подсветка, всплывающие подсказки, звуки,

анимация и т. п.
Сохранить объект в формате SVG можно с помощью команд «Сохранить», «Сохранить как»,

«Сохранить копию» и «Сохранить для Web и устройств». Для доступа к полному набору параметров

экспорта в формате SVG используйте команды «Сохранить», «Сохранить как» или «Сохранить копию».

Команда «Сохранить для Web и устройств» предоставляет ограниченный набор параметров экспорта в

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

адресу 

www.adobe.com/go/vid0207_ru

.

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

рекомендации.

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

в формате SVG, каждый слой преобразуется в групповой элемент (<g>) . (Например,

слой «Button1» становится <g id="Button1_ver3.0">). Вложенные слои становятся

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

«отображение:нет» стиля SVG.
Если нужно, чтобы объекты на разных слоях выглядели прозрачными,

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

непрозрачность меняется на уровне слоя, итоговый SVG-файл не покажет

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

отредактироваться, как другие SVG-элементы. Старайтесь не создавать объекты,

которые будут растрироваться в SVG-файле. Сетчатые градиенты и объекты с

градиентной заливкой, использующие эффекты «Растрировать», «Имитация»,

617

«Размытие», «Штрихи», «Искажение», «Оформление», «Резкость», «Эскиз»,

«Стилизация», «Текстура» и «Видео», растрируются при сохранении в формате

SVG. Графические стили с этими эффектами также вызывают растрирование.

Добавляя графические объекты, используйте SVG-эффекты, не вызывающие

растрирования.
Для повышения производительности SVG-файла используйте символы в объекте и

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

производительность, старайтесь не пользоваться кистями, которые производят

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

SVG-файл.
Язык сценариев (например, JavaScript) открывает неограниченные функциональные

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

вызвать сценарные функции (например, эффекты прокрутки). Сценарии могут также

использовать объектную модель документов (DOM) для обращения к SVG-файлу и

внесения изменений (например, для вставки или удаления SVG-элементов).

Применение SVG-эффектов

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

SVG-эффекты отличаются от битовых эквивалентов тем, что они основаны на XML и не зависят от

разрешения. Фактически SVG-эффект – это не что иное, как серия XML-свойств, описывающих

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

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

свойствами по умолчанию, отредактировать код XML для создания пользовательских эффектов или

написать код для новых SVG-эффектов.

Чтобы изменить SVG-фильтры, которые Illustrator использует по умолчанию, используйте

текстовый редактор для редактирования файла Adobe SVG Filters.svg в папке Documents and

Settings/<каталог_пользователя>/Application Data/Adobe/Adobe Illustrator CS5 Settings/<язык>.

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

1. 

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

2. 

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

Для применения эффекта с параметрами по умолчанию выберите эффект в

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

«Эффект» > «Фильтры SVG» > «Применить SVG-фильтр». Выберите эффект в

диалоговом окне и нажмите кнопку «Редактировать SVG-фильтр»  .

Отредактируйте код по умолчанию и нажмите кнопку «ОК».
Для создания и применения нового эффекта выберите команду «Эффект» >

«Фильтры SVG» > «Применить SVG-фильтр». В диалоговом окне нажмите

кнопку «Новый SVG-фильтр»  , введите новый код и нажмите кнопку «ОК».
Если применяется эффект «SVG-фильтр», Illustrator отображает

растрированную версию эффекта на монтажной области. Можно

контролировать разрешение миниатюры, изменяя параметр разрешения

растрирования документа.
Примечание. Если объект использует несколько эффектов, SVG-эффект

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

нижней части палитры «Отображение» (над записью «Прозрачность»). Если

SVG-эффект сопровождается другими эффектами, вывод SVG будет

осуществлен в виде растрового объекта.

618

onfocusin.

onfocusout.

onactivate.

Импорт эффектов из SVG-файла

1. 

Выберите «Эффект» > «Фильтр SVG» > «Импортировать фильтр SVG»

2. 

Выберите SVG-файл, из которого хотите импортировать эффекты, и нажмите

кнопку «Открыть».

Обзор палитры «Интерактивность SVG»

Палитра «Интерактивность SVG» («Окно» > «Интерактивность SVG») используется для добавления

интерактивности в объект при его экспорте для просмотра в веб-браузере. Например, создав событие,

запускающее команду языка JavaScript, можно быстро создать движение на веб-странице, когда

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

«Интерактивность SVG» позволяет также увидеть все события и файлы JavaScript, связанные с

текущим файлом.

Удаление события из палитры «Интерактивность SVG»

Чтобы удалить одно событие, выберите его и нажмите кнопку «Удалить» или

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

Просмотр, добавление или удаление событий, связанных с файлом

1. 

Нажмите кнопку «Ссылка на файлы JavaScript»  .

2. 

В диалоговом окне «Файлы JavaScript» выберите запись JavaScript и выполните

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

Нажмите «Добавить» для поиска дополнительных файлов JavaScript.
Нажмите «Удалить» для удаления выбранной записи JavaScript.

Добавление интерактивности SVG в объект

1. 

Выберите событие в палитре «Интерактивность SVG» (см. 

SVG-события

).

2. 

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

SVG-события

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

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

элементу).

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

элемента.

619

onmousedown.

onmouseup.

onclick.

onmouseover.

onmousemove.

onmouseout.

onkeydown.

onkeypress.

onkeyup.

onload.

onerror.

onabort.

onunload.

onzoom.

onresize.

onscroll.

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

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

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

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

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

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

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

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

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

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

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

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

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

загружается.

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

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

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

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

Параметры экспорта файлов SVG, оптимизированных для

Интернета

Добавлен новый параметр экспорта в формате SVG («Файл» > «Экспорт» > «SVG»). Для создания

стандартизированных файлов SVG, оптимизированных для Интернета, для проектов в области веб-

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

Стили. Выберите способ записи полученного кода в файл SVG. Доступные

варианты: «Внутренние таблицы CSS», «Встроенный стиль» и «Атрибуты

представления».
Шрифт. Выберите представление шрифтов в файле SVG. Контуры сохраняют

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

документ или привязать их к документу.
ID объектов. Выберите способ назначения типов идентификатора (имен) объектам

620

 

 

 

 

 

 

 

содержание      ..     37      38      39      40     ..