В этом туториале я надеюсь проиллюстрировать вам некоторый процесс создания логотипа с помощью программы Adobe Illustrator (Хотя, с небольшими изменениями, можно применить данный урок и к Adobe Photoshop). Это не столько урок по использованию Illustrator'а, сколько способ показать вам метод создания корпоративных стилизированных логотипов. Основная идея может быть использована в любой программе (в том числе и в Фотошопе).

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

Этот логотип делался для компании Stone Gecko (Каменная Ящерка) и я подумал, что изображение хамелеона/ящерицы будет в самый раз. Частью оригинальной концепции было сделать контуры ящерицы с проявляющейся сквозь них фактурой камня, но это значительно усложнило бы этот туториал и мне пришлось отказаться от этого.

Этот туториал подразумевает, что вы обладаете основными знаниями по работе с Иллюстратором: выбор объектов, изменение контуров и их заливка. Умение хорошо владеть инструментом Перо является большим плюсом!

Шаг 1 — Поместите оригинальное изображение шаблоном.
С открытием нового документа (размера 8.5"x11" должно хватить), вам надо будет установить изображение, которое вы хотите перерисовать, в качестве шаблона.
File » Place » image name » check template box
Это разместит изображение на отдельном запертом слое с прозрачностью в 50%.
Новый слой будет создаваться над шаблоном автоматически.


Шаг 2 — Переименуйте слой 1.
Двойной клик на слое и вы сможете поменять его имя на “Line art”, именно на нём вы будете рисовать очертание ящерки.
Шаг 3 — Начинаем обвод изображения.

Выберите инструмент Перо (Pen). Используя Перо обведите ящерицу контуром. Основы применения якорей (anchors) Пера смотите здесь (ставите пару якорей и ручкой(handle) управляете их изгибом):

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


Шаг 4 — Добавим слой для лапок ящерицы.

Кликните на иконке нового слоя, как показано на рисунке, и создайте новый слой. Назовите его “Legs”.
Мне нравятся простые вещи, а использование отдельных слоёв может иногда помочь.
Шаг 5 — Рисуем лапки.
Совет: заприте слой расположенный ниже того, над каким вы работаете: это не даст вам случайно выбрать его объекты или якоря.

Теперь давайте зальём все объекты и посмотрим как выглядит наша маленькая ящерка.

Шаг 6 — Удаление некоторых линий и доп.настройки.
После добавления нескольких пальцев на передней лапке и использования Direct Select (“A”) для очистки и некоторого изменения линий, мы получили следующую версию логотипа (в таком разрешении трудно увидеть изменения, но, поверьте мне, они там есть).

Шаг 7 — Добавляем слой вырезки.
Теперь начинается самое магическое! Мы будем использовать мой метод, который я называю “вырезка” (cut-out). Мы будем рисовать белые формы над чёрной основой ящерки и таким образом формировать реальные контуры нашего логотипа.
Создайте новый слой и назовите его “Cut-out”.

Заметьте, что все нижележащие слои заперты (рядом с ними иконка замочка).
Шаг 8 — Начинаем рисовать вырезку.
Используя тот же метод, которым мы рисовали слой “LineArt”, теперь сделаем слой “Cut-out”, только с использованием белого цвета. После того как нарисуете основные формы — залейте их белым цветом.

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

Теперь развернём ящерку и добавим название компании.