Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


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


Люди замороженные в кубике льда (Кубик льда)
Adobe Illustrator » Уроки 15 октября 2009 NazaRПечать


Люди замороженные в кубике льда (Кубик льда)
 
В этом уроке вы узнаете, как создать векторную иконку с людьми, замороженными в кубик льда. Этот урок разделен на две части: часть 1 - рисование кубика льда, и часть 2 – рисование людей.

Программа: Adobe Illustrator CS3
Сложность: средняя
Затраченное время: 4-5 часов

Часть 1. Ледяной кубик.
В результате проделанной работы мы получим вот такой кубик льда.

 
Люди замороженные в кубике льда (Кубик льда)
Шаг 1 

Рисуем исходное изображение кубика. Как известно, он имеет шесть граней (плоскостей).

Люди замороженные в кубике льда (Кубик льда)
Шаг 2

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

Люди замороженные в кубике льда (Кубик льда)
Шаг 3

Отключим видимость верхней и двух ближайших к нам граней. Сейчас нам нужны нижняя и две задние грани кубика.

Люди замороженные в кубике льда (Кубик льда)
Шаг 4

Чтобы кубик выглядел ледяным, нужно изогнуть края каждого прямоугольника и закруглить углы.
Итак, сначала выбираем плоскость и начинаем изгибать края и углы инструментом Warp tool (Shift+R)

Люди замороженные в кубике льда (Кубик льда)
Шаг 5

То же самое делаем с двумя другими гранями. Ничего страшного, если фигуры будут немного накладываться друг на друга.

Люди замороженные в кубике льда (Кубик льда)
Шаг 6

Выберите одну грань и заполните ее градиентом. По умолчанию, градиент будет черно-белый.

Люди замороженные в кубике льда (Кубик льда)
Изменяем цвет градиента от голубого до легкого оттенка того же цвета.
Люди замороженные в кубике льда (Кубик льда)
Шаг 7

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

Люди замороженные в кубике льда (Кубик льда)
Шаг 8

Нам нужно согласовать градиенты таким образом, чтобы центральная часть была темнее, чем внешняя часть (по краям). Для этого выбираем грань куба (прямоугольник), берем Gradient Tool и перетаскиваем его по диагонали в сторону центра.

Люди замороженные в кубике льда (Кубик льда)
Шаг 9

Теперь мы должны установить непрозрачность (Opacity) сторон 60%. А непрозрачность нижней грани - 80%.

Люди замороженные в кубике льда (Кубик льда)
 
Шаг 10

Дальше работаем с верхней гранью. Повторяем шаги 4-5. Только теперь края верхней грани должны совпадать с краями оборотной стороны кубика как можно больше.

Люди замороженные в кубике льда (Кубик льда)
Шаг 11

Применяем тот же градиент, опять же с помощью пипетки. Уменьшаем прозрачность слоя до 50%.

Люди замороженные в кубике льда (Кубик льда)
Шаг 12

Теперь нам больше не нужна обводка слоев. Переключаем обводку (Stroke) на 0.

Люди замороженные в кубике льда (Кубик льда)
Шаг 13

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

Люди замороженные в кубике льда (Кубик льда)
Шаг 14

Теперь наша задача – изобразить иллюзию прозрачности кубика льда. Для этого мы просто будем рисовать блики на гранях кубика.
Включаем видимость двух передних сторон. Они будут использоваться только в качестве ориентиров.

Люди замороженные в кубике льда (Кубик льда)
Шаг 15

Рисуем Y-образную форму по краям передней поверхности. Не забываем про изогнутые края. Закрашиваем белым цветом, без обводки (Stroke на 0). Уменьшаем прозрачность этого слоя до 75%.

Люди замороженные в кубике льда (Кубик льда)
Шаг 16

Рисуем еще несколько бликов. Они могут быть любой формы. Чтобы получить четкое визуальное представление о том, как лед отражает свет и бликует, можно посмотреть фотографии в Интернете. Рисуем несколько бликов на верхней грани. Не забываем про прозрачность и обводку.

Люди замороженные в кубике льда (Кубик льда)
 
