10 августа 2026 5 мин чтения 1

Как сделать логотип в Illustrator — пошаговый гайд

Adobe Illustrator — профессиональный стандарт логотип‑дизайна: практически каждый знак из нашего каталога прошёл через него или его аналоги. Для новичка программа выглядит пугающе — сотни инструментов, из которых для логотипа нужны от силы десять. Разбираем весь маршрут: от нового документа до комплекта файлов, который примут и типография, и разработчик.

Коротко

Маршрут: документ RGB для экрана (CMYK‑версия — потом) → знак собирается из фигур и Pathfinder, а не рисуется пером → сетка и направляющие для выравнивания → текст → Create Outlines перед экспортом → Export для SVG/PNG, Save As для PDF. Если Illustrator недоступен, тот же процесс работает в бесплатных Inkscape и Figma.

Чем Illustrator отличается от Figma для этой задачи

Оба — векторные редакторы, и для простого знака хватит любого, о чём мы писали в нашем гайде по Figma. Illustrator выигрывает там, где нужна точность и печать: полноценный CMYK и Pantone — подробно зачем — тонкие булевы операции Pathfinder, инструменты для сложной пластики (Width Tool, скругления отдельных углов), экспорт в EPS для консервативных подрядчиков, которым нужен свой формат под свою задачу. Плата — цена подписки и порог входа.

Шаг 1Документ

Создайте документ 1000×1000 px, RGB — для проектирования удобнее экранный режим; CMYK‑версию для печати вы сделаете конвертацией в конце. Сразу добавьте ещё две монтажные области (Artboard): 48×48 и 16×16 — контрольные, для проверки знака в размере иконки и фавиконки. Включите Smart Guides (⌘U) — «умные» направляющие, без которых выравнивание превращается в мучение.

Шаг 2Знак: фигуры + Pathfinder

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

Фигуры: Ellipse (L), Rectangle (M), Polygon. Зажимайте Shift для правильных пропорций.
Pathfinder (Window → Pathfinder) — сердце процесса: Unite склеивает фигуры, Minus Front вычитает верхнюю из нижней, Intersect оставляет пересечение. Полумесяц = круг минус круг; листок = пересечение двух кругов.
Скругления: потяните за круглые маркеры у углов (Live Corners) — радиус каждого угла настраивается отдельно, чего нет во многих редакторах.
Перо (P) — только для форм, которые не собрать из фигур. Правило: минимум опорных точек; каждая лишняя точка — потенциальная кривизна.
Направляющие из фигур: постройте сетку из окружностей (как в знаке ChatGPT или яблоке Apple), выделите и превратите в направляющие (⌘5) — по ним выверяются дуги.

Оптические компенсации

Illustrator идеально точен математически — но глаз работает иначе: круг рядом с квадратом одинаковой высоты кажется меньше, горизонтальная линия той же толщины, что вертикальная, выглядит толще. Профессионалы правят такие вещи «на глаз» поверх геометрии — именно это отличает живой знак от машинного — хороший пример с дугами в логотипе Spotify.

Шаг 3Текстовая часть

Наберите название инструментом Type (T). Подбор гарнитуры — отдельная дисциплина с юридическими ловушками: шрифт должен иметь лицензию на коммерческое использование — подробно про шрифты для логотипа у нас есть отдельная статья. Настройте трекинг и кернинг вручную (Alt+стрелки между буквами): дефолтный набор почти всегда требует правок в паре мест — классика: сочетания «ГА», «ТА», «АУ».

Перед экспортом — Type → Create Outlines (⇧⌘O): текст превращается в кривые и перестаёт зависеть от установленных шрифтов. Обязательно сохраните копию файла с живым текстом — из кривых обратно в текст пути нет.

Шаг 4Цвет и версии

Задайте цвета и сохраните их в Swatches как глобальные (галочка Global) — тогда смена оттенка обновит все объекты разом. Палитру собирайте по методике из статьи как подобрать цветовую палитру бренда. Сразу постройте обязательный комплект — почему он именно такой: цветная версия, чёрная, белая (проверьте на тёмной монтажной области), компактный знак без текста.

Шаг 5Проверки

Скопируйте знак на контрольные области 48 и 16 px: силуэт должен выживать.
View → Pixel Preview: так знак увидят экраны — тонкие линии, «мылящиеся» в пикселях, видны сразу.
Переведите копию в оттенки серого (Edit → Edit Colors → Convert to Grayscale): композиция обязана работать без цвета.
Object → Path → Clean Up: удаляет пустые точки и объекты‑мусор, которые потом раздуют SVG.

Шаг 6Экспорт: три двери

Куда	Как	Настройки
Веб, разработчики	File → Export → Export As → SVG	Styling: Presentation Attributes; Decimal: 3; текст уже в кривых
Типография	File → Save As → PDF	конвертируйте цвета в CMYK (детали)
Соцсети, документы	Export As → PNG	1x/2x/4x, галочка Transparent (зачем прозрачность)

Экспортированный SVG стоит прогнать через оптимизатор — Illustrator пишет в файл лишние метаданные, и мы рассказывали, как чистить такой SVG. Рабочий AI‑файл с живым текстом — в архив: это ваш мастер‑исходник, и что вообще должно быть в комплекте от дизайнера, тоже стоит держать в голове.

Частые ошибки новичков в Illustrator

Обводки не переведены в заливки. Object → Path → Outline Stroke перед финалом: обводка при масштабировании ведёт себя иначе, чем заливка.
Знак «на глазок» без сетки. Расхождения в полпикселя незаметны в макете и очевидны на вывеске.
Прозрачности и эффекты в SVG. Тени, растровые эффекты и режимы наложения ломают SVG — знак должен состоять из чистых заливок.
Один artboard на все версии. Каждой версии — своя монтажная область: экспорт пакетом, ничего не потеряется.
CMYK‑документ для экранного знака. Цвета «тускнеют» ещё на этапе дизайна. Порядок обратный: RGB для проектирования, CMYK — конвертацией для печати.

Дальше: проверьте знак по чек‑листу ошибок, соберите палитру и мини‑гайдлайн — что такое брендбук и зачем он нужен, мы объясняли отдельно. Бесплатные альтернативы всему описанному — Inkscape (полноценный векторный редактор) и Figma; генеративный путь — логотип нейросетью с доводкой в том же Illustrator.