Учебное пособие по программе Adobe Illustrator

Содержание: Введение. 4 1. Интерфейс программы.6 2. Начало работы в Illustrator.11 3. Создание контуров. 13 Практическая работа «Рисуем Старый Ключ». 16 Практическая работа «Упражнения с инструментом Pen». 17 Практическая работа «Рождественские колокольчики в Illustrator». 18 4.  Кисти в Illustrator. 20 Практическая работа «Использование кистей». 22 Практическая работа «Елочная ветка».23 5. Рисование основных фигур. 25 Практическая работа «Создание ключа из составных фигур». 28 6. Линейные объек...
Раздел Другое
Класс -
Тип Другие методич. материалы
Автор
Дата
Формат docx
Изображения Есть
For-Teacher.ru - все для учителя
Поделитесь с коллегами:

Учебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe Illustrator

ГБОУ Профессиональный лицей № 41

2012 год

Учебное пособие

Adobe Illustrator

Григорьева Светлана Валерьевна


Содержание:

Введение

Учебное пособие по программе Adobe Illustrator

Adobe Illustrator - векторный графический редактор, разработанный и распространяемый фирмой Adobe Systems.

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

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

  • Масштабируема без потерь в разрешении

  • Линии четкие и ровные при любых размерах

  • Печать на высоких разрешениях

  • Меньший размер файлов

  • Хорошо подходит для создания иллюстраций

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

  • Рисунки склонны выглядеть плоскими и «мультяшными»

  • Тяжело создать фотореалистичные изображения

Где используют Illustrator

1) Дизайн логотипов

Учебное пособие по программе Adobe Illustrator

2) Создание карт

Учебное пособие по программе Adobe Illustrator

3) Создание иллюстраций

Учебное пособие по программе Adobe Illustrator

4) Дизайн упаковок

Учебное пособие по программе Adobe Illustrator

5) Создание визиток

Учебное пособие по программе Adobe Illustrator

1. Интерфейс программы

Учебное пособие по программе Adobe Illustrator

Окно программы состоит из следующих элементов:


  1. Строка заголовка - отображает название программы, название документа и кнопки управления окном.

  2. Строка меню - содержит меню, в которых содержаться команды.

    • File (Файл)

    • Edit (Правка)

    • Object (Объект)

    • Туре (Текст)

    • Select (Выделение)

    • Filter (Фильтр)

    • Effect (Эффект)

    • View (Просмотр)

    • Window (Окно)

    • Help (Помощь)

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

  4. Панель инструментов - содержит инструменты программы, каждому инструменту соответствует свой значок.

  5. Дополнительные всплывающие палитры - дополнительные окна, необходимые в процессе работы.

  6. Окно документа - состоит из рабочей и монтажной области, в которых отображается рисунок.

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

  8. Строка состояния - располагается в нижней левой части окна, отображает сведения о текущем состоянии выбранного инструмента.

  9. Полосы прокрутки - служат для прокрутки окна документа..

Панель инструментовУчебное пособие по программе Adobe Illustrator

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

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

1 группа - инструменты выделения:

1) Учебное пособие по программе Adobe IllustratorSеlection Tool (V) (Выделение), он предназначен для выделения, перемещения, масштабирования и поворота объектов.

2) Direct Sеlection Tool (A) (Направленное выделение) - предназначен для выделения и редактирования узлов и сегментов.

  • Учебное пособие по программе Adobe IllustratorGroup Sеlection Tool (Групповое выделение) - позволяет выделять отдельные объекты в пошаговых переходах и группах.

3) Magic Wand Tool (Y) (Волшебная палочка) - позволяет выделять все объекты с одинаковой заливкой.

4) Lasso Tool (Q) (Лассо) - позволяет выделить сразу несколько узлов всех объектов.

2 группа - основные инструменты рисования:

1) Учебное пособие по программе Adobe IllustratorPen Tool (P) (Перо) - предназначен для рисования кривых.

  • Учебное пособие по программе Adobe IllustratorAdd Anchor Point Tool (+) - позволяет добавить узлы в уже существующем контуре.

  • Учебное пособие по программе Adobe IllustratorDelete Anchor Point Tool (-) - позволяет удалять лишние узлы.

  • Учебное пособие по программе Adobe IllustratorConvert Anchor Point Tool (Shift+C) - предназначен для редактирования контуров.

2) Учебное пособие по программе Adobe IllustratorType Tool (Текст). С его помощью можно создавать два типа текста: простой (абзацный) и фигурный.

  • Учебное пособие по программе Adobe IllustratorArea Type Tool - текст в области.

  • Учебное пособие по программе Adobe IllustratorType on a Path Tool - текст вдоль кривой или вдоль объекта.

  • Учебное пособие по программе Adobe IllustratorVertical Type Tool - вертикальный текст

  • Учебное пособие по программе Adobe IllustratorVertical Area Type Tool - вертикальный текст в области

  • Учебное пособие по программе Adobe IllustratorVertical Type on a Path Tool - вертикальный текст вдоль контура.

3) Учебное пособие по программе Adobe IllustratorLine Segment Tool (Линия) - предназначен для рисования прямых линий под разными углами.

  • Учебное пособие по программе Adobe IllustratorArc Tool (Дуга) - предназначен для создания изогнутых линий.

  • Учебное пособие по программе Adobe IllustratorSpiral Tool предназначен для рисования спиралей.

  • Учебное пособие по программе Adobe IllustratorRectangular Grid Tool - прямоугольная сетка.

  • Учебное пособие по программе Adobe IllustratorPolar Grid Tool - полярная сетка (круглая).

4) Учебное пособие по программе Adobe IllustratorRectangle Tool (M) - служит для построения прямоугольников.

  • Учебное пособие по программе Adobe IllustratorRounded Rectangle Tool - прямоугольник со скругленными углами.

  • Учебное пособие по программе Adobe IllustratorPolygon Tool - предназначен для создания многоугольников.

  • Учебное пособие по программе Adobe IllustratorStar Tool - предназначен для рисования звезд с различным колическтвом вершин.

  • Учебное пособие по программе Adobe IllustratorFlare Tool - блик

5) Учебное пособие по программе Adobe IllustratorPencil (Карандаш) - служит для рисования простых линий.

  • Учебное пособие по программе Adobe IllustratorSmooth Tool -служит для сглаживания линий.

  • Учебное пособие по программе Adobe IllustratorErase Tool - применяется для удаления сегментов.

6) Учебное пособие по программе Adobe IllustratorPaintbrush (Кисть) - позволяет рисовать кистью.

3 группа - инструменты трансформации и деформации

1) Учебное пособие по программе Adobe IllustratorRotate Tool (R) - осуществляет поворот объекта.

  • Учебное пособие по программе Adobe IllustratorReflect Tool (O) - осуществляет зеркальное отражение объекта по вертикали или по горизонтали.

2) Учебное пособие по программе Adobe IllustratorScale Tool (S) - масштабирование объекта.

  • Учебное пособие по программе Adobe IllustratorShear Tool - перекос объекта под определённым углом.

  • Учебное пособие по программе Adobe IllustratorReshape Tool позволяет искажать сегмент. Для деформации необходимо выделить не весь объект, а лишь узлы.

3) Учебное пособие по программе Adobe IllustratorWarp Tool (Shift+R) - искажение объектов. Вы можете тянуть любой участок объекта.

  • Учебное пособие по программе Adobe IllustratorTwirl Tool - предназначен для закручивания части объекта.

  • Учебное пособие по программе Adobe IllustratorPucker Tool сжатие объекта, позволяет уменьшить часть объекта.

  • Учебное пособие по программе Adobe IllustratorBloat Tool - раздутие объекта, увеличивает часть объекта.

  • Учебное пособие по программе Adobe IllustratorScallop Tool (Волны), Учебное пособие по программе Adobe IllustratorCrystallize Tool (Кристаллизация) и Учебное пособие по программе Adobe Illustrator Wrinkle Tool (Каракули) выполняют схожие преобразования.

4) Учебное пособие по программе Adobe IllustratorFree Transform Tool (E) - свободная трансформация.

4 группа - инструменты для работы с графикой (символы, диаграммы)

1) Учебное пособие по программе Adobe IllustratorSymbol Sprayer Tool (Shift+S) позволяет «распылять» символы, располагая их в рабочей области документа.

  • Учебное пособие по программе Adobe IllustratorSymbol Shifter Tool - позволяет располагать символы в определённом направлении.

  • Учебное пособие по программе Adobe IllustratorSymbol Sсruncher Tool - сближает символы.

  • Учебное пособие по программе Adobe IllustratorSymbol Sizer Tool - позволяет масштабировать символы.

  • Учебное пособие по программе Adobe IllustratorSymbol Spinner Tool - поворачивает символы.

  • Учебное пособие по программе Adobe IllustratorSymbol Stainer Tool - тонирует символы определенным цветом.

  • Учебное пособие по программе Adobe IllustratorSymbol Screener Tool - позволяет изменять прозрачность символов.

  • Учебное пособие по программе Adobe IllustratorSymbol Styler Tool - плавно изменяет стиль символов.

2) Учебное пособие по программе Adobe IllustratorColumn Graph Tool (J) (вертикальная диаграмма) - один из инструментов для создания диаграмм. Существует ещё восемь инструментов для создания диаграмм:

  • Учебное пособие по программе Adobe IllustratorStacked Column Graph Tool - вертикальный стек

  • Учебное пособие по программе Adobe IllustratorBar Graph Tool - горизонтальная диаграмма

  • Учебное пособие по программе Adobe IllustratorStacked Bar Graph Tool - горизонтальный стек

  • Учебное пособие по программе Adobe IllustratorLine Graph Tool - линейный график

  • Учебное пособие по программе Adobe IllustratorArea Graph Tool - график с областями

  • Учебное пособие по программе Adobe IllustratorScatter Graph Tool - точечный график

  • Учебное пособие по программе Adobe IllustratorPie Graph Tool - круговая диаграмма

  • Учебное пособие по программе Adobe IllustratorRadar Graph Tool - радиальная диаграмма.

5 группа - инструменты заливки объектов цветом.

  1. Учебное пособие по программе Adobe IllustratorMesh Tool (U) - сеточная заливка.

  2. Учебное пособие по программе Adobe IllustratorGradient Tool (G) - градиентная заливка.

  3. Учебное пособие по программе Adobe IllustratorEyedropper Tool (I) - пипетка. Она может брать информацию о заливке и обводке объекта (цвет, непрозрачность, толщину линий, стиль и др.), а также информацию о стиле текста.

  • Учебное пособие по программе Adobe IllustratorMeasure Tool - линейка. Позволяет измерять объекты (размеры по X и Y, длину, угол наклона и координаты точки).

  1. Учебное пособие по программе Adobe IllustratorPaint Bucket Tool (K) - заливка. Применяет к объекту те же свойства, которые можно копировать с помощью пипетки.

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

  1. Учебное пособие по программе Adobe IllustratorBlend Tool (W) позволяет создавать пошаговые переходы между объектами.

  2. Учебное пособие по программе Adobe IllustratorLive Paint Selection Tool - живая краска.


  1. группа - инструменты разрезания, перемещения и масштаба.

1) Учебное пособие по программе Adobe IllustratorSlice Tool (Shift + K) позволяет создавать линии разреза.

  • Учебное пособие по программе Adobe IllustratorSlice ion Tool - предназначен для редактирования линий разреза.

2) Учебное пособие по программе Adobe IllustratorScissors Tool (C) - ножницы. Этот инструмент применяется для разрезания и последующего размыкания контура.

  • Учебное пособие по программе Adobe IllustratorKnife Tool - нож. С его помощью можно разрезать объекты.

