balazs ketyi 74tfa1hjqws unsplash 1 1160x620 - Как создать иллюстрации, когда не умеешь рисовать

Личная история с практическими советами

Поверьте мне, вы не захотите смотреть мои рисунки. И это правильно – мои способности весьма скромны. Но когда я была стажером-дизайнером на последнем курсе колледжа, мое агентство было в затруднительном положении: нам нужно было срочно сделать векторные иллюстрации, и не было никого, кто мог бы с этим помочь. Решив проявить себя, я вызвалась попробовать. (Да, девочка, которая не умеет рисовать). Вскоре стало ясно, что процесс на самом деле не был таким сложным, как казалось. Конечный результат не только решил потребности компании-заказчика, входящей в список Fortune 500, но и послужил стартом для создания бесчисленного множества других иллюстраций, используемых компаниями по всей стране.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как создать иллюстрации, когда не умеешь рисовать
Набросок и финальная иллюстрация для пустого состояния сайта Envoy

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

ux research big - Как создать иллюстрации, когда не умеешь рисовать

Профессиональная подготовка UX-исследователей

Научитесь определять потребности пользователей! 3 месяца обучения, ведущие эксперты, удостоверение о повышении квалификации НИУ ВШЭ, менторство
Узнать подробнее

Это не означает, что эти навыки не имеют ценности (или что векторное рисование – это легко), но в случае векторной графики кривая обучения становится менее крутой. Это уже не гора, а холм.

Единый инструмент

Прежде чем начать отрабатывать технику, вы должны сначала понять программу, в которой будете работать. Есть одна характерная особенность, имеющая решающее значение для создания векторов. Это инструмент Pen Tool. Не могу сказать, сколько раз я слышала стоны при одном лишь упоминании его названия. Несмотря на то, что он может вызывать уныние, его освоение не должно быть мучительно сложным. Я всецело объясняю свой успех лишь одной вещью: лабиринтами.

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как создать иллюстрации, когда не умеешь рисовать
Пройдите лабиринт с минимальным количеством опорных точек

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

Быстрый рост благодаря копированию чужих работ

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

Разбор чужих иллюстраций

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

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как создать иллюстрации, когда не умеешь рисовать
Эскимо из кругов и прямоугольников

По возможности я использую пресеты фигур. Просто потому что мы не можем нарисовать круг так же идеально, как компьютер. Хотя это может показаться читерством, это гарантирует, что конечные результаты будут выглядеть изящно и аккуратно. (Попробуйте Pathfinder, Corner Widget и Scissors Tool, чтобы повысить свою эффективность).

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как создать иллюстрации, когда не умеешь рисовать
Создание макаронин с помощью круга

Развитие стиля

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

Сначала казалось непосильной задачей использовать воображение для рисования, но я применила ту же логику, что и раньше – создавать и трассировать кривые. Только на этот раз, я использовала чужие иллюстрации как отправную точку. Крайне важно не копировать чужую работу, а брать за основу правильно выполненную технику. Например, я могу найти три разных рисунка волос. Я могу взять за основу одно изображение, и совместить его с челкой со второго, и углом наклона головы с третьего. После того, как я сформировала эту основу, было намного легче менять точки кривых, пока они не стали моими собственными.

Пять лет спустя

Теперь я создаю иллюстрации несколько раз в неделю, не задумываясь дважды о строительных блоках или о том, как построить кривые Безье. Я все еще не умею рисовать. Но я делаю наброски, чтобы быстро выразить грубые идеи. Я не называю себя иллюстратором – я дизайнер, который немного занимается иллюстрацией. Это различие важно, потому что есть много искусных иллюстраторов , до которых мне еще очень далеко. Может быть, однажды я стану иллюстратором, может быть нет (хотя я постоянно выкладываю работы на Dribbble.)

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Как создать иллюстрации, когда не умеешь рисовать
Некоторые иллюстрации из рабочих и сторонних проектов

Ничего не дается легко, самое важное – просто с чего-то начать… и иногда начать не так сложно, как вы думаете.

P.S. Если вы попробуете выполнить задание с лабиринтом, мы будем рады увидеть ваши результаты! Пишите Envoy Design в Twitter, и возможно мы отправим вам сюрприз. 💌

Спасибо за прочтение! Обязательно посетите envoy.design и подпишитесь, чтобы получать уведомления о новых публикациях.

Спасибо Katie Riley, Jon Rundle и Kelly Wahlstrom.

Оригинал: medium.com

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Добавить комментарий
Похожие записи

100 дней 3D дизайна. Как я научилась 3D-моделированию за 100 дней

В статье представлен мой рабочий процесс, мое 100-дневное путешествие с советами и размышления о проекте

Часть 1. Сайты с качественными и бесплатными иллюстрациями.

Всем привет! Сейчас дизайнерам всё труднее и труднее найти качественного художника, который…

5 основных принципов UX-дизайна (c иллюстрациями)

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