- Руководство пользователя Illustrator
- Основы работы с Illustrator
- Введение в Illustrator
- Рабочая среда
- Основные сведения о рабочей среде
- Создание документов
- Ускоренное обучение благодаря панели «Обзор» в Illustrator
- Ускорение рабочих процессов с помощью контекстной панели задач
- Панель инструментов
- Комбинации клавиш по умолчанию
- Настройка комбинаций клавиш
- Общие сведения о монтажных областях
- Управление монтажными областями
- Настройка рабочей среды
- Панель свойств
- Установка параметров
- Рабочая среда «Сенсорное управление»
- Поддержка Microsoft Surface Dial в Illustrator
- Отмена изменений и управление историей дизайна
- Поворот вида
- Линейки, сетки и направляющие
- Специальные возможности в Illustrator
- Просмотр графических объектов
- Работа в Illustrator с использованием Touch Bar
- Файлы и шаблоны
- Инструменты в Illustrator
- Краткий обзор инструментов
- Выбор инструментов
- Инструменты для навигации
- Инструменты рисования
- Текстовые инструменты
- Инструменты рисования
- Инструменты модификации
- Генеративный ИИ (недоступно на территории континентального Китая)
- Быстрые действия
- Веб-версия Illustrator (Beta)
- Обзор веб-версии Illustrator (Beta)
- Часто задаваемые вопросы о веб-версии Illustrator (Beta)
- Часто задаваемые вопросы по устранению неполадок
- Комбинации клавиш для веб-версии Illustrator (Beta)
- Создание и объединение фигур в веб-версии
- Добавление и редактирование текста в веб-версии
- Применение цветов и градиентов в веб-версии
- Рисование и редактирование контуров в веб-версии
- Работа с облачными документами в веб-версии
- Приглашение соавторов для редактирования в веб-версии
- Illustrator на iPad
- Представляем Illustrator на iPad
- Рабочая среда
- Документы
- Выбор и упорядочение объектов
- Рисование
- Текст
- Работа с изображениями
- Цвет
- Облачные документы
- Основы работы
- Устранение неполадок
- Добавление и редактирование содержимого
- Рисование
- Основы рисования
- Редактирование контуров
- Рисование графического объекта с точностью на уровне пикселов
- Рисование с помощью инструментов «Перо», «Кривизна» и «Карандаш»
- Рисование простых линий и фигур
- Рисование прямоугольных и полярных сеток
- Создание и редактирование бликов
- Трассировка изображений
- Упрощение контура
- Инструменты для работы с символами и наборы символов
- Корректировка сегментов контура
- Создание цветка в пять простых шагов
- Создание и редактирование сетки перспективы
- Рисование и изменение объектов на сетке перспективы
- Использование объектов в качестве символов для повторного применения
- Рисование контуров, выровненных по пикселам, при создании проектов для Интернета
- Измерения
- 3D-объекты и материалы
- Цвет
- Раскрашивание
- Выбор и упорядочение объектов
- Выделение объектов
- Слои
- Развертывание, группирование и разгруппирование объектов
- Перемещение, выравнивание и распределение объектов
- Выравнивание, упорядочение и перемещение объектов по контуру
- Привязка объектов к глифу
- Привязка объектов к японскому глифу
- Размещение объектов
- Блокировка, скрытие и удаление объектов
- Копирование и дублирование объектов
- Поворот и отражение объектов
- Переплетение объектов
- Создание реалистичных макетов графики
- Перерисовка объектов
- Кадрирование изображений
- Трансформирование объектов
- Объединение объектов
- Вырезание, разделение и обрезка объектов
- Марионеточная деформация
- Масштабирование, наклон и искажение объектов
- Объекты с переходами
- Перерисовка с помощью оболочек
- Перерисовка объектов с эффектами
- Создание фигур с помощью инструментов «Мастер фигур» и «Создание фигур»
- Работа с динамическими углами
- Улучшенные процессы перерисовки с поддержкой сенсорного ввода
- Редактирование обтравочных масок
- Динамические фигуры
- Создание фигур с помощью инструмента «Создание фигур»
- Глобальное изменение
- Текст
- Дополнение текстовых и рабочих объектов типами объектов
- Просмотр перекомпоновки
- Создание маркированного и нумерованного списков
- Управление текстовой областью
- Шрифты и оформление
- Преобразование текста в изображениях в редактируемый текст
- Применение базового форматирования к тексту
- Применение расширенного форматирования к тексту
- Импорт и экспорт текста
- Форматирование абзацев
- Специальные символы
- Создание текста по контуру
- Стили символов и абзацев
- Табуляция
- Поиск отсутствующих шрифтов (технологический процесс Typekit)
- Шрифт для арабского языка и иврита
- Шрифты | Часто задаваемые вопросы и советы по устранению проблем
- Творческий подход к оформлению
- Масштабирование и поворот текста
- Интерлиньяж и межбуквенные интервалы
- Расстановка переносов и переходы на новую строку
- Проверка орфографии и языковые словари
- Форматирование азиатских символов
- Компоновщики для азиатской письменности
- Создание текстовых проектов с переходами между объектами
- Создание текстового плаката с помощью трассировки изображения
- Создание специальных эффектов
- Веб-графика
- Рисование
- Импорт, экспорт и сохранение
- Импорт
- Библиотеки Creative Cloud Libraries в Illustrator
- Сохранение и экспорт
- Печать
- Подготовка к печати
- Печать
- Автоматизация задач
- Устранение неполадок
- Исправленные ошибки
- Известные проблемы
- Сбои
- Восстановление файлов после сбоя
- Безопасный режим
- Проблемы с файлами
- Поддерживаемые форматы файлов
- Проблемы с драйвером графического процессора
- Проблемы устройств Wacom
- Проблемы с файлами DLL
- Проблемы с памятью
- Проблемы с файлом настроек
- Проблемы со шрифтами
- Проблемы с принтером
- Как поделиться отчетом о сбое с Adobe
- Повышение производительности Illustrator
- Исправленные ошибки
Illustrator содержит различные инструменты для разработки макетов веб-страниц, а также создания и оптимизации веб-графики. Например, используйте безопасные веб-цвета, ищите баланс между качеством и размером файла и выбирайте наилучший формат файла для своей графики. Веб-графика обладает преимуществом в отношении фрагментов и карт ссылок, и вы можете выбирать из множества вариантов оптимизации, чтобы убедиться в правильном отображении файлов в Интернете.
О веб-графике
При разработке графики для Интернета приходится решать проблемы, которые не возникают с графикой для печати.
Для принятия обоснованных решений по веб-графике помните три следующие рекомендации:
Используйте безопасные web-цвета.
Цвет часто является ключевым аспектом объекта. Однако цвета в монтажной области — это не всегда те цвета, которые появятся в веб-браузере другой системы. Можно предотвратить дизеринг (метод имитации недоступных цветов) и другие проблемы с цветом, приняв две меры предосторожности при создании веб-графики. Во-первых, всегда работайте в цветовом режиме RGB. Во-вторых, используйте безопасные цвета Web.
Ищите компромисс между качеством и размером файла.
Для распространения изображений в Интернете важно создавать небольшие файлы. Веб-серверы более эффективно хранят и передают изображения меньшего размера. Средства просмотра быстрее загружают такие изображения. Размер и предполагаемое время загрузки веб-графики отображаются в диалоговом окне Сохранить для Web и устройств.
Выберите наилучший формат файла для своей графики.
Для качественного отображения и создания небольших файлов для Интернета необходимо сохранять разные типы графики в файлах разных форматов. Дополнительные сведения о форматах представлены в разделе Параметры оптимизации веб-графики.
Многие шаблоны Illustrator созданы специально для Интернета, включая веб-страницы и баннеры. Для выбора шаблона выберите «Файл» > «Новый из шаблона».
О режиме просмотра в виде пикселей
Чтобы разработчики веб-приложений могли создавать точные пиксельные модели, в Illustrator необходимо добавить свойство выравнивания по пикселям. Если для объекта включено свойство выравнивания по пикселям, все его горизонтальные и вертикальные сегменты выравниваются по пиксельной сетке, что обеспечивает четкость обводок. Пока данное свойство задано для объекта при любых преобразованиях, он повторно выравнивается по пиксельной сетке в соответствии с новыми координатами. Чтобы включить данное свойство, требуется установить флажок «Выровнять по пиксельной сетке» на палитре «Трансформирование». В Illustrator на уровне документа также доступен флажок «Выровнять новые объекты по пиксельной сетке», который по умолчанию установлен для веб-документов. Если данное свойство включено, для любого рисуемого объекта свойство выравнивания по пикселям задается по умолчанию.
Дополнительные сведения представлены в разделе Рисование контуров, выровненных по пикселям, при создании проектов для Интернета.
Сохраняя объект в битовом формате (например, в виде файла JPEG, GIF или PNG), Illustrator растрирует объект с разрешением 72 пикселя на дюйм. Выбрав «Просмотр» > «Просмотр в виде пикселов», можно увидеть, как будут выглядеть объекты после растрирования. Это очень удобно, если требуется проконтролировать точное расположение, размер и сглаживание объектов в растрированной графике.
Чтобы понять, как Illustrator разделяет объекты на пиксели, откройте файл с векторными объектами, выберите команду «Просмотр» > «Просмотр в виде пикселов» и увеличьте объект так, чтобы видеть каждый пиксель. Расположение пикселей определяется пиксельной сеткой, делящей монтажную область с шагом в один пункт (1/72 дюйма). Пиксельную сетку можно увидеть, если выбрать масштаб 600 %. При перемещении, добавлении или преобразовании объект привязывается к пиксельной сетке. В результате любое сглаживание вдоль «привязанных» краев объекта (обычно левого верхнего края) исчезает. Теперь отмените выбор команды «Просмотр» > «Просмотр в виде пикселов» и переместите объект. Теперь можно расположить объект между линиями сетки. Посмотрите, как это влияет на сглаживание объекта. Видно, что даже незначительные корректировки могут влиять на растрирование объекта.
Пиксельная сетка зависит от начала координат линейки (0,0). Перемещение начала координат линейки изменит растрирование объекта Illustrator.
Советы по созданию изображений Illustrator для мобильных устройств
Чтобы оптимизировать графическое содержимое для мобильных устройств, сохраните графические объекты, созданные в программе Illustrator в любом формате SVG, включая SVG-t, который предназначен специально для мобильных устройств.
Следуйте приведенным ниже советам, чтобы изображения, созданные в программе Illustrator, отображались на мобильных устройствах качественно.
Создавайте содержимое в соответствии со стандартом SVG. При публикации векторных изображений на мобильных устройствах в формате SVG создаются файлы небольшого размера, достигается независимость от размера экрана, обеспечивается превосходное управление цветами, появляется возможность масштабирования, а текст становится доступным для редактирования (в составе исходного кода). Кроме того, формат SVG основан на XML, поэтому он позволяет включать в изображения такие интерактивные средства, как выделение подсветкой, подсказки по инструментам, специальные эффекты, звуки и анимацию.
Рекомендуем с самого начала организовывать работу с учетом конечных размеров целевых мобильных устройств. Хотя формат SVG поддерживает масштабирование, работой в установленных размерах можно гарантировать, что конечные изображения будут оптимизированы для целевых устройств по качеству и размеру.
В качестве цветового режима программы Illustrator задайте RGB. Формат SVG можно просматривать на устройствах с растровым дисплеем RGB, например на мониторах.
Чтобы уменьшить размер файла, попытайтесь сократить количество объектов (включая группы) или сделать их менее сложными (содержащими меньше точек). Использование меньшего количества точек способствует значительному уменьшению количества текстовой информации, необходимой для описания графических объектов в файле SVG. Чтобы сократить количество точек, выберите «Объект» > «Путь» > «Упростить» и поэкспериментируйте с различными сочетаниями параметров, пока не найдете баланс, позволяющий добиться нужного качества при минимальном количестве точек.
При возможности используйте символы. Символы определяют векторы, которые описывают объект всего один раз. Это удобно, если композиция содержит такие объекты, как фоновые изображения кнопок, применяемые многократно.
Выполняя анимацию изображений, ограничивайте количество используемых объектов и по возможности старайтесь использовать объекты повторно, чтобы уменьшить размер файла. Применяйте анимационные преобразования к группам объектов, а не к отдельным объектам. Это позволит избежать повторения кода.
Старайтесь использовать версию SVGZ, т. е. версию SVG со сжатием программой gzip. Сжатие, в зависимости от содержимого, позволяет значительно уменьшить размер файла. Лучше всего сжимается текст, а содержимое с двоичной кодировкой, например встроенные растровые изображения (файлы JPEG, PNG или GIF), сжимаются лишь незначительно. Файлы SVGZ можно распаковать с помощью любого приложения, которое открывает файлы, упакованные программой gzip. Для успешного использования SVGZ необходимо проверить, поддерживается ли на целевом устройстве распаковка файлов gzip.