Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Процесс создания логотипа в Adobe Illustrator

13 октября 2014 | Опубликовано в Уроки | Нет комментариев »

В этом уроке вы увидите процесс создания логотипа в Adobe Illustrator. Автор выбрал простой, грубоватый стиль, для выполнения которого чаще используют растровые редакторы. Однако и в векторе можно добиться такого результата. Для повторения урока вам понадобится планшет. Мы будем создавать наброски, иллюстрировать логотип, настраивать кисти и применять эффекты.

 

Результат

Final product image

1. Набросок

Создание наброска — общепринятая практика, которая позволяет создать множество разных вариантов, не доводя их до идеала.

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

Настройте документ для наброска

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

Возьмите инструмент Artboard/Монтажная область (Shift-O) после того как создадите документ. Зажмите Alt и перетяните монтажную область, чтобы дублировать ее. Так у вас будет больше места для работы.

How to duplicate an artboard in Adobe Illustrator

Используем кисти, чувствительные к нажатию

Нам понадобится всего одна кисть для создания набросков, однако она должна быть чувствительна к нажатию, чтобы у нас был контроль над толщиной линии. Для создания набросков используйте инструмент Blob Brush/Кисть-клякса (Shift-B).

Вы можете создать кисть самостоятельно, открыв палитру Brushes/Кисти (Window > Brushes/Окно>Кисти) и кликнув по иконке New Brush/Новая кисть.

How to create a new brush in Adobe Illustrator

В диалоговом окне выберите вариант Calligraphic Brush/Каллиграфическая кисть.

The Adobe Illustrator New Brush Panel

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

How to set a brush to have pressure sensitivity in Adobe Illustrator

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

Set your brushs variation level

A new Adobe Illustrator brush in action GIF

Вот что получилось у автора урока на стадии создания наброска:

Sketching out logo designs in Adobe Illustrator with a Wacom tablet

2. Чистим наброски и создаем концепт

Выберите несколько понравившихся вам вариантов набросков и переходим к стадии создания концепта.

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

Немного подправим наброски и разместим текст.

Rough drafts of my logo design project

3. Иллюстрирование логотипа

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

Настраиваем кисть

Для иллюстрирования логотипов, нам понадобится более тонкая кисть. Создайте новую Calligraphic Brush/Каллиграфическую кисть, указав ей размер в 30pt и диапазон толщины в 12pt.

New Calligraphic Brush in Adobe Illustrator

Рисуем иконки

Стиль иллюстраций останется свободным и грубоватым. Для каждой иллюстрации мы используем Blob Brush/Кисть-кляксу (Shift-B) для создания основных форм. После этого переверните ручку планшета и используйте Eraser/Ластик (Shift-E) или Knife/Нож, чтобы создать детали для иллюстраций.

Чтобы процесс был понятнее, посмотрите это видео:

Drawing a logo icon with Adobe Illustrator and Wacom Tablet

После того как мы закончили рисовать каждую из иконок, добавим им эффект огрубления. В меню найдите Effect > Distort & Transform > Roughen/Эффект>Исказить и трансформировать>Огрубление. Теперь укажите следующие параметры:

Using Adobe Illustrators Roughen Effect to Add Details

Вот что примерно должно получиться:

Roughened and ready logo designs

4. Разные цвета и компоновка

Теперь, когда у вас есть основные компоненты лого, вы можете экспериментировать с цветами и компоновкой.

Так как все сделано в векторе, изменение цветов и позиции не составит труда.

Creating different color treatments and layouts for a logo design project

Результат

Когда вам хочется создать иллюстрацию или логотип в стиле «гранж», совсем необязательно работать в растре. Вы можете сделать то же в Illustrator, используя планшет и настройки кистей.

Автор урока Jacob Zinman-Jeanes

Перевод — Дежурка

Смотрите также:




Оставить ответ


− 5 = четыре

Вставить изображение