Создаем объемный логотип: Руководство и примеры для вдохновения

  1. Примеры 3D логотипов
  2. Как создать 3D логотип

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

Примеры 3D логотипов

Встречайте коллекцию из лучших 3D логотипов, которые мы тщательно отобрали для вас. Готовы поспорить, что таких динамичных и реалистичных дизайнов вы еще не видели!

Как создать 3D логотип

Ну что, готовы создать объемный логотип своими силами? С нашим подробным руководством это проще простого.

1. Создайте новый документ.

Шаг 1

Откройте Adobe Illustrator и создайте новый документ со следующими параметрами. 

Шаг 2

В меню выберите Preferences > Guides & Grid (Предпочтения > Направляющие и сетка). Создайте сетку размерами 50x50px и с 4 областями (см. Настройки ниже).

Шаг 3

Откройте вкладку View (Просмотр) и выберите View > Show grid (Просмотр > Показать сетку) и View > Snap to grid (Просмотр > Привязать к сетке).

2. Создайте геометрические формы.

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

Шаг 1

При помощи инструмента Ellipse (L) нарисуйте в центре листа круг размерами 200x200px. Затем внутри этого круга нарисуйте маленький круг. 

Шаг 2

Нарисуйте еще один круг (150x150px). Выровняйте его и два других круга по центру. Переместите круг вправо, дважды нажав на клавишу со стрелкой. 

Нарисуйте два прямоугольника размерами 50x50px и 50x25px. Разместите их, как показано на рисунке ниже.  

Шаг 3

Выделите все объекты и объедините их, используя инструмент Shape Builder (Shift+M). Объедините фигуры, как показано ниже. Вы можете заполнить объекты цветной заливкой сейчас или сделать это потом. Сотрите оставшиеся фигуры.

Шаг 4

При помощи инструмента Direct Selection (A) закруглите концы фигуры, чтобы получилась арка. Удалите обводку с двух объектов.

3. Создайте край.

Теперь нам нужно поработать над краями наших объектов, чтобы придать им объемный вид. 

Шаг 1

Уберите сетку. Выберите Preferences>General (Предпочтения > Общие). Введите значение 0.50px в поле Keyboard Increment. Выделите левую часть арки и переместите ее влево, нажав клавишу со стрелкой 10 раз. Затем переместите объект на задний план, выбрав Object>Arrange>Send to back (Объект>Упорядочить>Отправить назад).

Скопируйте (Ctrl+C Crtl+F) другую часть арки и переместите ее вправо, нажав клавишу со стрелкой 10 раз. Затем переместите объект на задний план. При помощи инструмента Shape Builder (Shift+M) удалите лишнюю часть арки. 

Шаг 2

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

4. Добавьте градиенты и прозрачность.

Чтобы создать тот самый волшебный эффект 3D, необходимо применить градиенты и поработать над прозрачностью слоев.

Шаг 1

При помощи инструмента Gradient (G) примените линейный градиент к левой части арки и задней части логотипа. Примените еще один градиент к краям логотипа.  

Шаг 2

Выделите верхнюю часть логотипа. Скопируйте ее (Ctrl+C Ctrl+F) и заполните желтой заливкой. Скопируйте объект снова и заполните его красной заливкой. При помощи инструмента Direct Selection (A) выделите нижнюю точку арки. Переместите ее вверх, нажав на клавишу со стрелкой 1 раз. Выделите красный и желтый объекты и выберите опцию Minus Front на вкладке Pathfinder.

Шаг 3

Проделайте то же самое с краем, чтобы получить эффект скоса.  

Step 4

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

5. Добавьте отражения и блики.

Чтобы ваш логотип выглядел реалистично, добавьте отражения и блики.

Шаг 1

Создайте две копии верхней части логотипа. Заполните новые фигуры красным и желтым цветами.

Переместите верхнюю фигуру на три шага влево, удерживая нажатой клавишу Shift. Выделите две фигуры и выберите опцию Minus Front на вкладке Pathfinder.

При помощи инструмента Gradient (G) примените градиент от белого с непрозрачностью 50% до белого с непрозрачностью 0%.

Шаг 2

Создайте блики для верхней и нижней частей логотипа, как описано в Шаге 1.

Шаг 3

Скопируйте верхнюю часть логотипа. При помощи инструмента Pen (P) нарисуйте кривую линию, пересекающую объект.

Выделите кривую и объект. Выберите опцию Divide на вкладке Pathfinder. Разгруппируйте объекты, выбрав Object>Ungroup (Объект > Разгруппировать), и удалите лишние части. Примените к объекту белый градиент с непрозрачностью  50%.

Шаг 4

Создайте две копии объекта из предыдущего шага. Заполните новые объекты желтой и красной заливкой. При помощи инструмента Pen (P) создайте дополнительную опорную точку, как показано на рисунке ниже. Переместите точку вверх.  

Выберите опцию Minus Front, чтобы создать блик. Заполните блик белым цветом и примените непрозрачность 50%.  

Шаг 5

Повторите изображенные ниже шаги, чтобы добавить еще одно отражение на верхнюю и нижнюю части логотипа.   

6. Завершающие штрихи.

Шаг 1

Выделите весь логотип и сгруппируйте его (Ctrl+G). Скопируйте группу (Ctrl+F). Отразите копию вертикально и горизонтально, выбрав Object>Transform>Reflect (Объект>Преобразовать>Отразить). Упорядочите две группы, как показано на рисунке ниже. Сгруппируйте все объекты. 

Шаг 2

Создайте фон при помощи инструмента Rectangle (M). Нарисуйте прямоугольник (800x600px) и заполните его темно-синей заливкой. Переместите прямоугольник назад. Выровняйте прямоугольник и логотип по центру.

Руководство от Гектора Хередиа (Hector Heredia) на utpad.com

Рубрики: How To

Создавайте свой дизайн сейчас

Приступите к разработке своего фирменного стиля прямо сейчас. Введите название своей компании — и всего через минуту логотип будет у вас! Попробуйте сами! Нет ничего проще!