Мастер-класс от Mash.ua: Как нарисовать графический логотип в Adobe Illustrator?

В статье «Как нарисовать текстовый логотип» Mash.ua на правах главного украинского авторитета в продажах хендмейд:) учил создавать логотип, содержащий исключительно текст. Этот мастер-класс научит вас рисовать базовые элементы для создания графического логотипа «с нуля» - как по навыкам, так и по исходным графическим материалам. 

Нам понадобятся:

  • Adobe Illustrator (AI) (желательно на английском, так как русифицированные версии часто грешат неточностями в переводе инструментов). Мы использовали версию CS5. Лирическое отступление: для создания логотипов лучше использовать векторный формат, который позволит масштабировать лого без потери качества; с вектором работают программы CorelDraw и Illustrator. Мы выбрали второй вариант.
  • Доступ в интернет.

1. Перед началом работы хорошо было бы определиться с общей идеей будущего логотипа. Для начала мы перебрали ассоциации, которые возникают при мысли о «Тайном арбузном обществе» (продолжаем тему прошлого мастер-класса): собственно, сам арбуз, масонский символ «глаз», замочная скважина, мякоть арбуза, полоски, квадратные китайские арбузы, зелёный цвет, тарелка с косточками арбуза, солнечное лето, люди, объединённые чем-то (и ещё пара десятков менее очевидных идей). Считается, что для использования в логотипах не стоит выбирать так называемые ассоциации первого уровня (то есть, те, что первыми приходят в голову). Тем не менее, для целей обучения мы пойдём по самому простому пути и выберем первые идеи (квадратные арбузы, замочная скважина, мякоть арбуза). Мы используем пример, далёкий от handmade, но в данном случае это не должно Вам помешать применить полученные навыки:)

Тут-то нам и понадобится интернет: для подбора визуальных решений. 

Гуглим «квадратные арбузы» и «замочная скважина».

Возникла идея следующего визуального решения: арбуз в ортогональной проекции + замочная скважина на фоне среза.

2. Приступаем к реализации: создаём новый документ (начало работы в Illustrator подробно было описано в статье «Как нарисовать логотип»). Выбираем инструмент «Polygon Tool» (рисуем шестиугольник, а не четырёхугольник, потому что выбираем не фронтальную проекцию).

2.1. Рисуем шестиугольник. Чтоб фигура была правильной (то есть, с равными сторонами) удерживаем Shift в процессе рисования.

Вот таким он у нас получится – зелёный шестиугольник с синей обводкой. Переворачиваем фигуру в режиме выделения (обратите внимание, какой инструмент активен в панели инструментов) с помощью курсора, который становится полукруглым при наведении на угол.

2.2. Выбираем инструмент Direct Selection Tool (отмечен розовым на панели инструментов). Выделяем 4 угла с левой стороны (попробуем разные способы скругления для разных частей фигуры).

 

Когда углы выделены (обратите внимание, точки на выделенных углах подсвечены голубым, на невыделенных - белым), воспользуемся командой «Convert selected anchor points to smooth», эта кнопка и подсказка к ней выделены розовым.

2.3. После нажатия фигура выглядит так:

 

Для того, чтобы вручную скруглить углы воcпользуемся тем же инструментом выделения «Direct selection Tool». Возле выделенных точек в углах появятся отрезки, управляя которыми вы сможете варьировать скругление.

 

2.4. Приступаем к рисованию полосок на арбузе. Создадим продолговатый черный овал с помощью инструмента «Ellipse Tool».

Вот таким он получился:

В режиме выделения (отмечен розовым на панели выше) копируем овалы. Получаем такую картинку:

Таким же способом создаём маленький овал на месте хвостика (там где он обычно у арбузов, пусть и квадратных).

2.5. Сейчас наша задача заключается в том, чтобы искривить эти овалы таким образом, чтоб они смотрелись как полосы на настоящей арбузе, учитывая при этом пропорции и перспективу. Для этого создадим точки, от которых будем отталкиваться при деформации (то есть деформация будет происходить по этим точкам). Для создания таких точек воспользуемся инструментом «Pen Tool» (подсвечен розовым на панели инструментов).

В этом режиме ставим точки, по которым хотим делать трансформацию на контурах наших овалов.

Когда точки проставлены,  выбираем инструмент «Direct selection tool», с которым мы уже знакомы, и деформируем овал так, как нам нужно. Обратите внимание, когда мы деформируем верхнюю часть овала над точками, нижняя часть остаётся неизменной.

