Перейти к содержанию
Дизайн IL—01

Вектор в Illustrator

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

8 модулей20 уроков
15 часоввидео и практики
С нулятребования
Навсегдадоступ и обновления
Формат
€42 разовый платёж
Оформить заказ Открыть программу
Оплата картой или через PayPal
Доступ открывается сразу после оплаты
Возврат 14 дней, если не начали смотреть
Результат

Что вы сможете делать

Строить формы пером и править кривые, а не переставлять точки наугад
Собирать иконку из простых фигур булевыми операциями
Держать единый стиль набора: сетка, толщина линий, скругления
Работать с цветом через образцы и перекрашивать набор за минуту
Рисовать иллюстрацию по референсу, разложив его на формы и пятна
Отдавать SVG, который не сломается в вёрстке, и PDF, который примут в типографии
Держать файл в порядке: слои, символы, монтажные области
Собрать набор иконок и иллюстрацию так, чтобы их можно было показать
Программа

8 модулей, один проект

Нажмите на модуль, чтобы раскрыть уроки

01 Чем вектор отличается от пикселей2 урока · 1 ч 26 минОткрыт

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

Кривая, узел, заливка: из чего собран вектор
Первый файл: монтажные области, слои, навигация
02 Перо и кривые Безье3 урока · 2 ч 16 мин

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

Узлы и ручки: как кривая слушается руки
Обводка по референсу: где ставить точку, а где нет
Правка формы: упрощение, выравнивание, симметрия
03 Иконка из простых форм3 урока · 2 ч 19 мин

Иконку почти никогда не рисуют пером целиком — её собирают из кругов и прямоугольников. Делаем набор из шести штук в одном стиле.

Булевы операции: объединение, вычитание, пересечение
Сетка иконки: 24 пикселя, шаг и оптическая коррекция
Шесть иконок одним набором: что держит стиль
04 Цвет2 урока · 1 ч 28 мин

Цвет в векторе — это не пипетка, а система образцов. Один раз собранная палитра позволяет перекрасить весь набор за минуту.

Образцы и глобальные цвета: перекрасить набор целиком
Градиенты и прозрачность без грязи
05 Текст и буквы2 урока · 1 ч 31 мин

Текст в векторе живёт по своим правилам: пока он текст — его можно править, стал кривыми — уже нет. И то, и другое нужно вовремя.

Шрифт как объект: кернинг, контуры, текст по пути
Леттеринг из готового шрифта: правим формы осознанно
06 Иллюстрация3 урока · 2 ч 19 мин

Иллюстрация начинается не с линии, а с разбора: какие тут формы и пятна. Собираем сцену с объёмом и вторым планом.

Разбор референса на формы и пятна
Объём без градиентной сетки: свет, тень, фактура
Сцена целиком: композиция и второй план
07 Порядок в файле и экспорт3 урока · 2 ч 13 мин

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

Слои, группы и символы: файл, который не страшно открыть
SVG для веба: чистый код, размеры, цвет из CSS
Печать: CMYK, вылеты, кривые и правильный PDF
08 Проект2 урока · 1 ч 32 мин

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

Набор иконок и иллюстрация для одного продукта
Подача: превью, короткий кейс, файлы заказчику
Материалы

Что вы получаете

20 уроков с расшифровкой

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

Исходники всех уроков

Файлы .ai на каждый шаг: можно открыть готовый результат и посмотреть, как собрана форма, а не гадать по видео.

Сетка и шаблон набора иконок

Заготовка с монтажными областями, направляющими и настроенным экспортом — чтобы начинать не с пустого холста.

Разбор частых ошибок

Кривая с лишними узлами, серые полосы на градиенте, съехавший при экспорте SVG — что именно пошло не так и как чинить.

Vladimir Rosca
Автор курса

Vladimir Rosca

Ведёт направление «Графика и моушен» в Forma. Полный список курсов автора — на его странице.

Все курсы автора

Первый модуль открыт целиком

Посмотрите уроки первого модуля и первое задание. Если формат не подойдёт — вы ничего не потеряли.