Уроки: Adobe Illustrator

Градиентные сетки by UnikFrik

Всем привет! Меня зовут Руслан, живу в Екатеринбурге, учусь в УралГАХА, фрилансер.

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

Времени ушло, примерно, 80 часов.

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

Но, сначала нужно разобраться, что такое Градиентные сетки и как они себя ведут.

Gradient mesh, очень мощный инструмент Adobe Illustrator, позволяет добиться иллюзии 3D эффекта в двухмерной графике.

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

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

Урок предназначен для тех, кто уже знает основы Adobe Illustrator.

Начнем

За основу берем фотографию (Гугл - рулит) актрисы Jessica Alba.

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

Берем фото, помещаем на верхний слой и блокируем его. Рисовать будем под фотографией.  

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

Есть два способа создавать Градиентную сетку: 1-й - Object – Create Gradient mesh (когда сетка создается автоматически).

 2-й – из панели инструментов (сетка задается вручную). Выбираем второй способ.

Определим центр нашего объекта (в лицах, центром я всегда делаю нос).

Затем добавляем узловые точки на линию глаз и рта. Корректируем контур объекта, из овала – лепим лицо.

Чтобы не мучить себя, всегда используйте горячие клавиши - здесь достаточно 3-х - это Direct Selection tool, пипетка, и mesh tool.

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

Цвет берем с участка картинки под узловой точкой.

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

По мере добавления узловых точек нужно следить, чтобы сетка совпадала с контурами лица! Важно не переборщить с узловыми точками, ведь их всегда можно добавить, а вот удалять их не рекомендую - сетка будет некорректно заполняться.

Теперь будем рисовать глаза. За основу, снова берем круг.

Намечаем основные линии.

Заполняем цвета (чтобы стыковка глаз и лица, происходила плавно, цвет для узловых точек, берем не с фото, а с ближайших участков уже закрашенного лица, иногда я нажимаю Ctrl+H (View - Hide Edges), чтобы верно подобрать цвета).

Задача усложняется - рисуем зрачок. Здесь придется закруглять сетку. Как сделать проще - создаем новый слой поверх фото, на месте зрачка рисуем несколько кругов, друг в друге, блокируем слой.  Теперь у нас есть направляющие, по которым мы можем округлить сетку (чтобы изгибать узловые точки, выбираем инструмент Convert Anchor Point Tool (жмем Shift+C)).

Рисуем брови. Создаем сетку с одной узловой точкой, заполняем цветом.

Поверх рисуем волоски при помощи инструмента PaintBrush Tool, выбираем кисти, задаем направление. Чтобы кисти не изменялись, превращаем их в объекты (выделяем все кисти - Object - Expand Appearence). Можно поиграть с прозрачностью.

Далее один за другим создаем новые объекты и заполняем их сеткой и цветом.

Теперь переходим к самой сложной части - рисуем ткань. Из-за множества складок, сетка будет очень сложной, и придется, подстраиваясь под форму, изгибать сетку.

Сначала намечаем центр сетки.

Постепенно добавляем дополнительные контуры.

Заливаем цветом.

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

Волосы тоже рисуем мэшем.

Начинаем с выделением крупных прядей, находим основные волоски, которые задают движение, и по ним выстраиваем сетку.

Чтобы пряди смотрелись естественнее, рисуем отдельные волоски инструментом Pen, и делаем их слегка прозрачными.

И в завершении, рисуем фон. Теперь можно выдохнуть, и оценить нашу работу во всей красе.

Вот и все, ребята, надеюсь, этот урок будет Вам полезен. В приложении, Вы можете загрузить исходный файл (~13.4 mb, Adobe IllustratorCS2), и уже ознакомиться с этой работой «вживую».

Хорошего настроения!

84150 Автор:
Актуальность: 730
Качество: 755
Суммарный балл: 1485
Выбор Публики
Голосов: 272 оценки

Отзывы посетителей:

аватар
 
классный урок
аватар
 
Leshiy 152 0
всё это конечно интересно(хотя.. уже давно не новинка)
но, хотелось бы увидеть что-нибудь творческое, а не простое копирование фотографии
аватар
 
Мария Алаева 50 0
Отличный урок! Большое спасибо! 5/5
аватар
 
DimaZverev 11 0
Очень смело ! Джесика Альба была бы в восторге!
аватар
 
Михаил Куркубет 24 0
Слов нет. Результат сшибает с ног. Даже предположить не мого что такого качества можно добиться в векторе. Пять\пять ессно.
аватар
 
zandor 21 0
Ура. Спасибо Руслан я ждал этого урока! 5/5
аватар
 
MWG 132 0
Модератор форума
Когда-то я думал, что полигоны в 3д - это сложно. Глянув на эту сетку я понимаю, что ошибался.
5/5
аватар
 
OlgaAnim 62 0
Еще раз огромнейшее спасибо за проделанную работу и ангельское терпение
аватар
 
RUSTIK_HDR 11 0
Сумашедшый!
аватар
 
Иван Ветошкин 220 0
Соведущий Dominance War
5|5 как и обещал)
аватар
 
gio 2 0
результат потрясающий.
5,5
аватар
 
ALLexe 1 0
Ну ты жесткий!

Молодец!
аватар
 
Bad Sid 13 0
Аццкий труд!!!
аватар
 
Дмитрий Щука 683 0
Круто!!
такие работы видел года два назад на одном из сайтов.там делали всех звезд,Спирс,Джоли,и еще некоторых:)
то есть увиденным я не удивился:)но за трудолюбие респект Земляку!!!!
аватар
  vip
dimson3d 866 0
Ньюсмейкер
Великолепный урок 5\5 )
Я как то читал про меши виллюстраторе, но к сожалению никогда им не пользовался, но это потрясло, великолепная картинка получилась.
аватар
 
khickma 141 0
парень, вы реально читор! "хостидж давн!" =))

5/5
аватар
 
Khasanov Ruslan 16 0
Огромные благодарности за комментарии!

на эту работу ушло 80 часов, т.к. это была моя первая крупная работа с мэшем. Уже на Alba_2 я затратил ~ 60 часов.
Сейчас, мэш, мне дается относительно легко, и такие портреты я могу нарисовать за 30 часов - это не так уж и много.

to targus
я пром диз-ом и отрисовкой авто пока не занимался... подумаю.

вообще в следующем уроке(если будет), мне бы хотелось описать меш не как, технологию, а как способ, создавать творческие работы с нуля/по эскизам
аватар
 
hron 71 0
да кстате вот
аватар
 
hron 71 0
Урок супер 5,5 как-то года три назад наткнулся на работы выполненые в этой технике, качество совершеноо фотографическое пытался сам освоить эту технику скажу честно терпения нехватило, за что автру отдельный респект.
З.Ы. для тех кого интересует зачем это нужно скажу что в полигафии используется повсеместно практиески каждая вторая упаковка из под сока нарисована этим способом. есче саветую набрать в гугле Gradient mesh и найдете кучу работ
аватар
 
Dragonfly 12 0
Отлиный урок по отличной программе 5/5
Зарегистрируйтесь, чтобы добавить комментарий.
Эту страницу просмотрели: 2401 уникальных посетителей