3) Учебное пособие по программе Adobe IllustratorHand Tool (H) позволяет передвигаться в рабочей области документа.

  • Учебное пособие по программе Adobe Illustrator4) Учебное пособие по программе Adobe IllustratorZoom Tool (Z) является альтернативой горячих клавиш «Ctrl» + «+» и «Ctrl» + «-». Позволяет изменять масштаб страницы.

    Учебное пособие по программе Adobe IllustratorСледующий элемент в панели инструментов Toolbox является одним из важнейших. С его помощью работают с цветом. Верхний квадрат определяет цвет заливки, а нижний - цвет обводки.

    Ниже этого элемента расположена группа инструментов, позволяющая изменять тип заливки:

    Учебное пособие по программе Adobe IllustratorColor (Цвет), Gradient (Градиент) и None (Нет цвета).

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

    Учебное пособие по программе Adobe Illustrator

    Первая пиктограмма (Standart Screen Mode) возвращает интерфейс программы в стандартный вид;

    вторая пиктограмма (Full Screen Mode With Menu Bar) задаёт полноэкранный режим (при этом панель меню не исчезает);

    Full Screen Mode также задаёт полноэкранный режим, но при этом исчезают все панели кроме Toolbox, доступны также палитры.

    Дополнительные всплывающие палитры

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

    Список основных палитр:

    • Actions (Действия) - позволяет записывать последовательности команд, которые можно повторять в любое время.

    • Align (Выравнивание) (Shift+F7) - средства выравнивания объектов в документе.

    • Appearance (Вид) (Shift+F6) - отображает различные атрибуты текущего объекта: толщина линии и цвет заливки.

    • Brushes (Кисти) (F5) - служит для выбора кистей.

    • Color (Цвет) (F6) - позволяет выбрать цвет объекта.

    • Document Info (Сведения о документе) - название, цветовой профиль и размеры.

    • Gradient (Градиент) (F9) - используется для изменения цветов градиента.

    • Layers (Слои) (F7) - служит для работы со слоями документа.

    • Magic Wand (Волшебная палочка) - отображает параметры инструмента Волшебная палочка.

    • Navigator (Навигатор) - позволяет легко перемещаться по документу.

    • Pathfinder (Контуры) (Shift+F9) - определяет параметры взаимодействия контуров.

    • Stroke (Обводка) - позволяет определить параметры обводки.

    • Styles (Стили) (Shift+F5) - позволяет применять стили к объектам.

    • Swatches (Образцы) - стандартные градиенты, цвета и узоры.

    • Simbols (Символы) (Shift+F11) - содержит различные символы и позволяет работать с символами.

    • Transform (Преобразование) (Shift+F8) - используется для трансформации объектов: перемещения, изменения масштаба и поворота.

    • Transparency (Прозрачность) (Shift+F10) - позволяет задать непрозрачность объекта.

    • Type (Текст) - позволяет форматировать шрифт выделенного текста.

    Учебное пособие по программе Adobe Illustrator

    2. Начало работы в Illustrator

    Создание нового документа

    Для создания нового документа необходимо выполнить команду New (Новый) в меню File (Файл).

    Учебное пособие по программе Adobe Illustrator

    Диалоговое окно New Document

    На экран выводится диалоговое окно New Document (Новый документ), в котором можно определить следующие параметры:

    • имя документа в поле Name (Имя), по умолчанию предлагается имя Untitled - с порядковым номером. Пользователь вправе принять данное имя или ввести любое другое;

    • цветовую модель: в поле Color Mode (Цветовая модель) предлагаются переключатели CMYK Color (Цвета модели CMYK) и RGB Color (Цвета модели RGB);

    • размер страницы документа: в поле Artboard Setup (Установка рабочей страницы) можно определить ее ширину (поле Width) и высоту (поле Height) или выбрать из списка Size (Размер). В поле Orientation (Ориентация) две кнопки позволяют наглядно определить расположение страницы: книжное или альбомное.

    В списке Units (Единицы измерения) представлены следующие варианты:

    • Points (Пункты);

    • Millimeters (Миллиметры);

    • Picas (Пики);

    • Centimeters (Сантиметры);

    • Inches (Дюймы);

    • Pixels (Пиксели).

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

    • Команда Save (Сохранить) меню File (Файл) сохраняет текущий документ под тем же именем, в ту же папку и в том же формате.

    • Команда Save As (Сохранить как) дает возможность сохранить текущий документ под другим именем, в другую папку и даже в другом формате. При сохранении нового документа или при выполнении этой команды на экран выводится диалоговое окно Save As (Сохранить как).

    Учебное пособие по программе Adobe Illustrator

    Диалоговое окно Save As

    • Команда Save a Copy (Сохранить копию) меню File (Файл) служит для сохранения копии текущего документа, добавляя к имени файла слово "Сору".

    Установка параметров страницы

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

    Учебное пособие по программе Adobe Illustrator

    Рис. Диалоговое окно Document Setup при выборе варианта Artboard


    При выборе варианта Artboard (Монтажная область) в диалоговом окне представлены все параметры формата страницы.

    Список Size (Размер) предлагает выбор стандартных форматов печатных страниц. После выбора варианта в полях Width (Ширина) и Height (Высота) отображаются размеры страницы. Если в этих полях ввести произвольные значения, то в списке будет отображен вариант Custom (Заказной).

    В списке Units (Единицы) можно установить другую единицу измерения.

    Две кнопки в поле Orientation (Ориентация) позволяют определить расположение документа на печатной странице: книжная (включена по умолчанию) или альбомная.

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

    Режимы отображения

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

    Режим Outline (Контур) обеспечивает отображение всего документа в контурном виде.

    Режим Pixel Preview (Отображение в пикселях) позволяет представить изображение в том виде, как оно отображается в Web-браузерах. При активизации этого режима векторное изображение мгновенно преобразуется в пиксельное.

    Режим Overprint Preview (Отображение наложения) полезен при подготовке документа для полиграфического исполнения, поскольку позволяет увидеть области наложения цветов (overprint).

    3. Создание контуров


    Контур (path) - это линия, создаваемая с помощью инструментов рисования, которая состоит из нескольких сегментов, соединенных в опорных точках или узлах.

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

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

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


    Инструменты группы Pencil:

    1) Pencil (Карандаш) предназначен для рисования произвольных линий.

    Если дважды щелкнуть по инструменты карандаш, можно настроить основные параметры:

    Учебное пособие по программе Adobe Illustrator

    Рис. Диалоговое окно Pencil Tool Preferences

    В разделе Tolerances (Допуски) представлены два параметра, влияющих на характер контура:

    • Fidelity (Точность) определяет расстояние в пикселях, на которое может отклоняться курсор при рисовании: чем меньше значение, тем точнее линия и тем больше будет опорных точек, а чем выше, тем "глаже" будет линия.

    • Smoothness (Гладкость) определяет сглаженность контура в диапазоне от 0 до 100%, при этом, чем больше значение, тем контур более сглажен.

    Установка флажка Keep selected (Оставить выделенным) обеспечивает автоматическое выделение контура после его создания.

    Нарисованную незамкнутую линию можно продолжить. Для этого ее следует выделить, затем подвести курсор к одной из конечных точек и, нажав кнопку мыши, провести линию дальше. Возможность эта становится доступной, если установить флажок Edit selected paths (Редактировать выделенные контуры).

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


    2) Smooth (Сглаживание) позволяет сгладить форму контура.

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


    3) Инструмент Erase (Ластик) позволяет удалять часть контура.

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




    Инструменты группы Реn.

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

    Простейшим графическим элементом является прямая линия, построить которую достаточно легко, используя инструмент Реn (Перо).

    Для этого необходимо включить инструмент, подвести курсор к начальной точке и щелкнуть левой кнопкой мыши. На месте щелчка появляется заполненный квадратик, отображающий первую опорную точку сегмента, которая является активной до создания следующей точки. Затем нужно переместить курсор на новое место, где должна располагаться следующая точка, и снова щелкнуть левой кнопкой мыши. Две точки соединяются прямой линией. Если необходима линия с углом наклона, кратным 45 градусам, следует удерживать клавишу Shift.


    Изменение формы выделенного сегмента.

    Для изменения формы криволинейного сегмента следует использовать инструмент Direct Selection (Частичное выделение).

    Учебное пособие по программе Adobe Illustrator

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

    Для того чтобы преобразовать гладкую опорную точку в угловую или наоборот, следует включить инструмент Direct Selection (Частичное выделение) или выбрать инструмент Convert Anchor Point (Преобразовать опорную точку) в группе Реn (Перо).


    Инструмент Reshape (Форма).

    Если щелкнуть инструментом Reshape (Форма) на сегменте, то образуется новая выделенная опорная точка, которая также может служить основой при перемещении. Таких опорных точек, которые не изменяют своего расположения относительного друг друга, может быть неограниченное количество. Новые опорные точки добавляются в число выделенных при нажатой клавише Shift или с помощью рамки выделения.

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


    Добавление и удаление опорных точек.

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

    Для добавления и удаления опорных точек используются специальные инструменты группы Реn (Перо): Add Aachor Point (Добавить опорную точку) и Delete Anchor Point (Удалить опорную точку).




    Инструмент Scissors (Ножницы).

    Разбиение контура означает получение из одной опорной точки двух точек, независимых друг от друга. Эту операцию можно осуществить с помощью инструментов Scissors (Ножницы) и Knife (Нож).

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


    Инструмент Knife.

    Разбить объект можно с помощью инструмента Knife (Нож). Для этого необходимо включить инструмент и протянуть над объектом или группой объектов линию предполагаемого разбиения. Если требуется разбиение по прямой линии, то следует удерживать нажатой клавишу Alt.


    Выравнивание опорных точек.

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

    Для того чтобы добиться того же результата в уже имеющемся контуре, необходимо использовать команду Average (Усреднить) меню Object / Path (Объект / Контур), которая выводит на экран одноименное диалоговое окно.

    Для того чтобы выровнять определенные опорные точки по горизонтали или по вертикали, их необходимо выделить с помощью инструмента Direct Selection (Частичное выделение) или использовать команду Average (Усреднить).

    Учебное пособие по программе Adobe Illustrator

    В диалоговом окне Average (Усреднить) следует установить один из трех переключателей в группе Axis (Оси):

    • Horizontal (Горизонтальная) - обеспечивает выравнивание по горизонтали;

    • Vertical (Вертикальная) - обеспечивает выравнивание по вертикали;

    • Both (Обе) - обеспечивает выравнивание по обеим осям одновременно.

    Соединение краевых опорных точек.

    Открытый контур имеет две концевых опорных точки - начальную и конечную, а у закрытого контура таких точек нет. Для преобразования открытого контура в закрытый служит команда Join (Соединить) меню Object | Path (Объект | Контур).

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

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

    Для соединения двух краевых точек их необходимо выделить с помощью инструмента Direct Selection (Частичное выделение) и выбрать команду Join (Соединить).

    Установка в группе Points (Точка) переключателя Corner (Угловая) (принимается по умолчанию) обеспечивает создание угловой опорной точки, а переключателя Smooth (Гладкая) - гладкой опорной точки.

    Практическая работа «Рисуем Старый Ключ»

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

    Учебное пособие по программе Adobe Illustrator

    Учебное пособие по программе Adobe Illustrator

    Финальная Иллюстрация

    Учебное пособие по программе Adobe Illustrator

    Практическая работа «Упражнения с инструментом Pen»

    Учебное пособие по программе Adobe Illustrator

    Учебное пособие по программе Adobe Illustrator


    Практическая работа «Рождественские колокольчики в Illustrator»


    Шаг 1. Начнем с рисования контура будущего колокольчика, используя инструмент Перо (Pen Tool). Ширину обводки зададим 5 пикселей, цвет - красный (цвет можно будет всегда изменить потом).

    Учебное пособие по программе Adobe Illustrator

    Шаг 2. Выделяем нашу линию и выбираем Эффекты->3D->Вращение (Effect->3D->Revolve).

    Учебное пособие по программе Adobe Illustrator

    Шаг 3. В открывшемся окне вы можете выбрать любые параметры и, включив режим Preview, посмотреть на получающиеся фигуры.

    Учебное пособие по программе Adobe Illustrator

    Шаг 4. Добившись нужного результата, нажимаем Ок. Обратите внимание на Панель Слоев и на то, как там отображается наш колокольчик.

    Учебное пособие по программе Adobe Illustrator

    Шаг 5. Создадим копию нашего колокольчика непосредственно позади него, нажав для этого Ctrl+С для копирования и Сtr+B для вставки позади объекта. Вставленный объект будет автоматически выделен. Изменим его цвет на зеленый. Обратите внимание на Панель Слоев. Теперь там два колокольчика. Красный наверху, зеленый - внизу.

    Учебное пособие по программе Adobe Illustrator

    Шаг 6. Подвинем зеленый колокольчик вправо и немного вниз, как показано на рисунке. Для того чтобы внести изменения, откроем панель Аттрибуты (Appearance) и, например, повернем зеленый колокольчик.

    Учебное пособие по программе Adobe Illustrator

    Конечное изображение

    Учебное пособие по программе Adobe Illustrator



    4. Кисти в Illustrator


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

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

    Работа с кистями предполагает использование специализированной палитры Brushes (Кисти), в которой выбирают вид кисти и при необходимости корректируют ее параметры. Палитра Brushes может быть открыта или закрыта и вызывается из списка палитр, открывающегося при активизации команды Window (Окно).

    Учебное пособие по программе Adobe Illustrator

    Illustrator поддерживает четыре типа кистей:

    1. каллиграфические (Calligraphic) - они напоминают кисти Photoshop, и с их помощью можно создавать изящные перьевые штрихи, являющиеся на самом деле удобными для редактирования контуров;

    2. дискретные (Scatter) - эти кисти размножают объект по заданному пути с указанными параметрами;

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

    4. узорчатые (Pattern), которые рисуют узор по заданному пути и помогают закрашивать области внутри контуров.

    По умолчанию количество всех типов кистей, появляющихся в палитре Brushes, невелико. Существенно расширить их число можно, подгружая нужные кисти из библиотек встроенных кистей, открываемых командой Window / Brush Libraries (Окно / Библиотека кистей).

    Учебное пособие по программе Adobe Illustrator

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

    Применяем начертание кисти

    Выберите инструмент Brush (Кисть) и нарисуйте ваш объект. Затем, перейдите к панели кистей и выберите стиль кисти, чтобы придать нужный эффект.

    Учебное пособие по программе Adobe Illustrator

    Стиль ручного почерка

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

    Учебное пособие по программе Adobe Illustrator

    Опции каллиграфической кисти

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

    Учебное пособие по программе Adobe Illustrator

    Практическая работа «Использование кистей»

    1. Создаем узорчатую рамку

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

    Учебное пособие по программе Adobe Illustrator

    Чтобы создать новую кисть, нарисуйте звезду и перетащите ее на панель кистей. Появится окно выделения кисти. Выберите New Pattern Brush (Новый шаблон кисти).

    Учебное пособие по программе Adobe Illustrator

    1. Устанавливаем шаблонную кисть

    Нарисуйте круг и примените новое начертание кисти.

    Учебное пособие по программе Adobe Illustrator

    Затем нарисуйте линейный путь и примените начертание кисти. Дважды кликните по кисти-звезде из вашего набора кистей, проставьте значения Scale и Spacing на 20%, чтобы получить эффект как на рисунке.

    Учебное пособие по программе Adobe Illustrator

    Практическая работа «Елочная ветка»

    Создайте кисть для иголочек. Для этого пером PenTool нарисуйте форму наподобие горизонтального овала, но с заостренными углами. Получившуюся фигуру залейте зеленым цветом, далее продублируйте ее (Сtrl+C) и вставьте в тоже самое место поверх первой (Сtrl+F). Заливаем более темным цветом, выбираем инструмент Selection Tool (Инструмент Выделение) и уменьшаем объект по одной координате, это будет конец иголки у самой веточки. Далее дублируем аналогично, изменяем самую темную фигуру, и прислоняем ее к другому краю первой фигуры

    Учебное пособие по программе Adobe Illustrator

    Выделяем все объекты и немного вытягиваем, что бы получить более длинную и немного более тонкую линию, далее все перетяните на панель Кисти (Brush). Появиться панель выбора типа создаваемой кисти, выбираем второе: new art brush (создать объектная). В появившемся окне оставьте параметры по умолчанию.

    Нарисуйте палочку коричневого цвета, Выберите в кистях кисть в виде иголок, выберите инструмент кисть (Brush) и нарисуйте иголочки.

    Учебное пособие по программе Adobe Illustrator

    Выделите всю веточку и сгруппируйте Object / Group (Объект / Сгруппировать), если необходимо немного подкорректируйте цвет (Edit / Edit Colors / Adjust Color Balance (Редактирование / Редактировать цвета / Коррекция цветового баланса).


    Учебное пособие по программе Adobe Illustrator

    В выпавшем окне поставьте галочку Preview (Просмотр) и передвиньте ползунки по вашему усмотрению. Продублируйте несколько раз веточку, поверните, уменьшайте, увеличивайте, составьте эти несколько веточек в более большую.

    Учебное пособие по программе Adobe Illustrator

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

    Можно добавить какие-либо еще объекты.

    5. Рисование основных фигур

    В этом уроке мы рассмотрим, как использовать инструменты для рисования основных фигур в Illustrator. Но для начала, рассмотрим инструменты выделения.

    Инструменты выделения

    В Illustrator существует два инструмента, используемых для выделения объектов:

    1. Seleсtion tool - используется для выделения и перемещения, а также для изменения размеров фигуры.

    2. Direct seleсtion tool - выделяет отдельный узел, а не целую фигуру. Используется для редактирования ключевых точек фигуры. Кликните в нужной точке один раз для выделения, зажмите Shift для выделения отдельных ключевых точек.

    Учебное пособие по программе Adobe Illustrator

    Инструменты создания основных фигур

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

    Учебное пособие по программе Adobe Illustrator

    Заливка и обводка фигуры

    По умолчанию фигуре ставится белая заливка и черная обводка.

    Учебное пособие по программе Adobe Illustrator

    Чтобы изменить цвет заливки или обводки необходимо дважды кликнуть на иконку Fill или Stroke на панели инструментов. Выскочит окно цветовой палитры (Color Picker), в котором можно выбрать любой цвет.

    Учебное пособие по программе Adobe Illustrator


    Чтобы удалить обводку, необходимо кликнуть по иконке None, перечеркнутой красным.

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

    Учебное пособие по программе Adobe Illustrator

    Изменение размеров и вращение фигур

    Чтобы изменить размер фигур, выделите фигуру, используя инструмент Seleсtion Tool (Выделение). Появится прямоугольная рамка выделения, потянув за угловую точку которой можно менять размер фигуры. Чтобы сохранить пропорции, нужно удерживать клавишу Shift во время перетягивания. Если зажать Alt, то размер изменится из той же точки.

    Учебное пособие по программе Adobe Illustrator

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

    Учебное пособие по программе Adobe Illustrator

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

    Учебное пособие по программе Adobe Illustrator

    Создание составных фигур

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

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

    Палитра Pathfinder (Обработка контуров) предназначена для комбинирования объектов различными способами, зачастую с образованием составных контуров. Своеобразие сложных контуров состоит в том, что пересекающиеся области двух различных контуров, становятся прозрачными.

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

    Учебное пособие по программе Adobe Illustrator

    Для комбинирования объектов следует разместить и выделить необходимые объекты, а затем нажать одну из кнопок палитры Pathfinder (Обработка контуров). В зависимости от выполняемой операции на экран может быть выведено диалоговое окно, в котором следует ввести требуемые дополнительные данные.

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

    Учебное пособие по программе Adobe Illustrator

    Практическая работа «Создание ключа из составных фигур»

    Нажмите View / Show Grid, чтобы включить сетку, затем нажмите на пункт меню Snap to Grid (Сетка и Привязка). С включенными сеткой и привязкой вы можете с легкостью размещать объекты на сетке.

    Сначала нарисуйте окружность, используя инструменты формы, зажмите Alt, кликните по окружности и перетащите созданную копию.

    Учебное пособие по программе Adobe Illustrator

    Скопируйте еще одну окружность и поместите ее поверх первых двух.

    Учебное пособие по программе Adobe Illustrator

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

    Учебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe Illustrator

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

    Учебное пособие по программе Adobe Illustrator

    Используя инструмент Selection (Выделение), выделите фигуру целиком и нажмите Window / Pathfinder чтобы вызвать функцию Pathfinder (Определение пути). Выберите Add to shape, чтобы скомбинировать фигуры.

    Учебное пособие по программе Adobe Illustrator

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

    Учебное пособие по программе Adobe Illustrator

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

    Учебное пособие по программе Adobe Illustrator

    Вот как выглядит финальная иллюстрация.

    Учебное пособие по программе Adobe Illustrator

    6. Линейные объекты

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

    Учебное пособие по программе Adobe Illustrator


    1. Инструмент Line Tool (Линия).

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

    Если во время рисования удерживать клавишу Alt, то линия синхронно увеличится в обе стороны.

    Параметры инструмента Линейный сегмент:

    Учебное пособие по программе Adobe Illustrator

    В полях Length (Длина) и Angle (Угол) можно указать соответствующие параметры линии.

    Флажок Fill Line (Цвет линии) следует установить, если требуется присвоить линии цвет переднего плана.


    1. Инструмент Arc Segment (Дуговой сегмент).

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

    Параметры инструмента Дуговой сегмент:

    Учебное пособие по программе Adobe Illustrator

    В полях Length X-Axis (Длина по оси X) и Length Y-Axis (Длина по оси Y) можно определить ширину и высоту дуги.

    В списке Туре (Тип) представлены два варианта: Opened (Открытая) и Closed (Закрытая).

    В списке Base Along (Основа вдоль) представлены два варианта X Axis (Оси X) и Y Axis (Оси Y).

    Ползунок Concave Slope Convex (Вогнутость Крутизна Выпуклость) предназначен для установки угла дуги.

    Флажок Fill Line (Цвет линии) следует установить, если необходимо присвоить дуге цвет переднего плана.

    Прямоугольник с маркерами, расположенный правее поля Length X-Axis (Длина по оси X), позволяет определить исходную точку дугового сегмента.


    1. Инструмент Spiral (Спираль).

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

    Процесс создания спирали с помощью инструмента Spiral (Спираль) похож на создание многоугольника: спираль также всегда рисуется из центральной точки.

    С помощью клавиш управления курсором в процессе создания многоугольника можно изменять количество завитков:

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

    Параметры инструмента Spiral (Спираль):

    Учебное пособие по программе Adobe Illustrator

    • В поле Radius (Радиус) следует ввести расстояние от центра спирали до ее крайней точки в диапазоне от 0 до 2889,944 мм.

    • В поле Decay (Рост) следует ввести значение уменьшения или увеличения (на какую величину последующий завиток меньше или больше предыдущего) в диапазоне от 4 до 140%.

    • Поле Segments (Число сегментов) предназначено для определения количества сегментов спирали в диапазоне от 2 до 1000 из расчета, что полный завиток спирали состоит из четырех сегментов.

    • Переключатель Style (Направление) определяет направление спирали: против часовой стрелки или по часовой стрелке.


    1. Инструмент Rectangular Grid (Прямоугольная сетка).

    Параметры инструмента Прямоугольная сетка:

    Учебное пособие по программе Adobe Illustrator

    В группе Default Size (Размер по умолчанию) можно определить размер сетки: поля Width (Ширина) и Height (Высота). Здесь же представлен прямоугольник с четырьмя маркерами, выбор одного из маркеров определяет начальную точку.

    В группах Horizontal Dividers (Горизонтальные деления) и Vertical Dividers (Горизонтальные деления) можно определить количество линеек внутри общей рамки сетки.

    Ползунки под полями Number (Число) предназначены для формирования логарифмических сеток, значение Skew (Неравномерность) может быть в диапазоне от -500 до 500. Для горизонтальных линий сдвиги осуществляются вверх (Тор) или вниз (Bottom), для вертикальных - влево (Left) или вправо (Right).

    Флажок Use Outside Rectangle As A Frame (Для внешней рамки использовать прямоугольник) позволяет использовать в качестве внешней рамки прямоугольник (флажок установлен) или четыре прямолинейных сегмента (флажок снят).

    Установка флажка Fill Grid (Заливка сетки) позволяет использовать текущий цвет переднего плана для заливки площади сетки.


    1. Инструмент Polar Grid (Полярная сетка).

    Параметры инструмента Полярная сетка:

    Учебное пособие по программе Adobe Illustrator

    В группе Default Size (Размер по умолчанию) можно определить размер прямоугольника, в который вписана сетка: поля Width (Ширина) и Height (Высота). Здесь же представлен прямоугольник с четырьмя маркерами, выбор одного из маркеров определяет начальную точку.

    В группе Concentric Dividers (Концентрические деления) и Radial Dividers (Радиальные деления) можно определить количество окружностей и радиальных линеек внутри общей рамки сетки (линия рамочной окружности не входит в это число). Поля Number (Число) ограничены диапазоном от 0 до 999 делений.

    Ползунки под полями Number (Число) предназначены для формирования логарифмических сеток, значение Skew (Неравномерность) может быть в диапазоне от -500 до 500. Для концентрических делений сдвиги осуществляются внутрь (In) или наружу (Out). Для радиальных линий сдвиги осуществляются вверх (Тор) или вниз (Bottom).

    Флажок Create Compound Paths From Ellipses (Создать составной контур из эллипсов) обеспечивает составной контур (флажок установлен) или отдельные эллипсы (флажок снят). Информацию о составных контурах см. в главе 6.

    Установка флажка Fill Grid (Заливка сетки) позволяет использовать текущий цвет переднего плана для заливки площади сетки.

    Дополнительные возможности линейных инструментов:

    • Клавиша Shift позволяет создать симметричный объект.

    • Удерживание клавиши Alt обеспечивает создание объекта из центральной точки.

    • Удерживание клавиш Shift и Alt позволяет создавать симметричный объект из центральной точки,

    • Клавиша Пробел позволяет перемещать объект в процессе создания.

    • Клавиша ~ позволяет создавать множественные объекты.

    • Клавиши F, V, X и С позволяют создавать логарифмическую сетку. Каждое нажатие увеличивает или уменьшает логарифмическую шкалу на 10 %.



    Практическая работа «Дорожные знаки»Учебное пособие по программе Adobe Illustrator

    Итак. Нам понадобятся инструменты, с помощью которых можно изобразить примитивы (линии, круги, звезды и т. п.). Так же нам понадобятся палитры Align и Stroke. Если у вас они не отображаются, то включите их с помощью пункта меню Window или комбинацией клавиш Shift+F7 и Ctrl+F10 соответственно.

    Если вы уже сталкивались с использованием Слоев (Layers) в таких программах как Adobe Photoshop, то при создании работы можете использовать их. Палитру Layers, как и предыдущие палитры можно включить через пункт меню Window или нажав клавишу F7. Если же вы не работали со cлоями - ничего страшного. Слои, безусловно, вещь удобная, но можно обойтись и без них. Учебное пособие по программе Adobe Illustrator

    Наконец, когда все готово, можно начинать. С помощью инструмента Ellipse (L) рисуем круг. Для того чтобы у вас получился именно круг, а не овал - во время построения зажмите клавишу Shift. Затем устанавливаем черную обводку и белую заливку. Если вдруг вам захотелось изменить толщину обводки это можно сделать, используя палитру Stroke.

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

    Теперь нам нужно вложить один круг в другой. Для этого оба их выделите Стрелкой Selection. А затем в палитре Align щелкните по пиктограмме Horizontal Align Center и Vertical Align Center.

    Учебное пособие по программе Adobe Illustrator

    Нарисовать стрелку можно двумя способами. Примитивами Line Segment и Polygon или используя фильтр Add Arrowheads (Filter / Stylize / Add Arrowheads).

    Чтобы выровнять стрелку по центру меньшего круга воспользуемся уже известными пиктограммами палитры Align.

    Вам будет намного удобнее в дальнейшем работать со знаком, если вы сгруппируете все его составные элементы. Для этого выделите все объекты из которых состоит знак и выполните группировку (Object / Group или Ctrl+G). Если вам потребуется разгруппировать объекты - выполните Object / Ungroup или нажмите Shift+Ctrl+G.

    Знак готов. Как видите - ничего сложного. Аналогично делаем остальные.

    Учебное пособие по программе Adobe Illustrator

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

    Учебное пособие по программе Adobe Illustrator

    Чтобы изменить размер знака или его положение выделите его с помощью Стрелки Selection, и произведите нужные изменения. Чтобы не нарушить пропорции объектов при увеличении или уменьшении используйте клавишу Shift. А чтобы параллельно увеличению размера знака увеличивалась и толщина его обводки примените команду Object / Path / Outline Stroke.

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

    Учебное пособие по программе Adobe Illustrator

    Единственное на чем еще нужно остановиться, это на уровнях расположения объектов. Как вы уже наверное заметили, в Illustrator'е каждый последующий созданный объект перекрывает предыдущий, т.е. как бы находится уровнем выше. Изменить этот уровень можно выделив объект и открыв меню Object / Arrange.

    В результате всех описанных выше не хитрых манипуляций у меня получилось следующее:

    Учебное пособие по программе Adobe Illustrator


    1. Размещение и трансформация объектов

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

Перемещение и копирование объектов

В программе Adobe Illustrator объекты можно перемещать несколькими способами:

  1. с помощью мыши;

  2. с помощью клавиш управления курсором;

  3. с помощью палитры Transform (Трансформирование);

  4. с использованием диалоговых окон Move (Перемещение) и Transform Each (Трансформировать каждый).

С помощью "перетаскивания" можно также передавать изображения между открытыми документами программ Illustrator и Photoshop.


Способы перемещения объектов

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

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

Объекты можно перемещать с помощью инструмента Free Transform (Свободное трансформирование).

Для того чтобы переместить объект на точно известное расстояние, следует воспользоваться командой Move (Перемещение) меню Object / Transform (Объект / Трансформирование), которая открывает диалоговое окно Move (Перемещение).

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

Учебное пособие по программе Adobe Illustrator

Группа Position (Позиция) предназначена для установки параметров перемещения. В полях Horizontal (По горизонтали) и Vertical (По вертикали) вводятся значения перемещения объекта по горизонтали и вертикали: положительные значения обеспечивают перемещение объекта вправо и вверх, а отрицательные - влево и вниз.

Помимо этого можно задать расстояние и угол перемещения в градусах. Для этого используются поля Distance (Расстояние) и Angle (Угол).







Перемещение нескольких объектов

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

Команда Transform Each (Трансформировать каждый) меню Object / Transform (Объект / Трансформирование) выводит на экран диалоговое окно Transform Each (Трансформировать каждый), которое позволяет "комплексно" трансформировать объекты, в том числе и перемещать, задавая значения в группе Move (Перемещение).

Флажок Random (Случайно) позволяет переместить объекты со "случайным разбросом".

Учебное пособие по программе Adobe Illustrator


Перемещение контуров с копированием

В программе Illustrator имеется специальная команда, позволяющая создавать параллельные контуры объектов - Object / Path (Объект | Контур), которая выводит на экран диалоговое окно Offset Path (Создать параллельный контур).

Учебное пособие по программе Adobe Illustrator

В поле Offset (Смещение) вводится значение сдвига копии контура: положительное значение сдвигает контур во внешнюю сторону, а отрицательное - во внутреннюю. Joins (Стыки) и Miter Limit (Срезание).

Выравнивание и размещение объектов по горизонтали и по вертикали.

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

Учебное пособие по программе Adobe Illustrator

В этой палитре в ряду Align Objects (Выровнять объекты) представлены следующие способы выравнивания:

  • по правому краю;

  • по верхнему краю;

  • по горизонтальному центру;

  • по вертикальному центру;

  • по левому краю;

  • по нижнему краю.

В ряду Distribute Objects (Распределить объекты) представлены кнопки, которые позволяют размещать выделенные объекты:

  • по равным расстояниям между верхними краями;

  • между горизонтальными центрами;

  • между нижними краями;

  • между правыми краями;

  • между вертикальными центрами;

  • между левыми краями.

В ряду Distribute Spacing (Распределить с равными промежутками) представлены кнопки, которые позволяют обеспечить одинаковые расстояния между объектами по вертикали и по горизонтали: Auto (Автоматически); цифровое значение (объекты раздвигают на это расстояние).

Если кнопки нижнего ряда отсутствуют, следует выполнить команду Show Options (Показать дополнительные поля) меню палитры.


Удаление объектов

Для удаления выделенного объекта или выделенной совокупности объектов следует нажать клавишу Delete или Backspace. Тот же результат можно получить, выполнив команду Clear (Очистить) меню Edit (Правка).


Расположение и перемещение объектов в вертикальной "стопке"

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

Все команды по перемещению объектов в "стопке" скрыты в меню Object / Arrange (Объект / Монтаж):

  • Bring to Front (На передний план) - на самый верхний уровень

  • Send to Back (На задний план) - на самый нижний уровень

  • Bring Forward (Сдвинуть вперед) - на один объект выше

  • Send Backward (Сдвинуть назад) - на один объект ниже.

Вставка объекта в "стопку"

Команды Paste in Front (Вклеить вперед) и Paste in Back (Вклеить назад) меню Edit (Правка) позволяют поместить объект, который хранится в буфере обмена, под выделенный или над выделенным объектом.

Эти команды удобно использовать вместо команд Bring Forward (Сдвинуть вперед) и Send Backward (Сдвинуть назад), если в документе множество объектов и нужно поместить объект относительно другого объекта. Для этого используется команда Cut (Вырезать) меню Edit (Правка), которая временно переносит выделенный объект в буфер обмена. Затем следует выделить объект, относительно которого помещается объект, хранящийся в буфере, и выполнить одну из рассматриваемых команд.

Для того чтобы переместить объект на определенный слой, необходимо выделить объект, выделить слой в палитре Layers (Слои), а затем выполнить команду Move to Current Layer (Перемещать на текущий слой) меню Object / Arrange (Объект / Монтаж).

Палитра Transform

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

Учебное пособие по программе Adobe Illustrator

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

Для перемещения объекта по горизонтали или по вертикали следует ввести значения в поля X или Y.

Для определения размера объекта необходимо ввести соответствующие значения в поля W (Ширина) и Н (Высота).

Для вращения объекта следует ввести значение угла поворота в нижнее поле слева, а для наклона объекта - значение угла в нижнее поле справа и нажать клавишу Enter или Таb.

В меню палитры представлены следующие команды:

  • Flip Horizontal (Горизонтальное отражение) - переворот по горизонтали;

  • Flip Vertical (Вертикальное отражение) - переворот по вертикали;

  • Scale Strokes and Effects (Масштабирование обводок и эффектов) обеспечивает трансформирование параметров обводки;

  • Transform Object Only (Трансформировать только объект);

  • Transform Pattern Only (Трансформировать только декоративную заливку);

  • Transform Both (Трансформировать объект и декоративную заливку).


Группировка объектов

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

Для того чтобы поместить совокупность объектов в группу, их необходимо выделить и выполнить команду Object / Group (Объект / Сгруппировать). Для обратной операции предназначена команда Ungroup (Разгруппировать).

Инструмент Selection (Выделение) выделяет всю группу независимо от того, на каком из объектов произведен щелчок. Для выделения объекта в составе группы следует использовать инструмент Direct Selection (Частичное выделение).




Практическая работа «Как нарисовать цветы»

Учебное пособие по программе Adobe Illustrator

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

Учебное пособие по программе Adobe Illustrator

Теперь с помощью того же пера Учебное пособие по программе Adobe Illustrator нарисуем тычинки. С помощью инструмента Учебное пособие по программе Adobe Illustrator нарисуем овал, и поместим по одному овалу, на конец каждой тычинки. Теперь сделаем так, чтобы цветок немного "светился". Подберём достаточно яркий цвет для бутона, цвет тычинок сделаем светло-голубым, а овалы пусть будут светло-зелёными. Цвет обводки для бутона сделаем белым и установим ему толщину в один пункт. Теперь выделим лепестки и в главном меню иллюстратора выберем Effect / Stylize / InnerGlow. Установим следующие параметры:

Mode: Screen

Opacity: 66%

Blur: 15.17 Edge

Учебное пособие по программе Adobe Illustrator

Теперь выделим овалы и выберем Effect / Blur / Gaussian Blur. Установим Radius 10 пикселей.

Бутон готов, теперь займёмся стеблем. Инструментом Учебное пособие по программе Adobe Illustrator рисуем линию от бутона, цвет линии зададим зелёным. Выделим получившийся стебель и из главного меню выберем Object / Path / Outline Stroke. Стебель из линии превратится в замкнутый контур, выделим его и выберем Effect / Stylize / Outer Glow

Mode: Screen

Opacity: 75%

Blur: 1.76 mm

Учебное пособие по программе Adobe Illustrator

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

Учебное пособие по программе Adobe Illustrator

Теперь добавим к стеблю листок, с помощью пера нарисуем замкнутый контур листа. Покрасим лист в зелёный цвет, контур листа зададим чёрным, толщиной 0.5 пунктов. На листе с помощью пера нарисуем прожилки, так, чтобы все они имели общие точки, далее переведём их в кривые (Object / Path / Outline Stroke) и объединим в один контур, для этого откроем палитру "Pathfinder".

Учебное пособие по программе Adobe Illustrator

Заострим кончик каждой прожилки, удалив одну опорную точку с помощью инструмента Учебное пособие по программе Adobe Illustrator.

Выделим все прожилки на листе, затем нажмём кнопку Учебное пособие по программе Adobe Illustrator и кнопку "Еxpand".

Зададим прожилкам цвет, чуть темнее цвета листа, далее зададим для прожилок эффект Effect / Blur / Gaussian Blur, Radius 12 пикселей. Приделаем листик к стеблю.

Учебное пособие по программе Adobe Illustrator

Следующим цветком будет роза. Сначала с помощью пера Учебное пособие по программе Adobe Illustrator или карандаша Учебное пособие по программе Adobe Illustratorнарисуем фигуру напоминающую бутон розы. Выделяем контур, два раза щёлкаем по инструменту Учебное пособие по программе Adobe Illustrator, устанавливаем масштаб примерно 80-85 процентов и нажимаем кнопку "Copy".

Учебное пособие по программе Adobe Illustrator

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

Внутри вручную дорисовываем несколько маленьких фигур. Теперь выделяем их все вместе, задаём красный цвет заливки и контура, затем из главного меню выбираем команду Effect / Stylize / Inner Glow. Задаём такие параметры:

Mode: Screen

Opacity: 93%

Blur: 11, Center

Учебное пособие по программе Adobe Illustrator

Теперь нарисуем листья, листья рисуются так же, как и у первого цветка, двух листьев будет достаточно, далее собираем их с верхней частью бутона. Чтобы создать переход от бутона к стеблю, зададим градиент для листьев. Направление градиента зададим с помощью инструмента Учебное пособие по программе Adobe Illustrator от верхушки бутона, к стеблю. Чтобы настроить цвета откроем палитру "Gradient" и палитру "Swatches".

Учебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe Illustrator

Нужные цвета из палитры "Swatches" в палитру "Gradient" можно перетаскивать мышью. Зададим переход от красного сначала, в оранжевый затем, в зелёный. Для листьев зададим эффект: Effect / Stylize / Outer Glow

Mode: Screen

Opacity: 75%

Blur: 6 mm


Учебное пособие по программе Adobe Illustrator

Стебель выполним как и у первого цветка, только листья сделаем более круглыми, и цвет более тёмный. Два цветка выглядят как-то печально, поэтому дорисуем третий.

Нарисуем лист, цвет заливки будет розовый, цвет контура более светлый, можно сразу задать для него эффект. Effect / Stylize / Inner Glow.

Mode: ScreenУчебное пособие по программе Adobe Illustrator

Opacity: 70%

Blur: 10, Center


Теперь, на основе этого листика сделаем бутон. Выделим листок, выберем инструмент Учебное пособие по программе Adobe Illustrator, далее, указываем точку, вокруг которой будем его разворачивать (будущий центр бутона) и удерживая нажатой, клавишу "Control" поворачиваем листок.

После этого несколько раз нажимаем "Control+D". Получим одинаковые лепестки, расположенные по кругу. Используя стрелки Учебное пособие по программе Adobe Illustrator и Учебное пособие по программе Adobe Illustrator, меняем форму и угол поворота каждого лепестка, чтобы они выглядели по-разному.

Так же создаём второй слой лепестков. Добавим сердцевину. В центре цветка нарисуем фигуру овальной, или круглой формы, заливку сделаем, контур - розовый и зададим эффект: Effect / Blur / Gaussian Blur, Radius 10 пикселов.

Учебное пособие по программе Adobe Illustrator


Стебель нарисуем так же, как и у первых двух. Цветок готов, поместим его в букет.









  1. Работа с цветами и заливками

Залить объект цветом можно несколькими способами:


  1. С помощью панели Swatches (Образцы). Для этого необходимо выделите вашу фигуру и выбрать любой цвет из предложенных в палитре.

Учебное пособие по программе Adobe Illustrator

  1. Заливка цветом при помощи цветовой палитры

Необходимо дважды щелкнуть по инструменту Fill (Заливка) на панели инструментов. Появится окно цветовой палитры, где можно выбрать нужный цвет.

Учебное пособие по программе Adobe Illustrator


  1. С помощью кнопок на панели управления

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

Учебное пособие по программе Adobe Illustrator

Применение градиента к фигурам

Чтобы применить градиент к вашей фигуре, на панели инструментов нажмите на пункт меню Gradient Fill.

Учебное пособие по программе Adobe Illustrator

Откройте панель Gradient and Color (Градиент и цвет). По умолчанию градиент стоит на шкале серого. Кликните по иконке Options в углу и поменяйте значение на режим RGB.

Учебное пособие по программе Adobe Illustrator

После того как мы перешли в режим RGB появится цветовая шкала с бегунком. Здесь можно выбрать любой цвет.

Учебное пособие по программе Adobe Illustrator

Чтобы поставить радиальный градиент, поставьте вид градиента на Radial вместо of Linear

Учебное пособие по программе Adobe Illustrator

Заливка узором

Чтобы сделать сплошную заливку узором, можно выбрать узор из меню Swatches (Образцы).

Учебное пособие по программе Adobe Illustrator

Заключение

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

Учебное пособие по программе Adobe Illustrator



Практическая работа «Как сделать страницу-заставку Illustrator»


Учебное пособие по программе Adobe Illustrator

1. Создаем лепестки цветка

Сначала создаем основу цветка с помощью инструмента Pen (Перо).

Учебное пособие по программе Adobe Illustrator

2. Применяем градиент

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

Учебное пособие по программе Adobe Illustrator

Выделите незакрашенные лепестки и, используя инструмент Eyedropper (Пипетка), скопируйте цвет на все оставшиеся лепестки.

Учебное пособие по программе Adobe Illustrator

3. Пестики

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

Затем скопируйте их.

Учебное пособие по программе Adobe Illustrator

Учебное пособие по программе Adobe Illustrator

4. Середина

Создаем круг с помощью инструмента Ellipse (Эллипс), закрашиваем радиальным градиентом (как показано на рисунке) и выбираем режим наложения Multiply в палитре Transparency.

Скопируйте полученные цветы несколько раз, сделайте цветы разной величины и различной прозрачности (параметр Opacity из палитры Transparency).


Учебное пособие по программе Adobe Illustrator


  1. Использование инструмента Символ (Symbol)

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

Все управление символами сосредоточено в специальной палитре Symbols (Символы), которая вызывается одноименной командой меню Window (Окно).

Учебное пособие по программе Adobe Illustrator

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

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

  • перетащить объект в палитру;

  • нажать кнопку New Symbol (Новый символ);

  • выполнить команду New Symbol (Новый символ) в меню палитры.

Учебное пособие по программе Adobe Illustrator

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

  • отдельные символы размещаются с помощью палитры Symbols (Символы);

  • совокупности символов размещаются с помощью специализированных инструментов. В этом случае совокупность символов предстает в качестве единого целого.

Для того чтобы разместить символьный объект с помощью палитры Symbols (Символы), необходимо выделить соответствующий символ и выполнить одно из следующих действий:

  • выполнить щелчок на кнопке Place Symbol Instance (Разместить экземпляр символа);

  • перетащить символ из палитры на страницу документа, в этом случае символьный объект может быть расположен в любом месте страницы;

  • выполнить команду Place Symbol Instance (Разместить экземпляр символа) в меню палитры.

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

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


Инструменты группы Symbolism:

Учебное пособие по программе Adobe Illustrator



1) Symbol Sprayer (Распылитель символов) - позволяет располагать копии символов при протягивании мышью. В окне настроек можно изменить диаметр и интенсивность распылителя.

