Введение в векторную графику в Adobe Illustrator

1.

A D O B E
C R E A T I V E
C L O U D
Adobe
Illustrator
Векторная графика для современного дизайнера
Базовый курс для начинающих · 12 слайдов
Урок 1 · Введение в векторную графику

2.

РАЗДЕЛ 01
Что такое Adobe Illustrator
Illustrator — профессиональный векторный редактор от
Adobe, созданный в 1987 году. Программа работает с
масштабируемой математической графикой: контуры,
кривые Безье и опорные точки вместо пикселей. Это
позволяет увеличивать изображение до любого размера
без потери качества.
1987
Год первого выпуска программы
.AI
Родной формат файлов Illustrator
Сегодня Illustrator — индустриальный стандарт для
логотипов, иконок, иллюстраций и типографики во всём
мире.
CC 2025
Актуальная версия по подписке Creative
Cloud

3.

РАЗДЕЛ 02
Вектор против растра
Ключевое отличие, которое нужно понять перед началом работы
РА С Т Р
ВЕКТОР
• Состоит из пикселей — цветных точек
• Фотографическое качество изображения
• Математические кривые и контуры
• Идеально чёткий край при любом масштабе
• Теряет резкость при увеличении
• Файлы тяжёлые, размеры в пикселях
• Не теряет качество при увеличении
• Лёгкий файл, размеры в условных единицах
Photoshop · фотографии
Illustrator · логотипы и иконки
Логотип должен масштабироваться от визитки до билборда — поэтому вектор обязателен.

4.

РАЗДЕЛ 03
Где применяется Illustrator
Шесть направлений, где векторная графика — рабочий стандарт
01
02
03
Логотипы и брендинг
Иконки
Иллюстрации
Фирменный стиль любой компании
начинается здесь
Для веба и мобильных интерфейсов
Книги, обложки, редакционные
иллюстрации
04
05
06
Типографика
Графика для UI
Инфографика
Постеры с крупным шрифтом и
плакатная графика
Иконки и иллюстрации внутри
цифровых продуктов
Диаграммы и схемы для прессы и
отчётов

5.

РАЗДЕЛ 04
Интерфейс программы
Четыре ключевые зоны рабочего окна Illustrator
1
2
3
4
Рабочее окно Adobe Illustrator
Панель инструментов
Tools — слева. Инструменты создания и
редактирования объектов.
Панель свойств
Properties — сверху. Контекстные
параметры выбранного объекта.
Монтажная область
Artboard — центр. Холст, на котором
создаётся графика.
Панель слоёв
Layers — справа. Иерархия всех
объектов документа.

6.

РАЗДЕЛ 05
Перо (Pen Tool) — главный инструмент
Базовый навык, на котором строится вся работа в Illustrator
КРИВАЯ БЕЗЬЕ
направляющая
опорная точка
Перо строит кривые Безье — векторные контуры из
опорных точек и направляющих. Это основа всей
профессиональной работы: 90% задач — это контуры,
построенные пером.
P
Вызов инструмента «Перо»
Клик
Прямая опорная точка (угол)
Клик + drag
Кривая с направляющими
Shift
Угол 45° при перетаскивании

7.

РАЗДЕЛ 06
Фигуры и работа с цветом
Базовые операции, с которых начинается любая работа
M
Базовые фигуры
M · L · Shi ft
Прямоугольник (M), эллипс (L), многоугольник, звезда.
Зажатый Shift — пропорции 1:1.
⬓
Shape Builder
Shi ft + M
Объединение, вычитание и пересечение фигур
перетаскиванием между ними.
▣
Заливка и обводка
Fill · S tro ke · X
Fill — цвет фигуры, Stroke — контур. Переключаются
клавишей X.
I
Пипетка
I
Копирование цвета и стиля с любого существующего
объекта.

8.

РАЗДЕЛ 07
Работа с текстом
Типографика — одна из сильных сторон Illustrator
Illustrator — мощный инструмент типографики. Текст
— это отдельный объект, к которому применяются
шрифты, кернинг и трекинг, выравнивание по
контуру. Можно создавать сложные композиции со
шрифтом как с векторной формой.
01
Точка (Point Type)
Одна строка. Клик пером и ввод текста. Не
переносится.
02
Абзац (Area Type)
Текст в рамке с автоматическим переносом
строк по ширине.
03
Кернинг — расстояние между парами букв. Трекинг —
между всеми буквами строки.
По контуру (Type on Path)
Текст идёт вдоль векторной кривой — круг,
дуга, волна.

9.

РАЗДЕЛ 08
Слои и монтажные области
Организационная модель Illustrator
▤
Слои (Layers)
F7
Организуют иерархию объектов внутри одного
холста. Можно группировать, скрывать,
блокировать и менять порядок наложения. В
сложной работе — десятки слоёв с понятными
названиями.
Слой 3 — подпись
Слой 2 — логотип
Слой 1 — фон
▦
Монтажные области
Artboards
Несколько холстов в одном документе. Удобно:
логотип, визитка и конверт — в одном файле.
Переключение через панель Artboards справа.
Логотип
Визитка
Конверт

10.

РАЗДЕЛ 09
Кривые и векторные контуры
Глубже в анатомию векторного пути
Anchor Points
АНАТОМИЯ КОНТУРА
Опорные точки — фиксируют контур на плоскости
Direction Lines
Direction Line
Направляющие — управляют кривизной сегмента
Direct Selection (A)
Выделение и перемещение отдельных точек
Anchor Point
Anchor Point
Convert Anchor Point
Shift+C — превращает угол в кривую и обратно
Контур — основа любого векторного объекта в Illustrator.

11.

РАЗДЕЛ 10
Экспорт и форматы файлов
Как и в каком формате отдавать результат заказчику
.AI
Родной
Для дальнейшего редактирования в
Illustrator
.EPS
Устаревший
Универсальный вектор,
совместимость
.SVG
Веб-вектор
Для иконок и логотипов в HTML
.PNG
Растр
Прозрачный фон, для веба
File → Export → Export As — выбор формата и параметров экспорта.
.PDF
Печать
Поддерживает вектор для
типографии
.JPG
Растр
Без прозрачности, фото-подобное

12.

ФИНАЛ
Следующие шаги
Что делать после этого урока
01
02
03
Практика
Изучи перо
Сообщество
Открой Illustrator и создай свой
первый логотип из простых фигур.
30 минут.
Повтори 5 базовых упражнений с
кривыми Безье из официального
руководства Adobe.
Подпишись на Behance и Dribbble,
наблюдай за работами
иллюстраторов.
30 минут
5 упражнений
Регулярно
Векторная графика — навык, который строится на повторении. Делай каждый день.