Шаг 17

Лед должен выглядеть тонким, для этого применяем к бликам градиент от белого до свветло-голубого. Настройте градиент, как вам нравится.

Люди замороженные в кубике льда (Кубик льда)
Шаг 18

Устанавливаем режим смешивания бликов Screen. Изменяем прозрачность бликов. Для того, чтобы все выглядело более естественно, прозрачность каждого блика должна быть разной.

Люди замороженные в кубике льда (Кубик льда)
Шаг 19

Верхняя грань готова.

Люди замороженные в кубике льда (Кубик льда)
Шаг 20

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

Люди замороженные в кубике льда (Кубик льда)
Шаг 21

Удаляем прямоугольники передних граней. Они нам больше не нужны.
Выделяем блики и объединяем в группу.

Люди замороженные в кубике льда (Кубик льда)
Шаг 22

Теперь мы будем рисовать каплю воды на кубике льда. Для этого сделайте небольшую овальную форму.

Люди замороженные в кубике льда (Кубик льда)
Шаг 23

Заливаем градиентом от белого, до светло голубого. Прозрачность слоя 60%

Люди замороженные в кубике льда (Кубик льда)
Шаг 24

Рисуем еще одну овальную форму, чуть меньшего размера, заливаем градиентом от белого к голубому.

Люди замороженные в кубике льда (Кубик льда)
Шаг 25

Теперь измените режим смешивания на Multiply и уменьшите прозрачность до 30%. Слой почти слился со слоем сзади, давая нам сложный градиент.

Люди замороженные в кубике льда (Кубик льда)
 
Шаг 26

Нам нужно размыть его еще немного. Выберите слой, затем перейдите в Effect> Blur> Gaussian Blur. Откроется диалоговое окно. Введите значение 5.

Люди замороженные в кубике льда (Кубик льда)
Шаг 27

Чтобы показать объем и блеск капли, нужно нарисовать две небольшие формы по краям капли (в верхней и нижней частях), как на рисунке. Изменяем режим наложения на Screen, меняем прозрачность (Opacity между 45-60%).

Люди замороженные в кубике льда (Кубик льда)
Шаг 28

Т.к. капля все еще выглядит плоской, рисуем овальный блик белого цвета.

Люди замороженные в кубике льда (Кубик льда)
Шаг 29

Применяем размытие по гауссу (Effect> Blur> Gaussian Blur) со значением 3, меняем прозрачность слоя на 75% и режим наложения на Screen.

Люди замороженные в кубике льда (Кубик льда)
Шаг 30

Группируем слои капли

Люди замороженные в кубике льда (Кубик льда)
Шаг 31

Рисуем вторую капельку овальной формы, заливаем градиентом, меняем прозрачность на 50%

Люди замороженные в кубике льда (Кубик льда)
Шаг 32

Рисуем две тонкие формы по краям капли, так же как мы делали раньше.

Люди замороженные в кубике льда (Кубик льда)
Шаг 33

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

Люди замороженные в кубике льда (Кубик льда)
Шаг 34

Левую форму заливаем градиентом от темного к более светлому (сверху вниз). Режим наложения – Multiply.

Люди замороженные в кубике льда (Кубик льда)
Шаг 35

Рисуем еще две формы (блики) сверху и снизу так, как показано на рисунке.

Люди замороженные в кубике льда (Кубик льда)
Шаг 36

Уменьшите непрозрачность верхней формы до 75%. Примените градиент к нижней форме от светло-голубого к белому (сверху вниз).

Люди замороженные в кубике льда (Кубик льда)
Меняем режим наложения нижней формы на Multiply, прозрачность 75%.
Люди замороженные в кубике льда (Кубик льда)
Шаг 37

Рисуем яркий белый блик, как и на первой капле. Можно просто скопировать и уменьшить размер.

Люди замороженные в кубике льда (Кубик льда)
Шаг 38

Ледяной кубик готов!

Люди замороженные в кубике льда (Кубик льда)
А замороженных в кубике людей будем рисовать во второй части урока.
Люди замороженные в кубике льда (Кубик льда)


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.