Учебное пособие по программе Adobe Illustrator


2) Symbol Shifter (Сдвиг символов) - сдвигает символы в группе.

  1. Symbol Scruncher (Плотность объектов) -изменяет плотность расположения символов.

4) Symbol Sizer (Размер символов) - увеличивает или уменьшать размер символов.

5) Инструмент Symbol Spinner (Вращение символов) позволяет поворачивать символы.

6) Symbol Stainer (Тонирование символов) - позволяет изменить цвет символов; при перемещении инструмента по символам постепенно происходит их окрашивание в приближении к цвету, определенному в палитре Color (Цвет).

7) Symbol Screener (Прозрачность символов) - позволяет сделать символы полупрозрачными.

8) Symbol Styler (Стилизация символов) - придает символам стили.




  1. Основы работы с текстом

Инструмент Type (Текст) позволяет создавать текст в документе.


В программе Illustrator можно создавать следующие виды текста:


  1. Type (Фигурный текст) Учебное пособие по программе Adobe Illustrator

Чтобы создать фигурный текст, просто кликните по рабочей области с включенным инструментом Type (Текст) и напечатайте нужный текст. Фигурный текст позволяет писать только в одну линию без возможности переноса.

Учебное пособие по программе Adobe Illustrator


  1. Type (Абзацный текст) Учебное пособие по программе Adobe Illustrator