Таким образом двигаем и трансформируем остальные овалы (удалим три овала справа, так как проще трансформировать левые овалы и скопировать, отобразив по вертикали). Получается такое изображение (три овала, которые мы будет копировать на рисунке уже выделены):

 

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

Для того чтоб отразить по вертикали выделенные объекты (наши вставленные овалы), воспользуемся меню Object. Выбираем пункт «Transform», в новом окне выбираем команду «Reflect».

 

Получаем дополнительное окошко выбора параметров отражения. Выбираем пункт Vertical и значение 90 (вертикальное отображение под 90 градусов). Если вы ставите галочку в поле «Preview», все изменения, вносимые в параметры отображения, будут демонстрироваться ещё до нажатия «Ок».

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

Изменим контур обводки (цвет и толщину), о том, как работать с ними, было подробно рассказано в статье «Как нарисовать текстовый логотип».

Для того чтоб куски овалов не торчали из-за контура, сотрём лишнее ластиком (Eraser Tool, подсвечен розовым на панели инструментов).

Получили такие симпатичные полосы:

 

2.7. Теперь делаем полоски вверху (над основанием арбуза). В целом тут должна быть кропотливая работа по созданию и деформации новых полос специально под перспективу, но мы сделаем проще (мы же только учимся) и скопируем все наши овалы для того, чтоб отобразить их по горизонтали и переместим их выше.

Сотрём лишнее с помощью Eraser Tool и немного исправим полоски под перспективу. На рисунке мы добавили дополнительные полосы (по одной с каждой стороны), чтоб закрыть образовавшиеся при отображении пустые фрагменты.

2.8. Сделаем теперь ореол вокруг основания арбуза. Скопируем овал, вставим его поверх нашего основания (Edit – Paste in place).

 

Теперь основания не видно под ореолом, перенесём основание вперед, перед ним (правая кнопка мыши, Arrange и далее - Bring to front).

 

Заливку этого ореола мы сделали с определением цвета инструментом «Color guide» (цветовая панель в правом верхнем углу окна). О том, как использовать этот и многие другие похожие инструменты и функции читайте в статье «Как подобрать цвет: сервисы и инструменты». По итогу получили такую картинку:

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

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

Сгруппируем объекты и перенесём их на наш арбуз. Для этого выделим их и вызовем контекстное меню. В контекстном меню выберем команду «Group».

Перенесём сгруппированный объект, заменим цвета. Разгруппируем, чтоб можно было править фон отдельно от самой скважины.

Теперь с помощью меню «Warp options» варьируем искривление фона (круга), чтоб правильно вписаться в перспективу.

Искривление готово.

2.10. Теперь подбираем подходящий цвет и обводку и – вуаля! Графический логотип готов. 

 

Задавайте вопросы в комментариях и до встречи на mash.ua – самой большой в Украине площадке для продажи и покупки handmade! 

Узнавайте самое интересное от uamasters.com.ua на Facebook, Вконтакте и Twitter!


Комментировать


Защитный код
Обновить

UaМастера в twitter   UaМастера в Google+  RSS подписка

БЛИЖАЙШИЕ СОБЫТИЯ

Все события

ОБСУЖДАЮТ

  • Как продавать товары ручной работы за границей?
    • Maxclipart
      Если решились открыть свой магазин на ETSY, Вы можете зарегистрироваться по ссылке и бесплатно ...
       
    • Елена Савченко
      Томасина. Добрый день Хочу зарегистрироваться по Вашей реф-ссылке в esty Как с Вами связаться?
  • МЭДВИН: Рукоделие. Подарки к Рождеству – 2012
    • Artem
      Меня зовут Анна я хочу отправить заграницу вязание спицами носки для детей и взрослых и для самых ...
  • Что покупают у украинских мастеров на Etsy?
    • Oksana201079
      Хочу открыть магазин на Etsy,но реально понимаю что ничего не понимаю,может кто-то поможет мне в этом ...
       
    • Oliga
      Добрый день - можно к Вам обратиться за советом? По раскрутке магазина? Спасибо заранее!!!!
       
    • Elank_a
      Актуально. Пишите на почту, которую я дала чуть выше тут
       
    • марина M
      Здравствуйте, скажите,ваше предложение ещё актуально? К вам можно обратиться за советом?