Как сделать векторные изображения более реалистичными

Adobe Illustrator стал одним из главных приложений для создания векторных иллюстраций. В Illustrator’е можно создать все, что угодно — начиная с логотипов и заканчивая веб-сайтами и фотореалистичной графикой.

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

Вот список того, что может вам помочь создать потрясающие векторные иллюстрации

  • Перспектива
  • Плавные линии
  • Цвета
  • Выделения краев
  • Блики
  • Тени

Пройдёмся по этим пунктам подробнее

Придерживайтесь перспективы

Когда дело доходит до того, чтобы делать реалистические иллюстрации перспектива должна стать для вас самым главным фактором. Если вы проигнорируете перспективу, то иллюстрация будет выглядеть плоской и искаженной.Самые важные аспекты перспективы — размер и расстояние. Чем дальше объект, тем он должен быть меньше, и наоборот. Варьируйте размеры, чтобы добиться реалистичного и качественного изображения. Давайте рассмотрим методы создания перспективы.

Перспективная Сетка

Один очень полезный метод состоит в том, чтобы использовать перспективную сетку, которая появилась в Illustrator CS5. Установление горизонта и точки схода является частью этого процесса. Сетку можно редактировать, таким образом она может быть настроена так, чтобы вы могли изменить перспективу просто при перемещении угловых узлов сетки.

Extrude and Bevel

Функция Extrude and Bevel является удобным инструментом для того, чтобы создать трехмерные объекты. Вы можете установить значение для перспективы в поле опций Extrude and Bevel (поле Perspective). Полученный объект будет доступен для редактирования. Используйте инструмент Pen (P) для редактирования основы вашего объекта. Так вы создадите чистые и простые объекты без нежелательных частей или опорных точек, которые бы только мешали.

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

Плавные линии

Создание объектов в Illustrator’е не всегда сложное. Чтобы создать прямые и кривые линии используйте инструмент Pen (P) или просто объедините объекты, используя функции панели Pathfinder, такие как Unite, Minus Front, Subtract, Intersect, и т.д. (научится это делать можно тут). Это требует практики и умения — наберитесь терпения и набивайте руку.
Live Tracing — эффективный способ создать векторные иллюстрации. Попытайтесь закончить рисунок с минимумом опорных точек, убирайте все промежуточные точки — так линии получатся максимально плавными. Для улучшения навыков работы с кривыми читайте статью Приёмы использования инструмента «Перо» (Pen tool) в Illustrator

Цвет

Эта часть творческого процесса сложна и интересна. Выбор правильных цветов может вызвать трудности. Во-первых, нужно определится с тем, чего от вас хотят заказчики. Нежные и пастельные цвета подойдут для ретро стиля, сделав его более глубоким и многогранным. Если Вы хотите фотореалистичности, вам нужны более яркие, и в тоже время не чистые, цвета. Хороший контраст может сделать из вашей работы настоящий шедевр. Если вы не знаете как выбрать правильную цветовую гамму, поможет сайт kuler.adobe.com и цикл статей о теории цвета в дизайне
Есть также библиотека цветов в самом Illustrator’е.

Градиенты

Когда дело доходит до цветового оформления, применение линейных и радиальных градиентов является лучшим способом показать источники света и придать глубины вашей работе. Определение положения и угла источника света является первым шагом в процессе создания цветового оформления макета. Тени и акценты должны быть добавлены согласно источнику света. Темные цвета моделируют тени и оттенки, в то время как светлые цвета помогут вам акцентировать нужную часть макета.
Помимо создания теней и акцентов, градиенты — отличный способ обрисовать форму предмета. Используя только цвет, можно придать объем объекту. Для создания градиента можно использовать столько цветов, сколько вам хочется, хотя лучше бы они сочетались друг с другом. Используйте различные режимы наложения Blending Mode, например, Multiply, Overlay, Screen и Light. Линейные градиенты главным образом используются для плоских объектов, радиальные градиенты — для овалов и круглых форм.

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

Инструмент Gradient Mesh