Создается с помощью того же инструмента. Использование абзацного текста дает намного больше возможностей редактирования. Чтобы создать абзацный текст, кликните и вытяните прямоугольник, используя инструмент Type (Текст). Текст будет помещен внутрь этого прямоугольника.

Учебное пособие по программе Adobe Illustrator

Чтобы редактировать шрифт и размер текста, нажмите Window / Type / Character (Окно / Текст / Символ).

Учебное пособие по программе Adobe Illustrator

Чтобы показать опции абзаца, нажмите на вкладку Paragraph (Абзац). Вы можете ставить различные способы выравнивания и отступы для вашего текста.

Учебное пособие по программе Adobe Illustrator

Чтобы показать дополнительные опции текста, нажмите Type / Area Type Options. Здесь вы можете создать несколько колонок для размещения вашего текста.

Учебное пособие по программе Adobe Illustrator


  1. Area Type (Текст в области) Учебное пособие по программе Adobe Illustrator

С помощью этого инструмента можно поместить текст в какую-либо фигуру. И текст примет форму этого объекта. Для этого необходимо выбрать инструмент Area Type и щелкнуть внутри какого-либо объекта.

Учебное пособие по программе Adobe Illustrator

  1. Текст вдоль кривой Учебное пособие по программе Adobe Illustrator

