Как шаг за шагом создать логотип в Adobe Illustrator

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

Логотип, изотип или имаготип

Обычно мы используем слово «логотип» для обозначения символа, представляющего бренд. Однако этот термин используется не совсем правильно. Прежде чем мы начнем проектировать, давайте проясним это.

• El логотип это символ, который представляет бренд и состоит из изображения и текст (или типографика).
• Когда символ состоит только из изображение, без текста, правильнее использовать термин изотип.
• Есть бренды, которые иногда используют разные части своего логотипа независимо друг от друга. Например, Nike часто представлена ​​исключительно Свуш. Когда изображение логотипа ассоциируется с брендом без необходимости сопровождать типографикой, мы можем называть его имаготип.

Создайте новый документ в Illustrator и наблюдайте за моделью.

Создадим новый документ. Придадим рабочему столу Формат А4, таким образом, у нас не будет недостатка в пространстве для работы. Я изменил цветовой режим в RGB.

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

Создайте все необходимые формы в Adobe Illustrator

Тело совы

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

Как перейти от прямоугольника к форме туловища совы? Нам нужно исказить это, и для этого у нас есть инструмент прямого выбора на панели инструментов. Когда вы выберете его, вы увидите, что в углах прямоугольника есть что-то вроде обработчики (круги). Если вы потянете прямо за любой из них, вы увидите, что углы поворачиваются. Чтобы деформировать один угол, просто щелкните один раз и затем потяните. Вы увидите, что этот угол перемещается, а остальное остается как было.

Начнем с левого нижнего угла, доведем ручку до предела. Мы продолжим движение к левому верхнему углу и, наконец, закруглим верхний правый угол. Так вы получите желаемую форму.

Глаз совы

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

Когда у нас есть все элементы глазка, пора его собирать. Для любой дизайнерской задачи, которую вы выполняете в Illustrator инструмент выравнивания является основным. Он может не отображаться, вы всегда можете получить к нему доступ через окно>выстроиться в линию. Это автоматически поможет вам выровнять разные элементы. Вы можете ссылаться на монтажную область, выделение или ключевой объект. Для выравнивания вам просто нужно выделить несколько объектов и eвыберите вариант выравнивания. Если вы хотите выбрать эталонный объект, сделайте выбор и щелкните объект, который вы хотите преобразовать в ключевой объект, не нажимая никаких клавиш. Центрируем зрачок во внешней части глаза.

Дублируйте и переверните, чтобы создать другой глаз

Если вы заметили, другой глаз точно такой же, но в противоположном положении. Чтобы не повторять весь процесс, мы сделаем следующее: duplicar уже созданный. Вы можете сделать это с помощью command + c (копировать), а затем command + v (вставить), или вы можете выбрать нажмите клавишу выбора и перетащите. Чтобы инвертировать его, нажмите на него и на панели свойствв разделе "преобразование" в символах, указанных на изображении выше, вы можете перевернуть форму, в этом случае нам нужно, чтобы он был горизонтальным.

Создайте крыло с помощью Pathfinder или Pen Tool.

Вернемся к большой форме, вы увидите, что у нее есть крыло. На самом деле это та же форма, которую мы используем для тела, расположенного сзади и повернутого. Я воспользуюсь этой возможностью, чтобы объяснить два очень полезных инструмента для создания логотипов: инструмент «Перо» и средство поиска пути.

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

Другой способ построить крыло - использовать поисковик. Если он не отображается, вы найдете его на вкладке окна> Обработка контуров.. С помощью этого инструмента вы можете комбинировать или вычитать части. В этом случае мы должны выбрать вариант: меньше спереди. Дублируйте форму тела, поместите ее позади, формируя крыло, и продублируйте снова, прижмите меньше спереди и сотрите лишнее. У нас уже было бы свое крыло. Как только все формы будут созданы, вы можете собрать логотип.

Цвет и градиент для вашего логотипа в Illustrator

Пока мы не затронули вопрос цвета. При разработке логотипа важно обращать внимание на цвет, выбирать тона, которые гармонируют и отражают дух бренда. Я выбрал розовый цвет, оставлю указанный выше код цвета на случай, если он вам подойдет. Глаза не заполнены, это белая линия толщиной 0,25.

Розовая часть тела не плоского цвета, у нее есть деградированный. Существуют противоречивые мнения относительно логотипов с градиентом или без него. Прежде чем использовать их, это было опасно, потому что градиент мог быть потерян при загрузке в Интернет. Однако это проблема преодолена. Многие бренды используют градиенты в своих логотипах, такие же узнаваемые, как Instagram. Мне лично они нравятся, потому что при правильном использовании они добавляют логотипу объема.

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

Типографика в логотипе

В тексте нет никаких сложностей, он написан шрифтом Oswlad Medium, который вы можете бесплатно скачать на сайте Google Fonts. Мы задали ему размер 17 пунктов и выбрали тот же розовый оттенок, вот как это будет выглядеть!

Как настроить шрифты в Adobe Illustrator

Поговорим подробнее о типографике! Шрифты можно преобразовать в штрихи, сломайте, деформируйте, и мы можем играть с ними. Я очень неохотно делаю это, но эй, создание логотипов - хороший ресурс, и вы должны это знать. Посмотрим на пример:

Выберем шрифт File Black, и я напишу это имя. Сейчас мы мало что можем с этим поделать. Мы должны преобразовать типографику в штрих. Для этого, мы выделяем его инструментом выделения и переходим на вкладку текста> создаем контуры. Перед этим убедитесь, что текст написан хорошо, потому что вы больше не сможете его редактировать!

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

Проверьте свои логотипы с помощью мокапов в Photoshop

Хорошая идея проверить, работает ли ваш логотип, - создать мокапы в Photoshop. Это лучший способ быстро увидеть, как это будет выглядеть на самом деле и как это можно реализовать. Как вы думаете?