Рисуем логотип в Иллюстраторе

Всем привет! Сегодня у нас простой урок по созданию логотипа в Иллюстраторе. Автор урока веб дизайнер из Малазии Kai Loon. В своей работе Кай в большей степени занят CSS и веб разработкой. В том числе веб дизайном и графическим дизайном. Кроме того Кай участвует в разработке тем под WordPress. Перевод урока подготовлен для Хронофаг.ру.

[divider top=»0″]

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

Создаем рабочую область

Создайте новый документ 800px на 600px. Напечатайте текст. Я использую шрифт Futura для этого дизайна. Как только вас устроит результат переведите шрифт в кривые Shift + Ctrl + O. После чего добавьте к тексту градиент, как показано ниже. Разобраться с градиентами в Иллюстраторе вам поможет статья Градиент в Иллюстраторе

Рисуем элементы Pen Tool

Выберите инструмент Pen tool и нарисуйте фигуру. Скопируйте CTRL + C текст в  кривых и сделайте Paste CTRL + F в тоже самое место, поверх этой фигуры. Выберите обе фигуры и на панели Pathfinder выберите intersect shape areas.

Такими же способами нарисуйте тень под фигурой.

Рисуем увеличительное стекло логотипа

Выберите инструмент Ellipse tool и нарисуйте окружность. Скопируйте окружность и сделайте Paste CTRL+F. После чего удерживая ALT+SHIFT уменьшите её. Выберите обе фигуры и на панели Pathfinder нажмите subtract from shape. После этого разложите новый объект на кривые, нажав кнопку Expand на той же панели.

Расположите кольцо увеличительного стекла и добавьте настройки обводки и градиента как показано на картинке ниже.

Выберите инструмент rectangle tool и кликните по рабочей области. Появится диалоговое окно. Создайте объект длиной в 150px, высотой 50px и 20px радиус закругления углов. Залейте его градиентом и поверните на -111 ° градусов. Добавьте 1px окантовку.

Теперь добавим немного теней. Это можно сделать теми же приемами, которыми мы нарисовали оранжевую фигуру поверх надписи в самом начале работы с логотипом. Для области №1 мы выберем градиент от белого к черному под углом 57 °. Для области №2 такой же градиент с углом наклона 253 °, а для области №3 черный цвет. И не забудьте для каждого из объектов в окне Transparency  задать нужные настройки режимов наложения.

Теми же приемами нарисуйте подобие белых бинтов, которые оборачивают увеличительное стекло. Примените белый цвет и 0,5px окантовку.

Инструментом Pen Tool нарисуем бинты, развивающиеся по ветру.

Создайте прямоугольник инструментом rectangle tool. Добавьте радиальный градиент. После нарисуйте тень инструментом ellipse tool.

Мы почти закончили. Добавьте белую окружность поверх текста, но ниже чем увеличительное стекло. Понизьте видимость в окне Transparancy до 10%. А при помощи pathfinder создайте на его краю блик.

Заключение

Наконец добавьте теней для текста, так как текст находится позади лупы. Вот и все. В этом уроке от вас потребуются базовые навыки рисования. В остальном процесс одинаковый. Теми же приемами что и в первом шаге мы создаем один за другим элементы. Надеюсь вам понравился урок, удачи в ваших экспериментах с Иллюстратором!

P.S. Что подарить мужчине на праздник? Лучше всего для этого подойдет ручка в подарок, заказать которую можно на platinumpen.ru. Перьевые качественные ручки на любой вкус.