Вы можете напечатать текст по какой-либо траектории или вдоль фигуры. Выберите инструмент Type on a Path (Текст вдоль Пути) и кликните по нужному месту, чтобы начать печатать.

Учебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe Illustrator

Учебное пособие по программе Adobe Illustrator

Очертания текста

Если вам понадобилось преобразовать текст в фигуры, выделите ваш текст и нажмите Type / Create Outlines. Это превратить ваш текст в фигуры.

Учебное пособие по программе Adobe Illustrator

Обратите внимание, что как только вы сделали это, вы уже не сможете редактировать ваш текст инструментом Type (Текст). Тем не менее, после преобразования текста в фигуры, вы можете накладывать на них градиент и редактировать ключевые точки инструментом Pen (Перо).

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



Практическая работа «Эффект пластикового текста»


Шаг 1. Начнем с написания любого слова. Чем толще и больше текст - тем лучше будет виден эффект.

Учебное пособие по программе Adobe Illustrator

Шаг 2. В выбранном шрифте слишком большое расстояние между буквами - надо его уменьшить, для этого открываем окно со свойствами символов шрифта Window / Type / Character (Окно / Шрифт / Знак).

Шаг 3. Для того чтобы изменить расстояние между буквами, уменьшаем значение Tracking (трекинг) до -35

Учебное пособие по программе Adobe Illustrator

Шаг 4. Заливаем буквы градиентом, открыв панель градиентов (Gradient Panel) и выбираем Линейный градиент (Linear). Направление градиента сверху вниз.

Учебное пособие по программе Adobe Illustrator

Шаг 5. Выбираем Effect / Stylize / Inner Glow (Эффект / Стилизация / Внутреннее свечение) и задаем параметры, как на рисунке внизу.

Учебное пособие по программе Adobe Illustrator

Шаг 6. Ну и добавим Внешнее Свечение - (Effect / Stylize / Outer Glow).

Учебное пособие по программе Adobe Illustrator

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

Шаг 7. Рисуем овал (Oval) над текстом так, чтобы он наполовину заходил на него и заливаем его тоже градиентом.

Учебное пособие по программе Adobe Illustrator

Шаг 8. Создаем копию нашего текста. Далее выделяем наш первоначальный текст и овал. Открываем панель Pathfinder и нажимаем Intersect shape.

Учебное пособие по программе Adobe Illustrator

Шаг 9. Получили верхнюю половину текста. Это наше свечение на пластике. Теперь берем скопированный ранее текст и помещаем его позади нашей половинки, меняем режим наложения на Screen (Экран) (для этого открываем панель Transparency (Прозрачность)) и при необходимости прозрачность. Все готово.

Учебное пособие по программе Adobe Illustrator

Практическая работа «Металлический текст»

Шаг 1. Создаем новый документ и рисуем прямоугольник с черной заливкой. Любым шрифтом (желательно толстым) пишем какую-нибудь надпись внутри прямоугольника.

Учебное пособие по программе Adobe Illustrator

Шаг 2. Выделяем наш текст, щелкаем на правую кнопку мыши и выбираем Преобразовать в кривые (Creat Outlines).

Учебное пособие по программе Adobe Illustrator

Шаг 3. На Палитре Образцов (Swatch Tab) выбираем "черно-белый" (white-black) Градиент для нашего текста.

Учебное пособие по программе Adobe Illustrator

Шаг 4. На палитре Инструмента Градиент (Gradient Tab Tool) выставляем значения, как на рисунке внизу.

Учебное пособие по программе Adobe Illustrator

Шаг 5. Для обводки выбираем темно-серый цвет, ставим толщину штриха - 2 px.

Учебное пособие по программе Adobe Illustrator

Шаг 6. Теперь рисуем отражение нашего текста. Дублируем текст (выделяем его, нажимаем Ctrl+C, Ctrl+V) и идем Объект / Трансформация / Отражение (Object / Transform / Reflect).


Учебное пособие по программе Adobe Illustrator

Шаг 7. Удаляем обводку и делаем градиентную заливку, как на рисунке.

Учебное пособие по программе Adobe Illustrator

Шаг 8. И наконец, меняя "угол наклона" текста (Объект / Трансформация / Наклон (Object / Transform / Shear)) на 40 градусов и чуть изменяя размер текста, получаем:

Учебное пособие по программе Adobe Illustrator



  1. Создание диаграмм в программе

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

Для создания диаграммы используются специальные инструменты группы Учебное пособие по программе Adobe IllustratorColumn Graph Tool (Вертикальные полосы). В этой группе находится 9 типов различных диаграмм:

Учебное пособие по программе Adobe Illustrator

  • Учебное пособие по программе Adobe IllustratorColumn Graph Tool (J) - вертикальные полосы

  • Учебное пособие по программе Adobe IllustratorStacked Column Graph Tool - вертикальный стек

  • Учебное пособие по программе Adobe IllustratorBar Graph Tool - горизонтальные полосы

  • Учебное пособие по программе Adobe IllustratorStacked Bar Graph Tool - горизонтальный стек

  • Учебное пособие по программе Adobe IllustratorLine Graph Tool - линейный график

  • Учебное пособие по программе Adobe IllustratorArea Graph Tool - график с областями

  • Учебное пособие по программе Adobe IllustratorScatter Graph Tool - точечный график

  • Учебное пособие по программе Adobe IllustratorPie Graph Tool - круговая диаграмма

  • Учебное пособие по программе Adobe IllustratorRadar Graph Tool - радиальная диаграмма.

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

Учебное пособие по программе Adobe Illustrator

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

Учебное пособие по программе Adobe Illustrator

После подтверждения данных сгенерируется черно-белая диаграмма.

Учебное пособие по программе Adobe Illustrator


Готовую диаграмму можно редактировать: изменить шрифт, цвет столбцов, добавить фон и т.д. Чтобы выделить отдельные элементы диаграммы и изменять их цвет, можно воспользоваться инструментом Direct Selection (Прямое выделение).

Учебное пособие по программе Adobe Illustrator

Редактировать диаграмму можно также с помощью команд Object / Graph (Объект/ Диаграмма):

- Type (Тип) - позволяет изменить тип диаграммы;

- Data (Данные) - позволяет изменить данные диаграммы.

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

Практическая работа «Рисуем трехмерную диаграмму»

