- Руководство пользователя Illustrator
- Основы работы с Illustrator
- Введение в Illustrator
- Новые возможности в приложении Illustrator
- Часто задаваемые вопросы
- Системные требования Illustrator
- Illustrator для Apple Silicon
- Рабочая среда
- Основные сведения о рабочей среде
- Ускоренное обучение благодаря панели «Обзор» в Illustrator
- Создание документов
- Панель инструментов
- Комбинации клавиш по умолчанию
- Настройка комбинаций клавиш
- Общие сведения о монтажных областях
- Управление монтажными областями
- Настройка рабочей среды
- Панель свойств
- Установка параметров
- Рабочая среда «Сенсорное управление»
- Поддержка Microsoft Surface Dial в Illustrator
- Отмена изменений и управление историей дизайна
- Поворот вида
- Линейки, сетки и направляющие
- Специальные возможности в Illustrator
- Безопасный режим
- Просмотр графических объектов
- Работа в Illustrator с использованием Touch Bar
- Файлы и шаблоны
- Инструменты в Illustrator
- Краткий обзор инструментов
- Выбор инструментов
- Выделение
- Частичное выделение
- Групповое выделение
- Волшебная палочка
- Лассо
- Монтажная область
- Инструменты для навигации
- Рука
- Поворот вида
- Масштаб
- Инструменты рисования
- Градиент
- Сетка
- Создание фигур
- Текстовые инструменты
- Текст
- Текст по контуру
- Текст по вертикали
- Инструменты рисования
- Перо
- Добавление опорной точки
- Удаление опорной точки
- Опорная точка
- Кривизна
- Отрезок линии
- Прямоугольник
- Прямоугольник со скругленными углами
- Эллипс
- Многоугольник
- Звезда
- Кисть
- Кисть-клякса
- Карандаш
- Формирователь
- Фрагмент
- Инструменты модификации
- Поворот
- Отражение
- Масштаб
- Искривление
- Ширина
- Свободное трансформирование
- Пипетка
- Смешивание
- Ластик
- Ножницы
- Генеративный ИИ (недоступно на территории континентального Китая)
- Создание векторной графики с помощью текстового запроса
- Перекрашивание векторной графики с помощью текстового запроса
- Быстрые действия
- Ретротекст
- Светящийся неоновый текст
- Старомодный текст
- Перекрашивание
- Преобразование эскиза в векторный формат
- Введение в Illustrator
- Illustrator на iPad
- Представляем Illustrator на iPad
- Обзор по Illustrator на iPad
- Ответы на часто задаваемые вопросы по Illustrator на iPad
- Системные требования | Illustrator на iPad
- Что можно и нельзя делать в Illustrator на iPad
- Рабочая среда
- Рабочая среда Illustrator на iPad
- Сенсорные ярлыки и жесты
- Комбинации клавиш для Illustrator на iPad
- Управление настройками приложения
- Документы
- Работа с документами в Illustrator на iPad
- Импорт документов Photoshop и Fresco
- Выбор и упорядочение объектов
- Создание повторяющихся объектов
- Объекты с переходами
- Рисование
- Создание и изменение контуров
- Рисование и редактирование фигур
- Текст
- Работа с текстом и шрифтами
- Создание текстовых надписей по контуру
- Добавление собственных шрифтов
- Работа с изображениями
- Векторизация растровых изображений
- Цвет
- Применение цветов и градиентов
- Представляем Illustrator на iPad
- Облачные документы
- Основы работы
- Работа с облачными документами Illustrator
- Общий доступ к облачным документам Illustrator и совместная работа над ними
- Публикация документов для проверки
- Обновление облачного хранилища для Adobe Illustrator
- Облачные документы в Illustrator | Часто задаваемые вопросы
- Устранение неполадок
- Устранение неполадок с созданием или сохранением облачных документов в Illustrator
- Устранение неполадок с облачными документами в Illustrator
- Основы работы
- Добавление и редактирование содержимого
- Рисование
- Основы рисования
- Редактирование контуров
- Рисование графического объекта с точностью на уровне пикселов
- Рисование с помощью инструментов «Перо», «Кривизна» и «Карандаш»
- Рисование простых линий и фигур
- Рисование прямоугольных и полярных сеток
- Создание и редактирование бликов
- Трассировка изображения
- Упрощение контура
- Инструменты для работы с символами и наборы символов
- Корректировка сегментов контура
- Создание цветка в пять простых шагов
- Создание и редактирование сетки перспективы
- Рисование и изменение объектов на сетке перспективы
- Использование объектов в качестве символов для повторного применения
- Рисование контуров, выровненных по пикселам, при создании проектов для Интернета
- 3D-объекты и материалы
- Подробнее о 3D-эффектах в Illustrator
- Создание трехмерной графики
- Проецирование рисунка на трехмерные объекты
- Создание трехмерного текста
- Создание трехмерных объектов
- Цвет
- О цвете
- Выбор цветов
- Использование и создание цветовых образцов
- Коррекция цвета
- Панель «Темы Adobe Color»
- Цветовые группы (гармонии)
- Панель «Темы Color»
- Перекрашивание графического объекта
- Раскрашивание
- О раскрашивании
- Раскрашивание с помощью заливок и обводок
- Группы с быстрой заливкой
- Градиенты
- Кисти
- Прозрачность и режимы наложения
- Применение обводок к объектам
- Создание и редактирование узоров
- Сетки
- Узоры
- Выбор и упорядочение объектов
- Выделение объектов
- Слои
- Группировка и разбор объектов
- Перемещение, выравнивание и распределение объектов
- Размещение объектов
- Блокировка, скрытие и удаление объектов
- Копирование и дублирование объектов
- Поворот и отражение объектов
- Переплетение объектов
- Создание реалистичных макетов графики
- Перерисовка объектов
- Кадрирование изображений
- Трансформирование объектов
- Объединение объектов
- Вырезание, разделение и обрезка объектов
- Марионеточная деформация
- Масштабирование, наклон и искажение объектов
- Объекты с переходами
- Перерисовка с помощью оболочек
- Перерисовка объектов с эффектами
- Создание фигур с помощью инструментов «Мастер фигур» и «Создание фигур»
- Работа с динамическими углами
- Улучшенные процессы перерисовки с поддержкой сенсорного ввода
- Редактирование обтравочных масок
- Динамические фигуры
- Создание фигур с помощью инструмента «Создание фигур»
- Глобальное изменение
- Текст
- Дополнение текстовых и рабочих объектов типами объектов
- Создание маркированного и нумерованного списков
- Управление текстовой областью
- Шрифты и оформление
- Преобразование текста в изображениях в редактируемый текст
- Применение базового форматирования к тексту
- Применение расширенного форматирования к тексту
- Импорт и экспорт текста
- Форматирование абзацев
- Специальные символы
- Создание текста по контуру
- Стили символов и абзацев
- Табуляция
- Поиск отсутствующих шрифтов (технологический процесс Typekit)
- Шрифт для арабского языка и иврита
- Шрифты | Часто задаваемые вопросы и советы по устранению проблем
- Создание эффекта 3D-текста
- Творческий подход к оформлению
- Масштабирование и поворот текста
- Интерлиньяж и межбуквенные интервалы
- Расстановка переносов и переходы на новую строку
- Проверка орфографии и языковые словари
- Форматирование азиатских символов
- Компоновщики для азиатской письменности
- Создание текстовых проектов с переходами между объектами
- Создание текстового плаката с помощью трассировки изображения
- Создание специальных эффектов
- Работа с эффектами
- Стили графики
- Атрибуты оформления
- Создание эскизов и мозаики
- Тени, свечения и растушевка
- Обзор эффектов
- Веб-графика
- Лучшие методы создания веб-графики
- Диаграммы
- SVG
- Фрагменты и карты изображений
- Рисование
- Импорт, экспорт и сохранение
- Импорт
- Помещение нескольких файлов в документ
- Управление связанными и встроенными файлами
- Сведения о связях
- Извлечение изображений
- Импорт графического объекта из Photoshop
- Импорт растровых изображений
- Импорт файлов Adobe PDF
- Импорт файлов EPS, DCS и AutoCAD
- Библиотеки Creative Cloud Libraries в Illustrator
- Библиотеки Creative Cloud Libraries в Illustrator
- Диалоговое окно «Сохранить»
- Сохранение иллюстраций
- Экспорт
- Использование графического объекта Illustrator в Photoshop
- Экспорт иллюстрации
- Сбор ресурсов и их массовый экспорт
- Упаковка файлов
- Создание файлов Adobe PDF
- Извлечение CSS | Illustrator CC
- Параметры Adobe PDF
- Палитра «Информация о документе»
- Импорт
- Печать
- Подготовка к печати
- Настройка документов для печати
- Изменение размера и ориентации страницы
- Задание меток обреза для обрезки и выравнивания
- Начало работы с большим холстом
- Печать
- Наложение
- Печать с управлением цветами
- Печать PostScript
- Стили печати
- Метки и выпуск за обрез
- Печать и сохранение прозрачных графических объектов
- Треппинг
- Печать цветоделенных форм
- Печать градиентов, сеток и наложения цветов
- Наложение белого
- Подготовка к печати
- Автоматизация задач
- Объединение данных с помощью панели «Переменные»
- Автоматизация с использованием сценариев
- Автоматизация с использованием операций
- Устранение неполадок
- Сбои
- Восстановление файлов после сбоя
- Проблемы с файлами
- Поддерживаемые форматы файлов
- Проблемы с драйвером ГП
- Проблемы устройств Wacom
- Проблемы с файлами DLL
- Проблемы с памятью
- Проблемы с файлом настроек
- Проблемы со шрифтами
- Проблемы с принтером
- Как поделиться отчетом о сбое с Adobe
- Повышение производительности Illustrator
Это руководство поможет разобраться в функциях Illustrator и научиться создавать прекрасные векторные изображения и иллюстрации на ПК, в браузере (Beta) и на iPad.
Присоединяйтесь к сообществу
Популярные темы об Illustrator для ПК
Новые возможности в приложении Illustrator
Системные требования Illustrator
Основные сведения о рабочей среде
Комбинации клавиш по умолчанию | Illustrator
Начните с этих проектов
Создание и изменение фигур
Редактирование и преобразование работ
Добавление текста в проекты
Изменение цвета и обводок
- Как создать новый документ в Illustrator
-
Простые фигуры в Adobe Illustrator
- Инструменты для трансформации фигур
Как создать новый документ в Illustrator
После запуска Adobe Illustrator на экране появится главная страница. С левой стороны экрана будет два вкладки:
- Home (Главная) — вкладка с шаблонами и архивом старых проектов.
- Learn (Обучение) — вкладка с полезными материалами для новичков.
Там же с левой стороны будет две кнопки:
- Create new (Новый файл) — для создания пустых рабочих областей.
- Open (Открыть) — для работы с файлом, который хранится на компьютере.
Создать новый файл в Illustrator можно двумя способами:
- кликнуть на кнопку Create new;
- нажать на клавиатуре своего компьютера сочетание клавиш Ctrl + N.
После этого в центре экрана появится всплывающее окно New Document (Новый документ). В верхней части этого окна будет панель с разными типами шаблонов:
- Mobile — шаблоны для мобильных устройств.
- Web — шаблоны для сайтов.
- Print — шаблоны для печати.
- Film & Video — шаблоны заставок для монтажа.
- Art & Illustration — шаблоны открыток, писем, постеров, а также стандартные форматы полиграфии и диджитал-иллюстраций.
Если выбрать конкретный шаблон, то в правой колонке меню автоматически заполнятся поля Width (Ширина) и Height (Высота). Их также можно будет задать вручную, если вам нужен нестандартный размер файла.
Рядом будут две иконки Orientation (Ориентация): вертикальная и горизонтальная. При горизонтальной ориентации ширина обозначается большей цифрой, например: 1366 x 768.
А при вертикальной ориентации файла ширина будет обозначена меньшей цифрой, например: 768 x 1366.
Справа от окошка Width есть выпадающее меню, где вы сможете выбрать единицы измерения. Стандартная единица для всех проектов в сфере диджитал — это Pixels (Пиксели). Например, 1920 х 1080 пикселей — общепринятый формат картинок в формате Full HD, а 1080 x 1080 пикселей — стандарт аватарок во многих соцсетях.
Но в некоторых проектах вам могут пригодиться:
- Points (Точки)
- Picas (Пики)
- Inches (Дюймы)
- Millimeters (Миллиметры)
- Сentimeters (Сантиметры)
Ниже под окошком с единицей измерения есть параметр Artboards (Монтажные области). Он определяет, сколько пустых белых листов будет на экране после создания файла. Обычно для работы достаточно одной монтажной области, но если вы захотите в одном файле создать серию из четырех открыток, то на одном экране можно разместить сразу четыре артборда.
Еще ниже есть параметр Bleed (Отступ) и четыре окошка для его настройки. Если вы не работаете с полиграфией, то можно оставить значение 0 px во всех окошках, но при подготовке макета к печати отступы нужно будет расставить в соответствии с требованиями типографии.
В разделе Advanced Options (Дополнительные параметры) есть настройки параметра Color Mode (Цветовой режим):
- RGB Color — стоит выбирать для диджитал-макетов;
- CMYK Color — для печатной продукции.
Там же можно настроить Raster Effects (Растровые эффекты). Это параметр, который обозначает, какое количество количество точек или пикселей при печати макета поместится на один дюйм. Он измеряется в единице ppi — pixel per inch, то есть дословно «пиксели на дюйм».
- 72 ppi — это стандартный размер для диджитал-макета, который не будут печатать.
- 150 ppi — разрешение для печати средних размеров.
- 300 ppi — разрешение для широкоформатной печати в высоком качестве.
Когда вы настроили все нужные параметры файла, можно нажать на кнопку Create (Создать).
На экране появится новое рабочее пространство, в котором можно создавать все, что вам захочется.
Простые фигуры в Adobe Illustrator
Rectangle tool (Прямоугольник)
Чтобы нарисовать в рабочей области прямоугольник или квадрат, можно использовать один из двух способов:
- Выбрать инструмент Rectangle tool (Прямоугольник) на панели инструментов слева.
- Нажать горячую клавишу «M».
Дальше нужно просто кликнуть левой кнопкой мыши по монтажной области (белой) и потянуть курсор в нужном направлении.
Когда вы отпустите левую кнопку, то на экране будет прямоугольник с заливкой.
Если у вас уже выбран инструмент Rectangle, можно кликнуть по рабочей области один раз, и на экране появится диалоговое окно, в котором можно ввести конкретный размер нового прямоугольника, например 345 x 165 пикселей.
После того, как вы нажмете «OK», в монтажной области появится новая фигура заданного размера.
С помощью этого же инструмента Rectangle можно создать квадрат. Если вы хотите начертить его курсором, то зажмите клавишу Shift, и пропорции фигуры не будут меняться. Как бы вы ни тянули курсор, он будет отрисовывать фигуру с одинаковыми сторонами.
Ellipse tool (Овал)
Точно также это работает с кругами: если вам нужен овал — используйте тот же инструмент в левой панели. Инструмент Ellipse tool (Овал) находится во вложенном меню, то есть вам нужно правой кнопкой мыши кликнуть на прямоугольник и в выпавшем списке выбрать нужную фигуру. Либо вызвать ее горячей клавишей «L».
Как и в случае с квадратом и прямоугольником, если вам нужен овал свободной формы, можно нарисовать его курсором, а если нужен ровный круг — потребуется дополнительно зажать Shift.
Polygon tool (Полигон)
Треугольник и более сложные фигуры создаются с помощью инструмента Polygon tool (Полигон), который находится в том же выпадающем меню на левой панели.
Если просто выбрать этот инструмент — вы сможете нарисовать с его помощью только треугольник, то есть полигон с тремя сторонами.
Но если с активным инструментом Polygon tool кликнуть по рабочей области и вызвать диалоговое окно, то в нем можно будет задать настройки более сложных фигур в окошке Sides (Стороны). Например, если указать в нем 9 сторон, то дальше вы будете создавать девятисторонние полигоны, пока снова не поменяете количество сторон в настройках на какое-то другое.
Инструменты для трансформации фигур
Selection tool (Выбрать)
Это черная стрелка в самом верху панели инструментов, которую также можно вызвать с помощью горячей клавиши «V». Selection tool может перемещать объекты по рабочей области, например, перенести из одного угла в другой или подвинуть немного вправо.
Direct Selection tool (Прямое выделение)
Белая стрелка, которая располагается на панели инструментов сразу под черной. Также можно вызвать этот инструмент горячей клавишей «A». Direct Selection tool позволяет трансформировать выбранную фигуру, например, вытянуть углы прямоугольника и сделать из него трапецию.
При активном инструменте Direct Selection tool, в углах любой фигуры появятся белые опорные точки. Если потянуть за одну из них, то угол начнет округляться.
Rotate tool (Вращение)
Инструмент Rotate tool тоже можно выбрать на панели инструментов или вызвать с помощью горячей клавиши «R». Если инструмент активен, то у выбранного объекта появится синяя точка в центре — это ось вращения.
Вокруг этой оси объекты можно поворачивать, потянув курсором за любой угол.
Это упражнения, с которых стоит начать, чтобы потом освоить более сложные инструменты и приемы в Illustrator. Когда вы точно знаете, как добавить, изменить или переместить нужные вам объекты, дальнейшая работа станет гораздо проще.
- Уроки
- 6 мин на чтение
- 48410
Представляем вам самый полный курс по Adobe Illustrator, который поможет освоить этот векторный редактор любому желающему: из 116 уроков вы узнаете об основных и самых важных инструментах программы, научитесь работать с векторными объектами, а также готовить макеты к печати и дальнейшему использованию в Photoshop или InDesign.
Кроме новичков, эти уроки могут быть полезны уже освоившим азы пользования программы, но желающим понять тонкости работы, например, с цветовыми схемами RGB и CMYK или правильной работе с кривыми и направляющими векторных фигур.
В курсе предполагается использование рабочих материалов, ссылку на загрузку которых вы найдете в конце статьи.
Введение
Что такое Illustrator
Добро пожаловать
Использование файлов с упражнениями
Начало работы
Понимание векторной графики
Настройка параметров
Знакомимся с интерфейсом
Знакомимся с панелями
Работа с Control panel
Создание и сохранение рабочих обстановок
Работа с документами
Создание файлов для печати
Создание файлов для веба
Навигация внутри документа
Использование линеек, направляющих и сеток
Изменение единиц измерения
Использование режимов просмотра
Самостоятельная настройка и использование просмотров
Блокировка и сокрытие изображения
Создание и использование монтажных областей
Выделение и трансформация объектов
Настройка параметров выделения
Использование инструментов Direct Selection и Group Selection
Инструмент Magic Wand
Использование инструмента Lasso
Выделение объектов по параметрам
Группировка объектов
Использование режима Isolation
Изменение размера изображения
Поворот объектов
Искажение и трансформация объектов
Повторяющиеся трансформации
Отражение и скос объектов
Выравнивание и распределение объектов
Работа с цветом
RGB или CMYK
Настройка цветовых параметров в Illustrator
Process vs. global цвета
Создание плашечных цветов
Использование цветовых групп
Работа с библиотеками цветов
Импортирование цветов
Использование панели Color Guide
Работа с заливкой и обводкой
Понимание заливок и обводок
Работа с заливкой
Работа с обводкой
Создание штрихов и стрелок
Создание обводки с различной шириной
Использование профилей инструмента Width
Сохранение обводок в режиме Outline
Создание и редактирование градиентов
Применение градиента к обводке
Применение и редактирование узорных заливок
Работа с путями
Понимание путей
Понимание опорных точек
Открытые и закрытые пути
Объединение путей командами Join и Average
Использование инструментов Scissors и Knife
Создание фигур
Понимание режимов рисования
Создание комбинированных путей
Создание комбинированныхх фигур
Работа с инструментом Shape Builder
Работа с инструментами Blob Brush и Eraser
Работа с инструментами Paintbrush и Pencil
Смягчение и удаление путей
Не бойтесь инструмента Pen
Освоение инструмента Pen
Рисование прямых линий
Рисование простых кривых
Понимание многоликости инструмента Pen
Преобразование углов и кривых
Использование клавиш быстрого доступа инструмента Pen
Трассирование изображения инструментом Pen
Использование текста в Illustrator
Настройка функций текста
Текст Point Text и Area Text
Редактирование основного текста
Соединение текста
Использование панелей Type
Создание текста на пути
Преобразование текста в пути
Экономия времени при помощи клавиш быстрого доступа
Использование шрифтов Typekit
Коррекция вида
Изучение панели Appearance
Объяснение порядка раскладки свойств
Применение многочисленных заливок
Применение многочисленных обводок
Корректирование вида при помощи Live effects
Сохранение вида в виде графических стилей
Работы со слоями
Изучение панели Layers
Создание и редактирование слоев
Определение объектов на панели Layers
Работы с субслоями
Сворачивание, блокирование и удаление слоев
Использование меню панели Layers
Работа с изображениями
Перемещение фотографий в Illustrator
Работа с панелью Links
Вставка файлов в Illustrator
Обрезание изображений маской
Изучение панели Image Trace
Трассирование фотографий
Трассирование штриховых рисунков
Преобразование пикселей в пути
Создание и использование символов
Что такое символы
Использование готовых символов
Использование инструмента Symbol Sprayer
Создание новых символов
Разрыв связи символов
Команда Redefine Symbol
Рисование в перспективе
Определение перспективной сетки
Рисование в перспективе
Добавление изображения к сетке
Печать, сохранение и экспорт
Распечатка изображения
Сохранение изображения
Сохранение файлов в форматах legacy
Сохранение шаблонов
Создание PDF файлов
Сохранение изображения для вэба
Создание растровых изображений в высоком разрешении
Использование файлов Illustrator в программах Photoshop и InDesign
Компоновка изображения для коммерческой печати
Заключение
До свидания
Скачать рабочие файлы
Файлы, которые вам понадобятся при прохождении курса доступны для загрузки по ссылке.
- 24
Урок 1
Основные принципы работы в Illustrator
Создание нового документа
Панель инструментов
Основные палитры
Выделение объектов
Группировка объектов
Создание и преобразование графических объектов
Формирование графических примитивов
Простейшие действия над объектами
Масштабирование и повороты
Свободная трансформация
Использование фильтров для формирования более сложных объектов
Создание сложных объектов посредством вырезания составных частей графических примитивов
Adobe Illustrator является одним из признанных лидеров среди программ векторной
графики (последние его версии имеют и средства для работы с растровыми изображениями,
равно как и Photoshop теперь умеет работать с векторными объектами) и предназначен
для создания и редактирования иллюстраций для полиграфии, мультимедийных приложений
и Интернета.
Векторная графика основана на простейших геометрических фигурах, называемых
примитивами — прямоугольниках, окружностях, эллипсах и пр.; на фигурах, построенных
из примитивов, и на разнообразных кривых. Отсюда и свобода трансформации: векторное
изображение можно вращать и масштабировать практически без потери качества.
Программы для работы с векторной графикой незаменимы в тех областях графики,
где важное значение имеет сохранение ясных и четких контуров, например при создании
графических заголовков, логотипов, рисунков, технических иллюстраций, схем,
диаграмм и т.п.
Достоинством векторных иллюстраций является и то, что они занимают меньший объем,
чем аналогичные растровые изображения, поскольку сохраняется не само изображение,
а только некоторые основные данные, с помощью которых программа каждый раз создает
изображение заново. Кроме того, векторная графика отлично работает с контурами
объектов и группами объектов, позволяя быстро вносить радикальные изменения.
Интерфейс программы Illustrator очень напоминает интерфейсы других продуктов
от Adobe, в первую очередь Photoshop, что упрощает процесс ее освоения. Здесь
имеются и аналогичные инструменты: Magic Wand (Волшебная палочка)
и Lasso (Лассо), Paintbrush (Обычная кисть)
и Warp (Искажающая кисть) и пр., и похожие командные меню,
и многие из знакомых палитр, а также наличествует контекстное меню. В программе
реализованы многие функции, которые можно найти в других графических пакетах,
— это настраиваемые сетки, слои, инструменты для выравнивания и градиентной
заливки. Но многое из всего перечисленного сделано несколько иначе, еще существует
немало иных возможностей, ориентированных именно на создание и обработку векторных
изображений.
Основные принципы работы в Illustrator
Создание нового документа
Работа над картинкой начинается с создания нового документа, что происходит
обычным образом по команде File=>New (Файл=>Новый). При
этом в окне New Document (Новый документ; рис. 1) нужно сразу
определить, для чего предназначается документ — для публикации в Интернете или
для печати. В первом случае выбирается режим RGB, а во втором — CMYK. Затем
на экране появится документ, ограниченный черной рамкой (рис. 2). Внутри этой
рамки обычно (то есть при установленном принтере) имеется дополнительная пунктирная
рамка, определяющая рабочую область документа, внутри которой и должен быть
сформирован рисунок. Все, что окажется вне пунктирной рамки, не будет выводиться
на печать. Увеличение и уменьшение масштаба изображения, как и в Photoshop,
производится нажатием комбинации клавиш: Ctrl+«+»
— для увеличения масштаба, Ctrl+«–» — для
уменьшения.
Рис. 1. Создание нового документа для Web
Рис. 2. Новый документ
Панель инструментов
Панель инструментов программы Illustrator очень напоминает таковую в Photoshop,
и выбираются инструменты обычным образом. Под видимым на данный момент инструментом
может скрываться еще несколько, до которых нетрудно добраться, удерживая клавишу
Alt при выборе инструмента (рис. 3).
Рис. 3. Серия инструментов для рисования графических примитивов
Основные палитры
В программе Illustrator существует целая серия специализированных палитр, которые
могут быть открыты или закрыты и вызываются из списка палитр, открывающегося
при активизации команды Window (Окно). В числе основных — палитра
цветов Color, палитра каталога цветов Swatches
и палитра линий Stroke.
В палитре Color (рис. 4) в первую очередь стоит обратить внимание
на два квадратика в левом верхнем углу палитры: сплошной (Fill)
и полый (Stroke). Аналогичные квадратики фигурируют и в нижней
части палитры инструментов: первый отвечает за цвет заливки, а второй — за цвет
обводки объекта (рис. 5). Активным считается квадратик, стоящий впереди, и именно
для него будет определен цвет в случае его выбора. Переключение между квадратами
осуществляется обычным щелчком мыши. Цвет заливки или обводки объекта можно
выбрать как из палитры Color, так и на панели инструментов.
Осуществляется это двойным щелчком по одному из квадратиков и приводит к открытию
окна Color Piсker (Подбор цвета), где можно будет выбрать нужный
цвет (рис. 6).
Рис. 4. Палитра Color
Рис. 5. Пример объекта с границей другого цвета
Рис. 6. Выбор цвета в окне Color Piсker
Кроме того, в левом нижнем углу палитры Color имеется перечеркнутый
квадратик None, при нажатии на который удаляется активный на
данный момент цвет. Например, в случае активного цвета заливки это приведет
к тому, что все создаваемые после этого объекты будут иметь только границы.
Палитра Swatches (рис. 7) представляет собой каталог стандартных
цветов, градиентов и узоров, который можно редактировать, дополнять и настраивать.
Здесь можно не только выбирать, но и хранить цвета, градиенты и узоры, ранее
подобранные вами для конкретных изображений. Это очень удобно, так как, подобрав
цвет к конкретному объекту, пользователь тут же забывает о нем и переходит к
другому цвету. В дальнейшем для его восстановления, как правило, приходится
открывать соответствующее изображение и брать образец цвета инструментом Eyedropper
(Пипетка). А ведь можно поступать проще, сохраняя нужные цвета в палитре Swatches
(для чего, собственно, она и предназначена), — просто перетащите активный квадратик
с цветом из палитры Color в палитру Swatches
(рис. 8).
Рис. 7. Палитра Swatches
Рис. 8. Сохранение цвета в палитре Swatches
Палитру Swatches можно пополнить и иным образом, поскольку
при инсталляции программы автоматически создается целая библиотека палитр цветов,
любой из которых можно добавить в палитру Swatches. Для открытия
конкретной библиотеки воспользуйтесь командами Window=>Swatch Libraries=>…
(Окно=>Библиотечные коллекции=>…) или Window=>Swatch Libraries=>Other
Library (Окно=>Библиотечные коллекции=>Другие библиотеки) и аналогичным
образом перетащите нужный цвет в палитру Swatches. Первая команда
приведет к открытию одной из палитр, установленных по умолчанию, а вторая —
к открытию библиотеки цветов одного из созданных вами ранее файлов *.ai. Чтобы
удалить ненужный цвет из палитры, достаточно перетащить его на значок корзины
в правом нижнем углу палитры.
Палитра Stroke (рис. 9) определяет внешний вид обводки объекта.
Здесь можно изменить ширину обводки в поле Weight (Ширина)
— следует учитывать, что дробные значения ширины вводятся через запятую. Включение
параметра Dashed Line (Пунктирная линия) делает активными три
пары полей Dash (Длина штриха) и Gap (Расстояние
между штрихами), значения в которых определяют характер пунктирной линии (рис.
10).
Три значения параметра Cap палитры Stroke задают границы линии:
• выбор первого значения ведет к тому, что границы совпадают с опорными точками;
• выбор второго значения обеспечивает формирование скругленных границ;
• при выборе третьего значения границы линии выходят за границы опорных точек
(рис. 11).
Значения параметра Join определяют внешний вид внутренних
точек ломаной линии: первый вариант обеспечивает формирование острых точек,
второй — скругленных, третий — прямых. Поэтому округлые вершины будут получаться
только при выборе средних значений параметров Cap и
Join.
Рис. 9. Палитра Stroke
Рис. 10. Пример объекта со штрих-пунктирной линией и палитрой Stroke,
соответствующей данной обводке
Рис. 11. Пример линий с разной настройкой параметров Cap и Join
Выделение объектов
Для выделения объектов в первую очередь служат инструменты Selection
(Выделение), Direct Selection (Частичное выделение) и Group
Selection (Групповое выделение). Selection отвечает
за выделение всего объекта путем заключения его в прямоугольную рамку (в так
называемый габаритный контейнер) и удобен для быстрого выделения одного или
нескольких расположенных рядом либо налагающихся друг на друга объектов путем
формирования рамки вокруг них. При выделении одного объекта достаточно щелкнуть
на границе объекта или внутри объекта, если он имеет заливку. Если же речь идет
о выделении нескольких объектов, то вокруг них нужно сформировать прямоугольную
рамку (рис. 12). В любом случае о выделении объекта будет свидетельствовать
заключение его в габаритный контейнер (рис. 13).
Рис. 12. Процесс выделения группы объектов инструментом Selection
Рис. 13. Результат выделения группы объектов инструментом Selection
Инструмент Direct Selection отвечает за выделение одного объекта
без образования прямоугольной рамки (рис. 14) и чаще всего применяется для выделения
отдельных опорных точек или сегментов кривых (но об этом мы расскажем в одном
из следующих уроков). Инструмент Group Selection предназначен
для выделения группы объектов (она может состоять не только из графических примитивов,
но и из отдельных опорных точек и сегментов кривых), но также без помещения
их в габаритный контейнер (рис. 15).
Рис. 14. Результат выделения звезды инструментом Direct Selection
Рис. 15. Результат выделения группы объектов инструментом Group Selection
В какой-то степени инструменты Direct Selection и Group
Selection дублируют друг друга, так как выделить несколько объектов
можно и с помощью инструмента Direct Selection, если удерживать
нажатой клавишу Shift в процессе выделения. Сам процесс выделения
осуществляется простым щелчком мыши внутри объекта или по его границе. С помощью
вышеназванных инструментов можно и перемещать выделенные изображения мышью или
используя соответствующие клавиши со стрелками.
Кроме названных инструментов выделения, существуют еще Magic Wand
(Волшебная палочка) и Lasso (Лассо). Да и в отношении вышеназванных
инструментов имеется еще ряд нюансов, но нельзя объять необъятное, и более подробно
на вопросах выделения мы остановимся в другой раз.
Группировка объектов
Если в отношении нескольких объектов необходимо осуществить одни и те же преобразования,
то удобнее объединить их в группу (впрочем, это не обязательно — можно просто
каждый раз выделять все объекты при нажатой клавише Shift).
Удобство группировки состоит в том, что после выделения нескольких объектов
в группу одиночный щелчок инструментом Selection по любому
из этих объектов будет приводить к выделению сразу всей группы.
Для создания группы выделите последовательно с использованием клавиши Shift
несколько объектов инструментом Direct Selection и воспользуйтесь
командой Object=>Group (Объект=>Группа). Разделить объекты
можно обратной командой Object=>Ungroup (Объект=>Не группа).
Однако даже если объекты сгруппированы, есть возможность поработать с одним
из них, не разрывая группу. Для этого выделите объект инструментом Group
Selection и выполняйте с ним нужные преобразования: перемещение, перекраску,
повороты, наложение эффектов и пр.
Создание и преобразование графических объектов
тобы
наш урок не был чисто теоретическим, перейдем к созданию графических примитивов,
чтобы воспользоваться полученной информацией и сделать первые шаги.
Формирование графических примитивов
Рисование таких простейших фигур, как прямоугольники (Rectangle),
закругленные прямоугольники (Rounded Rectangle), эллипсы (Ellipse),
многоугольники (Polygon), звезды (Star) и
блики (Flare), осуществляется в программе обычным образом —
с помощью соответствующих инструментов из палитры. Нажатие клавиши Shift
в процессе рисования приводит к формированию вместо прямоугольника
квадрата, а вместо эллипса — круга. Кроме того, параметры геометрической фигуры
можно корректировать из меню, для чего нужно щелкнуть мышью на листе и изменить
параметры (делается это до формирования объекта). И если в случае, например,
прямоугольника можно менять только его ширину (Width) и высоту
(Height), то для многоугольников можно изменить радиус (Radius)
и число углов (Sides), а для звезд — число вершин (Points),
внешний и внутренний радиусы.
Цвет заливки геометрической фигуры, равно как и цвет обводки, может быть определен
как предварительно, так и после ее изображения — в том случае, если фигура выделена.
Давайте создадим, например, изображение звезды. С этой целью дважды щелкните
в палитре на квадратике Fill и установите нужный цвет для заливки
фигуры. Затем активизируйте квадратик Stroke и определите цвет
границы. Выберите из палитры инструмент Star (по умолчанию
он скрывается под инструментом Rectangle, и его можно найти,
удерживая клавишу Alt) и сформируйте звезду нужного размера
(рис. 16).
Рис. 16. Внешний вид звезды
Активизируйте палитру Stroke, увеличьте ширину границы (например,
до 30 пикселов) и установите средние значения параметров Cap
и Join — вершины звезды примут округлую форму (рис. 17).
Рис. 17. Звезда после корректировки границы в палитре Stroke
После этого откройте палитру Swatches и закрасьте звезду подходящим
градиентом или узором, например как на рис. 18.
Рис. 18. Внешний вид звезды после закраски градиентом из палитры Swatches
Вполне возможно, что ассортимент имеющихся в палитре Swatches
градиентов вас не устроит, можно его слегка скорректировать. В этом случае командой
Window=>Gradient (Окно=>Градиент) откройте палитру Gradient
и перетащите маркеры градиента (они помещены в виде квадратиков под полосой
изменения цветов градиента) нужным образом (рис. 19). Представленный вариант
настройки градиента получился столь легко и просто только потому, что изначально
в палитре Swatches был удачно подобран градиент. Полная же
настройка градиента — занятие более долгое.
Рис. 19. Результат настройки градиента
Попробуйте теперь в новом документе создать звезду с большим количеством вершин
и закрасить ее вручную подобранным градиентом. Установите вариант None
как для цвета заливки, так и для цвета границы. Выберите инструмент Star
и щелкните на листе — появится меню настройки параметров звезды, в
котором нужно определить желаемые установки, например как на рис. 20. Получится
пока не закрашенная звезда (рис. 21).
Рис. 20. Настройка параметров звезды
Рис. 21. Начальный вид звезды
Командой Window=>Gradient (Окно=>Градиент) откройте
палитру градиента. По умолчанию здесь настроен линейный черно-белый градиент,
который нетрудно заменить на радиальный (рис. 22). После этого щелкните на белом
квадратике в левом нижнем углу палитры Gradient (рис. 23),
затем дважды щелкните на квадратике Fill в палитре инструментов и установите
нужный цвет. Затем щелкните на черном квадратике в правом нижнем углу палитры
Gradient и точно так же установите второй цвет. Результат будет
примерно такой, как на рис. 24.
Рис. 22. Замена линейного градиента на радиальный
Рис. 23. Щелчок на нижней границе цвета в палитре Gradient
Рис. 24. Внешний вид звезды после настройки градиента и соответствующая заливке
палитра Gradient
Следует иметь в виду, что существуют очень удобные способы управления процессом
рисования графических примитивов. Например, создавая многоугольник, звезду или
блик, можно воспользоваться клавишами-стрелками, которые позволят увеличивать
или уменьшать число вершин многоугольника и звезды и количество витков спирали
прямо в ходе рисования. Нажатая клавиша Shift при рисовании
позволит выравнивать создаваемый объект по горизонтали и вертикали. Нажав клавишу
Пробел при рисовании, можно сразу переместить объект на нужное
место, а клавиша Ctrl позволяет изменять степень заостренности
лучей звезды.
Простейшие действия над объектами
Обратите внимание, что любое действие производится только в отношении одного
или нескольких выделенных объектов, причем целые группы объектов можно одновременно
перемещать, изменять размеры, одновременно перекрашивать, накладывать на них
различные фильтры. К примеру, перекраска будут осуществлена мгновенно в отношении
всех выделенных объектов при смене цвета заливки Fill (рис.
25).
Рис. 25. Одновременная перекраска двух выделенных объектов
Трансформация объекта инструментом Direct Selection
Нарисуйте прямоугольник и сделайте рядом его вторую копию (для образца) обычным
образом через буфер обмена (команды Edit=>Copy — Редактирование=>Копирование
и Edit=>Paste — Редактирование=>Вставка), затем снимите
с полученной копии выделение командой Select=>Deselect (Выделение=>Ничего
не выделено) или просто щелкнув на свободном месте рабочей области. Выберите
инструмент Direct Selection, подведите его к одному из углов
прямоугольника и потяните, превратив его в трапецию (рис. 26).
Рис. 26. Трансформация прямоугольника инструментом Direct Selection
Масштабирование и повороты
В отличие от Photoshop, инструменты масштабирования и поворотов вынесены в
программе Illustrator непосредственно на панель инструментов, так что работать
с ними легко и просто. Например, сделаем копию звездочки, изображенной на рис.
27, командами Edit=>Copy (Редактирование=>Копировать)
и Edit=>Paste (Редактирование=>Вставить), уменьшим ее
в размерах и переместим в центр большой звезды. Для уменьшения размера (учитывая,
что скопированная звезда выделена) выберем на панели инструментов инструмент
Scale (Масштаб), дважды щелкнув по инструменту, — откроется
окно масштабирования. Включим в окне Scale флажок Preview (Предварительный
просмотр), чтобы сразу видеть все изменения на рисунке, и настроим значение
масштаба подходящим образом (рис. 28). Затем выделим уменьшенную копию звездочки
инструментом Direct Selection и перетащим ее в центр большой
звезды. Идеально расположить объекты относительно друг друга довольно сложно
(хотя на практике подобные операции приходится выполнять сплошь и рядом), поэтому
нужно выделить обе звездочки. Откроем палитру Windows=>Align
(Окно=>Выравнивание; рис. 29) и центрировать их относительно друга, последовательно
щелкнув на кнопках Horizontal Align Center (Горизонтальное
выравнивание относительно центра) и Vertical Align Center (Вертикальное
выравнивание относительно центра). Результат представлен на рис. 30.
Рис. 27. Исходное изображение
Рис. 28. Изменение масштаба выделенного объекта
Рис. 29. Палитра Align
Рис. 30. Результат центрирования звезд
Затем, не снимая выделения с объектов, дважды щелкните на инструменте Rotate
(Поворот), после чего откроется окно настройки поворота. Включите флажок Preview
(Предварительный просмотр) и начните понемногу поворачивать звезды, постепенно
доведя их до желаемого положения (рис. 31). Можно поворачивать объекты и по-другому,
выбрав инструмент Rotate одним щелчком (никакого окна настроек
в этом случае открываться не будет, но на рисунке будет обозначен центр поворота)
и начав поворачивать объект мышью (рис. 32).
Рис. 31. Поворот объектов путем определения настроек в окне Rotate
Рис. 32. Поворот объектов мышью
Масштабирование можно выполнить и другими способами: либо просто одинарным
щелчком выбрав инструмент Scale и переместив одну из вершин
объекта, либо поместить объект в габаритный прямоугольник, выделив его инструментом
Selection и переместив маркеры габаритного прямоугольника.
При этом перемещение боковых маркеров обеспечивает масштабирование только по
горизонтали или по вертикали, а перемещение угловых маркеров — одновременно
по горизонтали и по вертикали (рис. 33). Для масштабирования с сохранением пропорций
следует удерживать клавишу Shift; клавиша Alt
позволяет осуществить масштабирование из центра объекта.
Рис. 33. Масштабирование группы объектов на основе габаритного
прямоугольника
Свободная трансформация
Существует еще одна возможность масштабирования и поворота, реализуемая всего
одной кнопкой палитры инструментов, — Free Transform (Свободная
трансформация). При выборе данного инструмента выделенные объекты автоматически
заключаются в габаритный контейнер, который можно и масштабировать, и поворачивать.
Руководствоваться при этом следует внешним видом маркера: если он представляет
собой изогнутую стрелку, то при движении мыши будет осуществляться поворот объектов,
а если маркер выглядит как прямая стрелка, то будет происходить изменение размеров
фигуры.
Использование фильтров для формирования более сложных объектов
Исходное число графических примитивов, увы, невелико, и невозможно обойтись
только ими при создании нужного изображения. Однако Illustrator предоставляет
массу возможностей для изменения исходных фигур, при этом получающиеся изображения
будут куда как далеки от обычных прямоугольников, многоугольников и звезд. Так,
фильтр Pucker & Bloat (Сморщивать и раздувать) формирует
на основе исходного изображения выпуклые или вогнутые кривые, что очень подходит
для рисования цветков, геральдических знаков и пр. Фильтр Twist
(Изгиб) закручивает объект в центре сильнее, чем по краям, создавая эффектные
вихри из обычных многоугольников, и т.п.
Воспользуемся созданной в предыдущем примере звездой (рис. 34). Выделим ее
инструментом Direct Selection, а потом применим к ней один
из многочисленных вариантов деформации командой Effect=>Distort &
Transform=>Pucker & Bloat (Эффект=>Искажение и трансформация=>Сморщивать
и раздувать). В зависимости от настроек деформации можно получить самые разные
фигуры — начиная от солнышка (рис. 35) и кончая ромашкой (рис. 36). Обратите
внимание, что флажок Preview (Предварительный просмотр) должен
быть обязательно включен, иначе вы не сможете наблюдать за преобразованием изображения
по мере изменения параметра.
Рис. 34. Исходное изображение
Рис. 35. Солнышко (указаны настройки Pucker & Bloat)
Рис. 36. Ромашка (указаны настройки Pucker & Bloat)
Не менее оригинальные эффекты можно получить, если взять за основу другие графические
примитивы. В частности, из восьмиугольника можно получить эффектные варианты
цветов (рис. 37, 38), а из окружности — интересный символ, который может быть
задействован, например, при создании логотипа (рис. 39).
Рис. 37. Первый вариант цветка (указаны настройки Pucker &
Bloat)
Рис. 38. Второй вариант цветка (указаны настройки Pucker &
Bloat)
Рис. 39. Возможный фрагмент логотипа (указаны настройки Pucker & Bloat)
Не менее интересные эффекты получаются при наложении на геометрические примитивы
других фильтров из группы Distort & Transform (Искажение
и трансформация). Исходное изображение выглядит в соответствии с рис. 40, а
результат применения команды Effect=>Distort & Transform=>Twist
(Эффект=>Искажение и трансформация=>Изгиб) может напоминать эффектный
завиток (рис. 41).
Рис. 40. Исходное изображение
Рис. 41. Завиток (указаны настройки фильтра Twist)
Перекрасьте исходную звездочку голубоватым градиентом, более подходящим для
снежинок, и попробуйте воспользоваться фильтром ZigZag, вызываемым
командой Effect=>Distort & Transform=>ZigZag (Эффект=>Искажение
и трансформация=>Зигзаг). При этом может быть получено невероятное множество
разнообразных снежинок (рис. 42).
Рис. 42. Снежинки (указаны настройки фильтра ZigZag)
А теперь в новом документе нарисуйте серию кружков, как показано на рис. 43,
выделите их инструментом Direct Selection и превратите в замысловатые
чернильные кляксы командой Effect=>Distort & Transform=>Roughen
(Эффект=>Искажение и трансформация=>Шипы; рис. 44, 45).
Рис. 43. Исходное изображение
Рис. 44. Настройка фильтра Roughen
Рис. 45. Чернильные кляксы
Создание сложных объектов посредством вырезания составных частей графических примитивов
Рассмотрим один из простейших примеров разрезания объектов для формирования
довольно эффектного узора. Создайте многоугольник и лежащую на нем звезду, залитые
градиентом, — примерно так, как на рис. 46. Разместите их симметрично, щелкнув
на кнопках Horizontal Align Center (Горизонтальное выравнивание
относительно центра) и Vertical Align Center (Вертикальное
выравнивание относительно центра) в палитре Align (Выравнивание),
открыв последнюю командой Windows=>Align (Окно=>Выравнивание).
Выделите оба объекта инструментом Direct Selection при нажатой
клавише Shift. Откройте палитру Pathfinder
(Следопыт) командой Window=>Pathfinder (Окно=>Следопыт)
и щелкните на кнопке Divide (Разрезать; рис. 47) — в итоге
будут произведены разрезы в местах пересечения наложенных друг на друга фигур.
Откажитесь от выделения командой Select=>Deselect (Выделение=>Ничего
не выделено) и выделите только те фрагменты изображения, которые показаны на
рис. 48.
Рис. 46. Исходное изображение
Рис. 47. Разрезание исходного изображения
Рис. 48. Выделение вырезанных частей изображения для первого масштабирования
Щелкните дважды на инструменте Scale и настройте параметры
масштабирования (рис. 49) — результат может напоминать изображение на рис. 50.
После этого выделите фрагменты (рис. 51) и осуществите тот же вариант масштабирования
(рис. 52).
Рис. 49. Настройка параметров масштабирования
Рис. 50. Внешний вид изображения после первого масштабирования
Рис. 51. Выделение вырезанных частей изображения для второго масштабирования
Рис. 52. Внешний вид изображения после второго масштабирования
В качестве завершающего штриха выделите все фрагменты изображения и примените
фильтр Twist, воспользовавшись командой Effect=>Distort
& Transform=>Twist (Эффект=>Искажение и трансформация=>Изгиб)
при угле поворота равном 150. Полученное изображение будет напоминать рис. 53.
Рис. 53. Окончательный вид изображени
КомпьютерПресс
7’2004