Иногда нам нужно использовать несколько градиентов разных типов в одном объекте.
Градиентная сетка — очень полезный и эффективный инструмент, который позволяет разделить любой объект на редактируемые области, это позволяет производить градиентную заливку, которая полностью повторяет форму объекта.

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

Выделение краёв

Когда вы покончите с градиентами, нужно будет обязательно проработать края. Если в изображении есть прямые линии, то выделить их лучше всего с помощью инструмента Pen. С его помощью можно создать простые фигуры, залитые градиентом, которые помогут выделить края. Или же можно создать резкий белый край с отражением, используя низкую непрозрачность. На самом деле, существует множество способов выделить форму объекта. Создание выделения для кривых линии практически такое же. Очень важно, чтобы край фигуры, призванной подчеркивать контур, шёл вдоль той фигуры, которую мы хотим подчеркнуть. Добиться этого можно при помощи панели Pathfinder, которая предусматривает ряд вариантов для кривых линий. В этом случае пером пользоваться не рекомендую, получится очень затратно по времени, и менее точно.

Блики

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

Акценты очень полезны, когда вам хочется выделить какие-то области вашего изображения. С правильным подбором цветов и бликов можно добиться многого, и если все сделать правильно, то в результате у вас получится отличная глянцевая поверхность.

Последний штрих: Тени

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

Если у вас объект сложной формы, то лучше всего создавать тени при помощи Blending tool (см. статью Работаем с функцией Blend).

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

Вывод

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

via

Читателям также нравится:

Обратите внимание!

Запущена новая версия сообщества для творческих людей — TopCreator, которое мой блог всячески поддерживает. Мы верим, что проект нужен российским дизайнерам, иллюстраторам и фотографам — мы хотимы быть вам полезны! Очень интересный проект, будьте среди первых. Заходите сюда

Комментарии

  1. 24 Мар
    MaxFry

    насколько я помню это перевод… по пунктам всё правильно, но почему же ошибки чужие копируете? В иллюстрации неправильно тени и блики расположены, даже с учётом стилизации. Блик всегда расположен на освещённой стороне на самых выпуклых местах. Вообщем гуглим «светотень» и ищем ещё ошибки.

  2. 24 Мар
    naikom

    Верное замечание, но вот только источников света может быть несколько. Тем более что свинка глянцевая.

  3. 19 Дек
    Rapane

    По-моему если уметь использовать всео два инструмента из арсенала программы иллюстратор, а именно Mesh Tool и Perspective Grid, то можно нарисовать что угодно и какого угодно качества. Но, конечно, там еще много всего крутого, программа просто супер. Кстати, перспективными сетками грех пренебрегать (многие задают себе только вопрос как ее отключить). А инструмент полезнейший: http://advicez.ru/index.php?id_catalog=63&id_position=223

Оставить комментарий:

Anti-Spam Protection by WP-SpamFree


  • Kevin Durant Shoes
  • Lebron Shoes
  • Lebron James Shoes
  • Nike Lebron James Shoes
  • Derrick Rose Shoes
  • D Rose Shoes
  • KD 7 Shoes
  • Kobe X Shoes
  • Kobe 10 Shoes
  • KD 7
  • Kevin Durant Shoes
  • KD Shoes
  • Nike KD Shoes
  • Kobe 10 Shoes
  • Discount Kobe Shoes
  • Kobe Shoes
  • Kobe Bryant Shoes
  • KD 7 Shoes
  • Kyrie Irving Shoes
  • Lebron 12
  • Lebron James Shoes
  • Lebron Shoes
  • Nike Free
  • Nike Free Run
  • Air Max Shoes
  • Cheap Air Max Shoes
  • Lebron James Jersey
  • Kobe Bryant Jersey
  • Kevin Durant Jersey
  • Air Jordan Shoes
  • Michael Jordan Jersey
  • Blake Griffin Shoes
  • Russell Westbrook Shoes
  • Rose Shoes
  • Kobe Bryant Jerseys
  • Lebron James Jerseys
  • Kobe Bryant Jersey
  • Lebron James Jersey
  • Supra Shoes
  • Kyrie 1 Shoes
  • Nike Free 5.0
  • Nike Free 5
  • kevin durant shoes
  • kd 7
  • kd new shoes
  • KD Shoes
  • Kyrie 1
  • Jeremy Scott shoes
  • Jeremy Scott Adidas
  • Tenis Adidas Springblade
  • Kevin Durant Shoes
  • Kobe Bryant Shoes
  • KD Shoes Store
  • KD Sneakers
  • Lebron Basketball Shoes
  • Adidas Porsche Design
  • kd shoes
  • Cheap Herve Leger Dress
  • Cheap Lebron Shoes
  • Adidas Porsche Design
  • Lebron James Shoes
  • Coach Retail Store
  • nba jerseys
  • louis vuitton handbags
  • Cheap Lebron 11
  • Kobe Bryant Shoes
  • Kevin Durant Shoes
  • louis vuitton belts
  • kobe shoes
  • Lebron James Shoes
  • Kevin Durant Shoes
  • Los Angeles Clippers Jerseys
  • Toronto Raptors Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • KD Shoes
  • Lebron James Shoes
  • KD 7
  • Westbrook Shoes
  • Lebron Shoes
  • Lebron James Shoes
  • Air Max Shoes
  • kobe bryant shoes
  • Derrick Rose Shoes
  • Rose Shoes
  • KD 7
  • Kobe X
  • Kobe 10
  • Lebron Shoes 12
  • kyrie irving shoes
  • Nike KD Shoes
  • Cheap Nike Free
  • Nike Free
  • Lebron 12 Shoes
  • Cheap Air Max
  • Cheap Lebron Jerseys
  • Kobe Bryant Jerseys
  • Kevin Durant Jersey
  • Kobe Shoes
  • Griffin Shoes
  • Michael Jordan Jerseys
  • Kobe Jerseys
  • Lebron Jerseys
  • Kobe Bryant Jerseys
  • Lebron James Jerseys
  • Cheap Supra Shoes
  • Supra Shoes
  • Nike Kyrie 1
  • Nike Free Shoes
  • Nike Free Run
  • KD shoes
  • Kyrie 1 Shoes
  • Kevin Durant Shoes
  • Jeremy Scott Wings
  • Jeremy Scott Shoes
  • Lebron James Shoes
  • Adidas Porsche Design
  • Kobe Shoes
  • Cheap Kevin Durant Shoes
  • Kevin Durant Shoes
  • Lebron 11
  • Porsche Design Adidas
  • Cheap KD Shoes
  • Lerbon James Sneakers
  • Cheap KD Shoes
  • Herve Leger Dress
  • Lebron Shoes
  • Porsche Design Shoes
  • Lebron Shoes
  • Nike Shoes
  • Cheap Coach Bags
  • louis vuitton purses
  • cheap nba jerseys
  • Lebron James Shoes
  • Cheap Kobe Shoes
  • Kobe Shoes
  • KD Shoes
  • KD Shoes
  • Sacramento Kings Jerseys
  • Washington Wizards Jerseys
  • Air Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Lebron James Shoes
  • Lebron 12
  • Lebron 11
  • Kobe Shoes
  • cheap kobe shoes
  • lebron 12 shoes
  • James Shoes
  • Lebron Shoes
  • Rose Shoes
  • Derrick Rose Shoes
  • Kobe 9
  • NIke KD
  • KD VII
  • KD Shoes 2015
  • kyrie shoes
  • Air Max 90
  • Air Max Shoes Sale
  • Nike Free Shoes
  • Nike Free Run 2
  • Lebron 12
  • Lebron Jerseys For Sale
  • Cheap Kobe Jerseys
  • KD Jersey
  • Jordan Jersey
  • Jordan Griffin Shoes
  • Kobe Bryant Jersey
  • Lebron James Jersey
  • Supra Footwear
  • Supra Shoes
  • KD Shoes
  • Kyrie irving Shoes
  • Nike Free Run Shoes
  • nike free run 5.0 women
  • KD Shoes
  • Kyrie Irving Shoes
  • Kevin Durant Shoes
  • KD Shoes
  • Kobe Shoes
  • Kobe Shoes
  • Adidas Wings
  • Kobe Bryant Shoes
  • Porsche Design Adidas
  • Cheap Kobe Shoes
  • KD 6
  • Cheap Westbrook Shoes
  • Kevin Durant Shoes
  • Adidas Porsche Shoes
  • Cheap Lebron James Shoes
  • Kevin Durant Shoes
  • Herve Leger Outlet
  • Lebron James Shoes
  • Adidas Porsche Design Bounce
  • Nike Lebron Shoes
  • Coach Outlet
  • nba jerseys for sale
  • louis vuitton bags
  • Air Jordan 29
  • Nike Lebron Shoes
  • Nike Kobe Shoes
  • Cheap Kobe Shoes
  • Cheap KD Shoes
  • KD 6
  • Utah Jazz Jerseys
  • Philadelphia 76ers Jerseys
  • Air Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Cheap Lebron Shoes
  • Lebron New Shoes
  • James Shoes
  • Cheap Lebron 11
  • Lebron James Shoes
  • KD 7
  • Adidas Rose Shoes
  • Rose 5
  • NIke KD 7
  • irving shoes
  • KD Shoes
  • Kobe 9
  • Air Max 95
  • Air Max 2014
  • Nike Free 3.0
  • Nike Free Run 3
  • lebron shoes for sale
  • kobe 2014
  • Cheap Lebron James Shoes
  • Kobe Jerseys
  • Kevin Durant Jerseys
  • Jordan Jerseys
  • Cheap Griffin Shoes
  • Jordan Westbrook Shoes
  • Kobe Jersey
  • Lebron Jersey
  • Supra Online
  • Supra Shoes
  • Kyrie 1
  • Irving Shoes
  • Kyrie Shoes
  • Nike Kyrie 1
  • KD Shoes 2015
  • Kobe Shoes 2015
  • Kobe Shoes 2015
  • Kevin Durant Shoes
  • Nike KD Shoes
  • Nike Kobe Shoes
  • Nike Kobe Shoes
  • Adidas Jeremy Scott
  • Adidas Jeremy Scott
  • KD Shoes
  • Adidas Springblade Shoes
  • Kevin Durant Shoes
  • nba jerseys 2015
  • Porsche Design Shoes
  • KD 6
  • KD Shoes Sale
  • Lebron James Shoes
  • Lebron James Shoes
  • Cheap KD Basketball Shoes
  • Herve Leger Bandage Dress
  • Adidas Porsche Bounce Shoes
  • Cheap Lebron Shoes
  • Cheap Coach Handbags
  • Louis Vuitton Bags Women
  • louis vuitton outlet
  • Kobe Shoes
  • Cheap Jordan Shoes
  • Lebron Shoes
  • Lebron Shoes Sale
  • Kobe Shoes Sale
  • Kobe Bryant Shoes
  • Lebron James Shoes
  • KD 6 Shoes
  • Boston Celtics Jerseys
  • New Orleans Pelicans Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Lebron James Shoes
  • Lebron 12
  • Cheap Lebron Shoes
  • Lebron Basketball Shoes
  • Cheap Lebron Shoes
  • D Rose Shoes
  • Rose 5.0
  • KD Shoes
  • kyrie irving shoes
  • Nike Air Max Shoes
  • Nike Air Max
  • Nike Free 5.0
  • Nike Free Womens
  • nike lebron 12
  • kobe shoes 2014
  • Cheap Lebron Shoes
  • KD 7 EP
  • KD 2014
  • Kevin Durant Shoes
  • Lebron Jerseys
  • Lebron James Jerseys
  • Kobe Bryant Jersey
  • Kobe Jerseys For Sale
  • Kobe Jerseys Sale
  • KD Jerseys
  • Cheap Jordan Jerseys
  • Hyperdunk Griffin Shoes
  • Westbrook Shoes 2015
  • Nike Kobe Jersey
  • Lebron Jersey For Sale
  • Nike Supra
  • Supra Shoes
  • Kyrie 1
  • nike free run 5.0 women
  • nike free run women
  • Cheap Kyrie 1
  • Cheap Kyrie Shoes
  • Kyrie Shoes 2015
  • Adidas Shoes
  • Lebron Shoes
  • Porsche Design Shoes
  • Kobe 8
  • KD Shoes
  • Cheap Kevin Durant Shoes
  • Lebron Shoes
  • nba jerseys 2014
  • kd Shoes nba
  • Herve Leger Bandage Dress
  • Nike Lebron 11
  • louis vuitton sale
  • Kobe Bryant Shoes
  • Air Jordan Shoes
  • Cheap Lebron James Shoes
  • Kobe Shoes Sale
  • Lebron Shoes
  • Miami Heat Jerseys
  • Los Angeles Lakers Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Westbrook Shoes Sale
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Cheap Lebron Shoes
  • Lebron James Shoes
  • Lebron James Shoes Sale
  • Lebron James Jerseys
  • Cheap Rose Shoes
  • Rose 5 Shoes
  • Nike Free 6.0
  • Nike Free Sale
  • Kyrie Shoes Sale
  • KD Shoes
  • Air Max 2014
  • Air Max 90
  • cheap lebron shoes
  • lebron shoes
  • Lebron James Jersey
  • Lebron Shoes
  • Cheap KD Jerseys
  • Kevin Durant Jersey For Sale
  • Kobe Shoes
  • Jordan Jersey sale
  • Jordan Blake Griffin Shoes
  • Russell Westbrook Shoes Sale
  • official supra shoes
  • Porsche Design Shoes
  • Cheap Jeremy Scott Wings
  • Kobe Shoes sale
  • Lebron Shoes
  • Herve Leger Sale
  • nba jerseys sale
  • Coach Wallets
  • cheap louis vuitton handbags
  • Air Jordan
  • Nike Lebron Shoes Sale
  • Kobe 9
  • Kyrie 1
  • Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving Shoes
  • Irving Shoes
  • nike free run 5.0 men
  • nike free shoes on sale
  • Supra Shoes
  • LV Handbags Men
  • Kevin Durant Shoes
  • KD VI
  • Adidas Shoes
  • San Antonio Spurs Jerseys
  • Chicago Bulls Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Kevin Durant Shoes
  • Lebron Shoes Sale
  • Lebron Shoes 2015
  • Lebron 12
  • Lebron James Shoes
  • Rose New Shoes
  • Rose Shoes 2015
  • Lebron Shoes 2015
  • Lebron 12
  • Lebron Jerseys sale
  • Nike kyrie shoes
  • Adidas Derrick Rose
  • Adidas Store
  • Adidas Shoes
  • Adidas Derrick Rose
  • lebron james shoes
  • Nike Kyrie Shoes
  • Kyrie irving Shoes For Sale
  • Lebron James Jersey
  • Kobe Bryant Jerseys
  • Kobe Jerseys For Sale
  • Kobe Jerseys Sale
  • Supra Shoes
  • Russell Westbrook Shoes
  • Kobe Jersey Sale
  • Cleveland Cavaliers Lebron Jersey
  • OKC Jersey
  • Nike Lebron Shoes
  • Lebron James Basketball Shoes
  • Kevin Durant Shoes
  • Herve Leger Bandage
  • Griffin Shoes Sale
  • nba jerseys store
  • Lebron Shoes 2014
  • cheap louis vuitton bags
  • Cheap Kobe Jersey
  • Lebron Jersey 23
  • Jordan Shoes
  • official nba jerseys
  • NBA Stars Basketball Shoes
  • KD Shoes
  • Air Max Shoes 90
  • Air Max 95
  • KD 2014 Shoes
  • KD For Sale
  • Nike Shoes
  • Nike Free
  • Kyrie 1
  • Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving Shoes
  • Irving Shoes
  • Phoenix Suns Jerseys
  • Customized NBA Jerseys
  • Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Bulls Jordan Jersey
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1