Шаг 1. Выбираем Инструмент Круговая диаграмма (Pie Chart ToolУчебное пособие по программе Adobe Illustrator) и рисуем диаграмму нужного размера в нужном месте. Появившееся окно не закрываем, в нем надо будет задать проценты (т.е. размеры тех кусков, из которых будет состоять диаграмма).

Учебное пособие по программе Adobe Illustrator

Шаг 2. Вбиваем проценты, для примера пусть будут, как на картинке внизу.

Учебное пособие по программе Adobe Illustrator

Шаг 3. После того, как проценты вбиты, жмем кнопочку Учебное пособие по программе Adobe Illustrator. При тех же параметрах у вас должно будет получиться что-то в этом роде.

Учебное пособие по программе Adobe Illustrator

Шаг 4. Для разделения кусков нашей диаграммы, выбираем Инструмент Частичное Выделение (Direct Selection Tool Учебное пособие по программе Adobe Illustrator) и, выбрав меньший кусок, двигаем его.

Учебное пособие по программе Adobe Illustrator

Шаг 5. Теперь, меняем цвет для наших кусочков.

Учебное пособие по программе Adobe Illustrator

Шаг 6. Выделяем Объект и выбираем в Эффект>3D>Скос и Рельеф (Effect>3D>Extrude&Bevel).


Шаг 7. В появившемся окне задаем точно такие же параметры, как на картинке.

Учебное пособие по программе Adobe Illustrator

Шаг 8. Для добавления отражения, удерживая клавиши Alt+Shift, переносим нашу диаграмму вниз.

Учебное пособие по программе Adobe Illustrator

Шаг 9. На Панели Прозрачности (Transparency) ставим Непрозрачность - 35%.

Наша диаграмма готова.

Учебное пособие по программе Adobe Illustrator


  1. Использование инструмента Blend (Перетекание).

Перетекание - это пошаговый переход одного объекта в другой. Процедура применения этого инструмента проста: нужно создать два объекта, выбрать инструмент Blend Учебное пособие по программе Adobe Illustrator и поочередно щелкнуть на одном и на другом объектах. В результате будет создан пошаговый переход с количеством промежуточных шагов, зависящим от окраски конечных объектов. Чем сильнее отличаются граничные объекты по цвету, тем больше будет промежуточных объектов.

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

Учебное пособие по программе Adobe Illustrator


Учебное пособие по программе Adobe Illustrator


Учебное пособие по программе Adobe Illustrator


Учебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe Illustrator

Создать переход можно также с помощью команды Object / Blend / Make (Объект / Перетекание / Создать).


Учебное пособие по программе Adobe Illustrator



Учебное пособие по программе Adobe Illustrator

Команды в раскрывающемся списке Object / Blend:

- Make - создать перетекание, перед этим нужно выделить два объекта.

- Release - убрать перетекание.

- Blend Options… - параметры перетекания: количество шагов, расстояние, направление, сглаживание цвета и т.д.

- Expand - разобрать на объекты.

- Replace Spine - заменить путь перехода.

- Reverse Spine - обратить переход, поменять местами начальный и конечный объект.

- Reverse Front to Back - поменять планы: тот, который находился на переднем плане, пойдет на задний, и наоборот.

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

1) Создание «вырванного» блокнотного листа

Наш блокнот будет иметь бумагу в клетку, для этого создадим подходящий Pattern (узор заливки). Нарисуем квадрат 10 x 10 мм с атрибутами: «без заливки и без обводки» Учебное пособие по программе Adobe Illustratorскопируем этот квадрат (Ctrl+C) и вставим его поверх (Ctrl+F).

Учебное пособие по программе Adobe Illustrator

Зальём верхний квадрат цветом будущей бумаги. Затем нарисуем центральную клетку - квадрат 5 x 5 мм без заливки с обводкой желаемого цвета и толщины.

Учебное пособие по программе Adobe Illustrator

С помощью палитры Align (Выравнивание) располагаем его по центру первых квадратов и дорисовываем инструментом Line Segment (Линия) части соседних клеток. Группируем все элементы (Ctrl+G) и перетаскиваем группу в палитру Swatches (Образцы), тем самым, создавая новый узор заливки - Pattern.

Учебное пособие по программе Adobe Illustrator

Теперь рисуем прямоугольник, соответствующий размерам «вырванного» листа и заливаем его созданным узором.

Учебное пособие по программе Adobe Illustrator

2) Далее создаем перфорацию листа со следами «вырыва».

Рисуем два круглых отверстия в углах листа и создаём между ними группу перетекания Blend в режиме Specified Steps (Количество шагов) в окне Blend Options (Параметры перетекания), регулируем количество отверстий.

Учебное пособие по программе Adobe Illustrator

С помощью палитры Pathfinder (Конструктор) вычитаем группу отверстий из контура листа.

Инструментом Path (Перо) рисуем следы от «вырыва» листа (не старайтесь рисовать ровные линии, чем хаотичнее будет контур, тем лучше).

Учебное пособие по программе Adobe Illustrator

Для достижения большего натурализма исказим полученный контур с помощью фильтра Огрубление (Filter / Distort / Roughen…) и вычтем данную фигуру из контура листа.

Лист готов, теперь надо на нем что-нибудь написать.

3) Написание» календаря на листе

Учебное пособие по программе Adobe Illustrator

Подбираем подходящий «скриптовый» шрифт и создаём блочный текст, с помощью меню Area Type Options (Параметры текста в области) разбиваем область на необходимое число строк и столбцов, и заносим в них числа календаря.

Желаемого расположения добиваемся подбором размеров ячеек(Span), промежутков(Gutter), кеглем шрифта (Font Size), а так же выравниванием в ячейках(Align).

Учебное пособие по программе Adobe Illustrator

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

Далее пишем название месяца и вносим различные авторские пометки.

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

Если получившиеся мазки чем-то вас не устроят, то разберите оформление Object / Expand и подкорректируйте полученный контур с помощью пустой стрелки (Direct Selection).

Напоследок выделим все созданные элементы (Ctrl+A) и объединим их в группу (Ctrl+G) .

Теперь нам необходимо прикрепить календарь к стене.

4) Создание «канцелярской» кнопки

Учебное пособие по программе Adobe Illustrator

Нарисуем окружность и зальём её радиальным серо-белым градиентом, инструментом Path нарисуем треугольное отверстие на кнопке, выделяем треугольник и круг, и создаем Compound path (Вложенный контур). Для придания объёма кнопке дублируем полученный контур (Ctrl+C), (Ctrl+F) и немного смещаем в сторону. Затем инструментом Gradient (градиент) регулируем расположение светотени на контурах. Полученную кнопку разместим в нужном месте.

Учебное пособие по программе Adobe Illustrator

Если кому-то, получившийся результат покажется недостаточно реалистичным, то можно попробовать создать имитацию объёма с помощью эффекта «Объемное изображение» (Effect / 3D / Extrude & Bevel…).

Создадим прямоугольник фона (стену), зальем его нужным цветом или узором, и переместим на задний план (Ctrl+Shift+[).

Календарь готов, но выглядит он не очень естественно - не хватает объема бумаге.

  1. Доработка деталей композиции

Учебное пособие по программе Adobe Illustrator

Немного нарушим правильность формы листа, для этого деформируем его с помощью оболочки искажения (Envelope Distort). Сперва, войдем в палитру параметры оболочки (Object / Envelope Distort / Envelope Options…) и поставим галочку в поле искажать заливку узором (Distort Pattern Fill), затем выделяем группу объектов листа и применяем к нему искажение с помощью оболочки «По схеме» (Object / Envelope Distort / Make with Warp…), выбираем стиль подъём (Rise), включаем просмотр (Preview), настраиваем параметры искажения и применяем его.

Завершающей деталью будет создание тени от листа.

Выделяем группу оболочка искажения и применяем к ней эффект «стилизация тень» (Effect / Stylize / Drop Shadow…), включаем просмотр, настраиваем параметры эффекта и жмём ОК.


Практическая работа «Рисуем огонь в Иллюстраторе»

Шаг 1. Создаем новый документ размером 8.5 на 11 дюймов и дважды кликаем по значку Инструмента Карандаш, чтобы вызвать окно Pencil Tool Preferences. Параметры устанавливаем как на рисунке.

Учебное пособие по программе Adobe Illustrator

Шаг 2. С помощью Карандаша рисуем пламя шириной примерно 5 дюймов и высотой около 8.5 дюйма и закрашиваем его черным цветом. Контур должен быть обязательно замкнутым.

Учебное пособие по программе Adobe Illustrator

Шаг 3. Теперь, рисуем внутренние оранжевый, желтый, светло оранжевый, светло желтый и белый огоньки. Они также должны быть обязательно замкнутыми и не должны пересекаться.

Учебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe IllustratorУчебное пособие по программе Adobe Illustrator

Шаг 4. Выделяем все огоньки и смешиваем их: Object / Blend / Make (Объект / Переход / Сделать).


Учебное пособие по программе Adobe Illustrator

Шаг 5. Рисуем черный прямоугольник инструментом Rectangle и помещаем его назад Object / Arrange / Send to Back (Объект / Монтаж / На задний план).

Учебное пособие по программе Adobe Illustrator

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

Учебное пособие по программе Adobe Illustrator


Практическая работа «Рисуем оригинальный цветок»

1. Лепесток:

Создайте 2 полукруглые линии: одну желтую другую синюю.

Учебное пособие по программе Adobe Illustrator

2. Blend Options:

Идем в Object > Blend > Blend Options и выбираем опцию Specified Steps с параметром 10

Учебное пособие по программе Adobe Illustrator

3. Теперь выделите 2 ваши линии, и идем в Object > Blend > Make или жмем Ctrl + Alt + B. Теперь вы должны получить результат как на картинке.

Учебное пособие по программе Adobe Illustrator

4. Много лепестков:

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

Учебное пособие по программе Adobe Illustrator

5. Стебель:

Создайте стебель по такому же принципу, как и лепесток, но в параметре Specified Steps используйте 8.

Учебное пособие по программе Adobe Illustrator

6. Листок:

Листок создаётся из двух частей. Всё делается по тому же принципу. Но как видно на ниже приведённом рисунке в верхней части линии частые, а в нижней немного реже. Поэтому в опции Specified Steps используйте параметры около 5.

Учебное пособие по программе Adobe Illustrator

7. Соединение частей цветка:

Теперь соедините все части цветка, чтобы получить целый.

Учебное пособие по программе Adobe Illustrator

8. Правый длинный листок:

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

Учебное пособие по программе Adobe Illustrator

9. Левый длинный листок:

Повторите предыдущий шаг, но расположив листок слева.

Учебное пособие по программе Adobe Illustrator

10. Финал:

Ваш результат должен быть похожим на картинку приведённую ниже.

Учебное пособие по программе Adobe Illustrator


  1. Фильтры в программе


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

Многие из этих фильтров повторяются в меню Effect (Эффект).

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


Фильтры для векторных объектов


  1. Colors (Цветовые фильтры) - расширяют цветовые возможности программы:

  • Adjust Colors - коррекция цвета.

  • Blend Front to Back - переход с переднего на задний.

  • Invert Colors - инвертирование цветов

  • Convert - конвертирование в другую цветовую модель.

  • Overprint Black - перепечатать черный.

  • Saturate - насыщенность.


  1. Create (Создание):

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

  • Object Mosaic - создание мозаики из любого цветного изображения.


3) Distort (Искажение)

  • Free Distort (Свободное искажение) - позволяет свободно искажать объект вручную с помощью узловых точек.

Учебное пособие по программе Adobe Illustrator

  • Roughen (Огрубление) служит для создания "шероховатого" контура, т. е. контура с зазубринами различной величины.

  • Scribble and Tweak (Каракули и помарки) - служит для произвольной деформации объектов в заданных пределах.

  • Twist (Скручивание) - служит для деформации объектов вращением, причем в центре вращение сильнее, чем по краям.

  • Pucker & Bloat (Втягивание и раздувание) изменяет объекты, деформируя их контуры во внутреннюю или внешнюю стороны.

  • Zig Zag (Зигзаг) служит для деформации линии контура в виде зигзагообразных или волнистых линий.


4) Stylize (Стилизация)

  • Add Arrowheads (Добавить стрелки) - при использовании открытых контуров к ним можно добавить на конечные точки различные графические элементы, например стрелки. После создания эти элементы могут подвергаться редактированию как любой другой объект.

  • Round Corners (Скругленные углы) служит для скругления любых углов, имеющихся у объектов. В окне необходимо определить радиус скругления.



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

Растровые фильтры.

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

1) Artistic (Художественные фильтры) - снижают деталировку изображения и превращают фотографию в подобие рисунка. Большинство фильтров имеют такие параметры, как величина кисти, деталировка и текстура.

  • Colored Pencil (Цветные карандаши) - имитация рисования цветными карандашами.

  • Cutout (Аппликация) - превращает фото в аппликацию из цветной бумаги.

  • Dry Brush (Сухая кисть) - рисунок напоминающий технику сухой кисти.

  • Film Grain (Зернистость фотопленки). Результат действия фильтра - имитация увеличенного зерна на фотографии.

  • Fresco - делает контуры объектов грубыми темными линиями.

  • Neon Glow (Неоновый свет) - превращает изображение в монохромный негатив и добавляет светлую обводку, "свечение", по контуру объектов.

  • Paint Daubs (Масляная живопись) - придает изображению вид картины, выполненной маслом.

  • Palette Knife (Шпатель) - позволяет имитировать технику масляной живописи, выполняемой специальным инструментом типа широкого ножа.

  • Plastic Wrap (Целлофановая упаковка). На изображение словно надевается полиэтиленовый пакет. Темные области приобретают серый тон, светлые - блики.

  • Poster Edges (Очерченные края) - обводит черными линиями контуры изображения.

  • Rough Pastels (Пастель) - имитация рисования пастелью.

2) Brush Strokes (Штрихи) - создают качественную имитацию рисунка разными инструментами.

  • Accented Edges (Акцент на краях) - увеличивает контраст контуров.

  • Angled Strokes (Наклонные штрихи) - имитация рисования наклонными штрихами.

  • Crosshatch (Перекрестные штрихи) - имитация рисования перекрестными штрихами.

  • Sprayed Strokes (Аэрограф) - эффект распылителя.

  • Spatter (Разбрызгивание) - эффект разбрызгивания краски.

3) Sketch (Эскиз) - превращают цветное изображение в монохромное, используя основной и фоновый цвета документа.

  • Charcoal (Уголь) - имитация работы углем, двухцветный рисунок.

  • Chalk and Charcoal (Мел и уголь) - имитация работы мелом и углем, трехцветное изображение.

  • Conte Crayon (Волшебный карандаш) - предлагает также выбор текстуры.

  • Note Paper (Почтовая бумага) - рельефный рисунок на обоях.

  • Plaster (Гипс) - гладкий гипсовый рельеф.

  • Bas Relief (Рельеф) - эффект чеканки, рельефа.

  • Graphic Pen (Тушь) - преобразует изображение в комбинацию из тонких штрихов основного цвета на фоновом.


  • Halftone Pattern (Полутоновый узор) - превращает исходную фотографию в подобие растровой сетки, поделив ее на растровые точки.

  • Stamp (Линогравюра) - огрубляет фотографию, превращает в черно-белый условный рисунок.

  • Torn Edges (Рваные края) - создает неровный контур изображения.

  • Reticulation (Ретикуляция) - добавляет зернистость.

  • Photocopy (Фотокопия).

  • Water Paper (Мокрая бумага) - преобразует изображение в акварель, написанную на фактурной бумаге.

4) Distort (Деформация) - геометрически искажают изображение:

  • Diffuse Glow (Рассеянный свет) - добавляет полупрозрачный белый шум с яркостью, уменьшающейся от центра к краям изображения.

  • Glass (Стекло). Имитирует вид изображения через рельефное стекло

  • Ocean Ripple (Океанские волны). Имитирует искажение типа ряби на воде.


5) Blur (Размытие) - снижают резкость изображения. Они используются для смягчения изображений с завышенной резкостью, сглаживания мелких дефектов сканированных изображений:

  • Gaussian Blur (Размытие по Гауссу). Широко применяемый фильтр, размывающий изображение усреднением соседних пикселей.

  • Radial Blur (Радиальное размытие). Размывает изображение, имитируя вращательное движение объекта.

6) Sharpen (Резкость) - увеличивают резкость изображения.

  • Unsharp Mask (Контурная резкость) - увеличивает резкость в наиболее контрастных областях изображения.

7) Stylize (Стилизация) - создают сильные художественные эффекты.

  • Glowing Edges (Свечение краев) - находит на изображении линии с наибольшим контрастом и добавляет к ним эффект "сияния".

8) Texture (Текстура) - создают эффект нанесения изображения на рельефную поверхность:

  • Craquelure (Кракелюры) - имитирует фактуру потрескавшейся штукатурки.

  • Grain (Зерно) - имитирует разнообразные варианты "зернистости", знакомой по сильно увеличенным фотографиям.

  • Mosaic Tiles (Мозаичные фрагменты) - имитирует мозаику.

  • Patchwork (Цветная плитка) - эффект, аналогичный мозаике, но построенный из квадратных элементов.

  • Stained Glass (Витраж) - разбивает изображение на ячейки неправильной формы с обводкой, выполненной текущим цветом заливки.

  • Texturizer (Текстуризатор) - фильтр создания фактурных, рельефных поверхностей.


9) Pixelate (пикселизация)

  • Color Halftone (Цветные полутона) - имитирует грубый цветной растр.

  • Crystallize (Кристаллизация) - создает мозаичный эффект, разбивая изображение на одноцветные многоугольники варьируемого размера.

  • Mezzotint (Меццо-тинто) - имитирует нелинейное растрирование, так называемые растры меццо-тинто, имитирующие вид гравюры.

  • Pointillize (Пуантилизм). Имитирует манеру письма художников-пуантилистов, использовавших мазки круглой формы.


Практическая работа «Новогодняя елка»

1) Создание основы елки

Учебное пособие по программе Adobe Illustrator

Сначала, создайте примерное очертание елки инструментом Pen (Перо) и залейте градиентом (зеленый, темно-зеленый). Далее, выполняем команду Effect / Distort&Transform / Roughen.

Учебное пособие по программе Adobe Illustrator

В диалоговом окне Roughen, введите следующие параметры: Size: 5%, Detail: 100/in, Points=Corner, затем нажмите OK.

2) Создаем Art brush.

Учебное пособие по программе Adobe Illustrator

Теперь мы должны сделать New Art Brush для веток елки. С помощью инструмента Pen (Перо), делаем дорожку, как показано на рисунке, заливаем темно-зеленым цветом и применяем тот же эффект Roughen. Теперь ваша ветка должна быть похожа на ветку с рисунка. Скопируйте вашу ветку(CTRL+C) и вставьте на то же место (CTRL+F). Измените размер копии, как показано на рисунке и перекрасьте полуженный результат более светлым цветом. Повторите этот шаг.


Учебное пособие по программе Adobe Illustrator

Выделите 3 ветки и откройте палитру Brushes перетащите изображение в палитру Brushes и создайте New Art Brush.

Учебное пособие по программе Adobe Illustrator

Настройки в окне оставьте без изменения. Лишь измените метод колоризации (Colorization) - выберите Tints and Shades из выпадающего списка Method.

3) Ветви дерева

Учебное пособие по программе Adobe Illustrator

Инструментом Pen (Перо), создайте контур и покрасьте обводку в зеленый цвет. Затем примените созданную кисть к данному контуру. Так же задайте Opacity между 40-50%. Если вы хотите создать больше веток и получить другие оттенки, то попробуйте поменять Opacity и создайте больше контуров.

Учебное пособие по программе Adobe Illustrator


4) Елочные шарики

Учебное пособие по программе Adobe Illustrator

С помощью инструмента Ellipse (Эллипс) и радиального градиента создайте елочные шары. Поместите их на елку.

5) Елочная гирлянда

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

Учебное пособие по программе Adobe Illustrator

Создайте кисть New Scatter Brush. И настройте ее параметры как показано на рисунке.

Учебное пособие по программе Adobe Illustrator

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

Учебное пособие по программе Adobe Illustrator

Практическая работа «Рисуем клевер в Illustrator»


Шаг 1. Для начала, рисуем круг с помощью Ellipse Tool. Выделяем круг с помощью Инструмента Выделения Selection Tool (V) и, удерживая клавиши Alt (чтобы скопировать объект) и Shift (чтобы второй круг был выровнен по горизонтали с первым), переносим круг вправо. Теперь, выделяем оба круга и нажимаем кнопки Add и затем Expand на Панели Pathfinder.

Учебное пособие по программе Adobe Illustrator

Шаг 2. С помощью Инструмента Direct Selection Tool, выделяем нижнюю якорную точку, в которой пересекаются наши кружки и переносим ее вниз, на расстояние равное диаметру наших кругов. Пока наша точка все еще выделена, превращаем ее в Smooth с помощью Control Panel. А боковые нижние точки удаляем с помощью Инструмента Delete Ancor Point Tool.

Учебное пособие по программе Adobe Illustrator

Шаг 3. Очертания клевера уже пробиваются, пора добавить цвета. Но вначале, разделим наш листик на две части с помощью Инструмента Line (Линия). Нарисуем линию, проходящую посередине поверхности листка. Выделим оба объекта и выровняем их, нажав Horizontal Align Center на Панели Align. Пока все объекты еще выделены, нажимаем кнопку Devide на Панели Pathfinder и разделяем их (Object / Ungroup).

Учебное пособие по программе Adobe Illustrator

Шаг 4. Выделяем одну из фигур и заливаем ее Радиальным Градиентом (Radial Gradient), используя для него светло-зеленый и темно-зеленый цвета. Вторую половинку тоже залейте Градиентом. Направление заливки на рисунке внизу.

Учебное пособие по программе Adobe Illustrator

Шаг 5. Один лепесток клевера готов. Сгруппируйте наш лепесток. Затем идем Effect / Distort&Transform / Transform. Параметры установите, как на картинке и не забудьте поставить точку на нижней грани в центре на 9-ти точечном квадратике, отвечающим за то, вокруг какой точки будет вращаться лепесток.

Учебное пособие по программе Adobe Illustrator

Шаг 6. Рисуем стебелёк, используя для этого Rounded Rectangle Tool (Прямоугольник с закругленными краями). Далее идем Effect / Wrap / Arch. В появившемся окне вводим значения, как на изображении внизу. Заливаем стебелек зеленым Линейным Градиентом (Linear Gradient) и собираем стебелек и сам клевер в единую картинку (при необходимости применяя повороты и масштабирования).

Учебное пособие по программе Adobe Illustrator

Проявив немного фантазии, можно из нашего клевера сделать вот такую замечательную картинку!

Учебное пособие по программе Adobe Illustrator


  1. Эффекты в программе

Эффекты могут изменить внешний вид объекта, при этом не изменяя его структуру. Многие эффекты повторяют уже рассмотренные нами фильтры. На первый взгляд, эффекты ничем не отличаются от фильтров. Однако существует разница: после применения фильтра нельзя вернуться к исходному варианту. А результат воздействия эффекта можно изменить с помощью инструментов палитры Appearance (Вид).

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

Рассмотрим группы эффектов:


  1. 3D (Трехмерные эффекты)

  • Extrude & Bevel (Выдавливание и тиснение) - добавляет к двухмерному объекту дополнительные стороны.

Учебное пособие по программе Adobe Illustrator


  • Revolve (Вращение) - поворачивает двухмерный объект на определенный угол, в результате чего создается трехмерная фигура.

Учебное пособие по программе Adobe Illustrator


  • Rotate (Поворот) - позволяет вращать плоские и трехмерные объекты.

Учебное пособие по программе Adobe Illustrator


  1. Convert to Shape (Преобразовать к фигуре)

  • Rectangle (Прямоугольник)

  • Rounded Rectangle (Скругленный прямоугольник)

  • Ellipse (Эллипс)

Учебное пособие по программе Adobe Illustrator


  1. Distort & Transform (Искажение и преобразование)

  • Free Distort (Свободное искажение)

  • Pucker &Bloat (Сжатие и раздутие)

Учебное пособие по программе Adobe Illustrator

  • Roughen (Огрубление)

Учебное пособие по программе Adobe Illustrator


  • Scribble & Tweak (Каракули и помарки)

  • Transform (Преобразование)

  • Twist (Скручивание)

Учебное пособие по программе Adobe Illustrator


  • Zig Zag (Зигзаг)

Учебное пособие по программе Adobe Illustrator


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

  • Offset Path (Сместить контур)

Учебное пособие по программе Adobe Illustrator

  • Outline Object (Контур объекта)

  • Outline Stroke (Контур обводки)


  1. Rasterize (Растеризация).


  1. Stylize (Стилизация) - предназначены для усиления контуров и объектов.

  • Add Arrowheads (Добавить стрелки)

Учебное пособие по программе Adobe Illustrator


  • Drop Shadow (Тень)

Учебное пособие по программе Adobe Illustrator

  • Feather (Растушевка)

  • Inner Glow (Внутреннее свечение)

  • Outer Glow (Внешнее свечение)

  • Round Corners (Скругленные углы)

Учебное пособие по программе Adobe Illustrator

  • Scribble (Набросок, эскиз)


  1. SVG Fiters (Фильтры SVG) - позволяет применить к иллюстрации фильтры, определенные с помощью языка XML.


  1. Warp (Искажение) - их также называют «конвертами», т.к. они позволяют вставить объекты в фигуры. К ним относятся:

  • Arc (Дуга)

  • Arc Lower (Нижняя дуга)

  • Arc Upper (Верхняя дуга)

  • Arch (Арка)

  • Bulge (Выпуклость)

  • Shell Lower (Нижняя раковина)

  • Shell Upper (Верхняя раковина)

  • Flag (Флаг)

  • Wave (Волна)

  • Fish (Рыба)

  • Rise (Подъем)

  • Fisheye (Рыбий глаз)

  • Inflate (Расширение)

  • Squeeze (Сжатие)

  • Twist (Скручивание)

Учебное пособие по программе Adobe Illustrator

В нижней части меню Effects расположены эффекты фильтров Photoshop. К ним относятся:

  • Artistic (Художественные)

  • Blur (Размытие)

  • Stroke (Обводка)

  • Pixelate (Пикселизация)

  • Sharpen (Резкость)

  • Sketch (Эскиз)

  • Stylize (Стилизация)

  • Texture (Текстура)

  • Video (Видео)

Практическая работа «Объемная бутылка»

В этом примере мы продемонстрируем технику создания тел вращения - будем рисовать бутылку.

Прежде всего нужно нарисовать контур правой половины бутылки. Чтобы было легче это сделать, включите отображение сетки: View / Show Grid (Вид / Показать сетку). Затем запустите инструмент Pen (Перо) и повторите контур, показанный на рисунке.

Учебное пособие по программе Adobe Illustrator

Теперь нужно нарисовать пробку. Это делается тем же самым инструментом Pen (Перо). Зальем бутылку желтым цветом, а пробку - коричневым и сгруппируем их.

Учебное пособие по программе Adobe Illustrator

После этого можно перейти к самому главному - приданию работе объема. Запустите эффект Revolve (Вращение в пространстве): Effect / 3D / Revolve (Эффект /3D / Вращение в пространстве). Использованные настройки показаны на рисунке.

Учебное пособие по программе Adobe Illustrator

Бутылка почти готова. Но не спешите закрывать окно эффекта Revolve (Вращение в пространстве). Мы добавим на нее этикетку.

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

Выберите в меню Symbol (Символ) изображение заготовки для надписи. Затем переключайте значение параметра Surface (Поверхность) до тех пор, пока нужная нам внешняя сторона бутылки не подсветится красными линиями. Расположите заготовку так, как показано на рисунке.

Учебное пособие по программе Adobe Illustrator

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

Учебное пособие по программе Adobe Illustrator

Практическая работа «Свиток пергамента»

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

Учебное пособие по программе Adobe Illustrator

Если результат вполне похож на контур свитка, можно переходить ко второму этапу нашей работы. Запустите инструмент Type (Текст) и что-нибудь напишите. Условие одно: шрифт должен напоминать готический, а надписи должны быть достаточно крупными.

Учебное пособие по программе Adobe Illustrator

Теперь необходимо превратить текст в символ. Для этого достаточно просто перетянуть его на палитру Symbols (Символы).

Учебное пособие по программе Adobe Illustrator

Пришло время придать свитку объемный вид. Запустим эффект Extrude & Bevel (Объем и скос): Effect / 3D / Extrude & Bevel (Эффект / 3D / Объем и скос).


Учебное пособие по программе Adobe Illustrator

Осталось добавить на свиток текст. Для этого в диалоговом окне Extrude & Bevel (Объем и скос) нажмем кнопку Map Art (Текстура). Затем в поле Symbol (Символ) выберем созданный нами текст и, переключая значение параметра Surface (Поверхность), наложим его на свиток.

Учебное пособие по программе Adobe Illustrator


Учебное пособие по программе Adobe Illustrator

Практическая работа «Голова сыра»

Выберите инструмент Rounded Rectangle (Закругленный прямоугольник) и нарисуйте фигуру, напоминающую голову сыра в разрезе. Затем с помощью инструмента Scissors (Ножницы) обрежьте левую сторону фигуры, чтобы она стала подобна изображенной на рисунке.

Учебное пособие по программе Adobe Illustrator

Задайте обводку (Stroke) сыра толщиной 3 пункта коричневого цвета, а заливку (Fill) - «сырного» желтого.

Если все получилось нормально, можно переходить к приданию сыру объема. Запустите эффект Revolve (Вращение в пространстве): Effect / 3D / Revolve (Эффекты / 3D / Вращение в пространстве).

Учебное пособие по программе Adobe Illustrator

Осталось нарисовать отрезанный кусок сыра. Для этого скопируйте (Ctrl+C) и вставьте (Ctrl+V) созданную только что голову. Поместите копию немного в стороне и примените настройки, показанные на рисунке.

Учебное пособие по программе Adobe Illustrator


Учебное пособие по программе Adobe Illustrator


  1. Работа со слоями


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

Для работы со слоями используется палитра Layers (Слои).

Учебное пособие по программе Adobe Illustrator

Кнопки в верхней части палитры:

Show / Hide - Показать / Скрыть слой.

Lock / Unlock - Блокировать / Не блокировать

Layer 1 - Имя слоя

Кнопки в нижней части палитры:

Make / Release Clipping Mask - Создать / Отменить обтравочную маску.

Create New Sublayer - Создать вложенный слой.

Учебное пособие по программе Adobe IllustratorNew Layer - Создать новый слой.

Учебное пособие по программе Adobe IllustratorDelete Selection - Удалить выделенный слой

Дополнительный список команд по работе со слоями можно открыть щелкнув по черному треугольнику вверху палитрыУчебное пособие по программе Adobe Illustrator.

Учебное пособие по программе Adobe Illustrator


Практическая работа «Стеклянный шар»

Шаг 1. Нарисуем круг, используя Инструмент Эллипс, удерживая Shift.

Шаг 2. Откроем окно Appearance (Window / Appearance). Чтобы избавиться от обводки у нашего будущего шара. Кликните на Stroke в этом окне, и перетащите ее в мусорное ведро, расположенное внизу.

Учебное пособие по программе Adobe Illustrator

Шаг 3. А теперь зальем наш шар градиентом. Для этого открываем палитру Color. Кликните на панели градиентов и измените тип на "Радиальный"(Radial). Измените цвета на светло-оранжевый и темно-оранжевый, щелкая на ползунках в начале и конце градиентной ленты. После щелчка на ползунке выберите пипеткой подходящий цвет на Панели Color .

Учебное пособие по программе Adobe Illustrator

У вас должно получиться что-то в этом роде.

Учебное пособие по программе Adobe Illustrator

Шаг 4. Создаем новый слой на панели Layers. На новом слое рисуем с помощью инструмента Эллипс овал. Для него задаем тип градиентной заливки - "линейный"(linear) и заменяем темно-оранжевый цвет на белый. А также меняем угол заливки градиентом на 90 градусов и немного двигаем вправо серединный ползунок.

Учебное пособие по программе Adobe Illustrator

Шаг 5. Меняем для нового слоя Режим смешивания на панели Transparency с Normal (Нормальный) на Soft Light (Мягкий свет).


Шаг 6. Размоем наш блик (ведь именно его мы только что сделали). Для этого выбираем Эффект / Размытие / Размытие по Гаусу (Filter / Blur / Gausian Blur).

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

Учебное пособие по программе Adobe Illustrator

Шаг 8. Создаем новый слой и рисуем на нем еще одну овальную поверхность, немного меньше предыдущей, но на том же самом месте.

Учебное пособие по программе Adobe Illustrator

Вместо градиента заливаем ее белым цветом.

Учебное пособие по программе Adobe Illustrator

Шаг 9. Создаем еще один новый слой и, используя инструмент Rectangle, рисуем залитый черно-белым линейным градиентом прямоугольник прямо над предыдущим овалом.

Учебное пособие по программе Adobe Illustrator

Шаг 10. Выделяем вместе прямоугольник и овал. Идем на Панель Transparency, кликаем на стрелочке справа и выбираем Make Opacity Mask (Создать маску непрозрачности).


Шаг 11. Осталось только тень отбросить. Дублируем наш первоначальный слой с оранжевым шаром. Идем на нижний и выбираем Эффект / Размытие / Размытие по Гаусу (Effect / Blur / Gaussian Blur). Параметры размытия задавайте, какие хотите.

Все! Шар готов!

Учебное пособие по программе Adobe Illustrator


  1. Трассировка и преобразование векторного изображения в пиксельное

Трассировка

Процедура преобразования пиксельного изображения в векторное широко используется и называется трассировка (tracing).

Существует несколько способов трассировки изображений:

  • Автоматическая трассировка, выполняемая средствами программы Illustrator.

  • Автоматическая трассировка, выполняемая специализированными программами, например программой CorelTRACE.

  • Ручная трассировка (обводка), выполняемая инструментами групп Реn (Перо), Pencil (Карандаш) или Paintbrush (Кисть).

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

В программе Adobe Illustrator предлагается инструмент Autotrace (Автотрассировка). Этот инструмент предназначен для трассировки простых форм, которые потом еще необходимо править, используя инструменты группы Реn (Перо). Во многих случаях ручная трассировка даже предпочтительнее.

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

Сущность ручной трассировки заключается в рисовании поверх пиксельного изображения векторных контуров всеми доступными средствами программы Illustrator, например инструментами групп Реn (Перо), Pencil (Карандаш), Paintbrush (Кисть) и др.

Трассируемое изображение необходимо поместить на специальный шаблонный слой (Template), который по умолчанию слегка "притушен" (dimmed) и зафиксирован (locked), и приступить к обводке.


Преобразование векторных объектов в растровые

Команда Object / Rasterize (Объект / Растеризовать) предназначена для конвертирования векторных объектов, создаваемых в программе Illustrator, в пиксельное изображение, которое становится целостным объектом и может подвергаться обработке с помощью фильтров пиксельной графики, также включенных в программу Illustrator.

Для конвертирования следует выделить нужные объекты и выполнить команду Rasterize (Растеризовать), которая выводит на экран окно параметров:

  • Color Model (Цветовой режим) - выбор цветовой модели: RGB, CMYK, Grayscale, Bitmap.

  • Resolution (Разрешение) - выбор разрешения для пиксельного изображения:

    • Screen (Экранное) - если пиксельное изображение предназначено для вывода на экран;

    • Medium (Среднее) - если пиксельное изображение предназначено для вывода на струйный или лазерный принтер;

    • High (Высокое) - если пиксельное изображение предназначено для вывода на высококачественный лазерный принтер или фотонаборный автомат;

    • в поле Other (Другое) можно ввести произвольное значение разрешения в диапазоне от 1 до 2400 пикселей на дюйм;

    • переключатель Use Document Raster Effects Resolution (Использовать разрешение документа).

  • Background (Фон) - White (Белый) или Transparent (Прозрачный).

  • Options (Дополнительные параметры):

    • Anti-Alias - параметры сглаживания.

Create Clipping Mask (Создать обтравочную маску) обеспечивает обтравочный контур (clipping path), который позволяет сохранить прозрачные области изображения, что очень важно для сложной верстки.

Практическая работа «Рисуем круглый штамп»

1. Выбираем инструмент Ellipse Tool (L) (рис. 1) и щелчком левой кнопки мыши в области документа, вызываем панель настроек нашего инструмента. В ней указываемразмер штампа. Обычно, размер круглого штампа варьируется от 38 до 41 мм.

Учебное пособие по программе Adobe Illustrator

2. Таким образом создаём три круга как показано на рисунках 3-5. Расстояние между обводками может быть любым, как вам больше нравится.

3. Внешнему кругу задаём толщину контура в 2 pt., а внутренним в 1 pt.

Учебное пособие по программе Adobe Illustrator

4. Создаём дополнительный путь, по которому мы напишем регион предпринимателя (рис. 7 синий круг).

5. С помощью инструмента Type on a Path Tool (рис. 6) мы создадим надпись вдоль созданного нами пути (рис. 7).

Учебное пособие по программе Adobe Illustrator

6. Далее повторяя пункты 4 и 5, набираем весь текст, который должен быть заключён между контурами кругов (рис. 8, 9).

7. Разделяем два текста звёздочками (рис. 10).

8. Повторяя пункты 4 и 5, набираем номер ИНН (рис. 11).

9. Указываем ФИО нашего предпринимателя (рис. 12).




Учебное пособие по программе Adobe Illustrator

Учебное пособие по программе Adobe Illustrator
Всё, наш штамп готов.


Заключение

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

Панель инструментов содержит большой выбор средств по работе с векторной графикой:

- инструменты рисования геометрических и линейных объектов;

- инструменты рисования, такие как перо, кисть, карандаш и др.

- инструменты выделения объектов;

- инструменты искажения и трансформации объектов;

- инструменты создания текста;

- инструменты графики, такие как символы и диаграммы;

- инструменты заливки и выбора цвета.

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

В отличие от программы Corel DRAW в программе Illustrator есть возможность работы со слоями. Это дает более широкие возможности создания иллюстраций.

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

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

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

Список использованной литературы:


  1. adobe.com

  2. illustrator.demiart.ru

  3. Жвалевский А. В. Adobe Illustrator CS в теории и на практике. - М.: Новое знание, 2004 г.

  4. Жвалевский А., Гурский Ю. Adobe Illustrator CS2. Библиотека пользователя/ СПб., 2008 г.

  5. Интерактивный курс Adobe Illustrator CS3. - М.: Новая школа, 2008 г.

  6. Олспач Т., Олспач Д. Illustrator CS. Библия пользователя.: пер. с англ. - М.: «Вильямс», 2004 г.

  7. Пономаренко С. И. Illustrator CS2. - СПб.: БХВ-Петербург, 2007 г.

  8. Штенников Д. Г. Эффективная работа в Adobe Illustrator CS3: Учебное пособие. - СПб., 2008 г.

© 2010-2022