Главная » 2011»Сентябрь»24 » Люди, замороженные в кубике льда – часть 1: Рисование ледяного кубика
12:14
Люди, замороженные в кубике льда – часть 1: Рисование ледяного кубика
Люди, замороженные в кубике льда – часть 1 \ People frozen in ice cube - Part 1: Drawing a cube of ice
В этом уроке вы узнаете, как создать векторную иконку с людьми, замороженными в кубик льда. Этот урок разделен на две части: часть 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
Ледяной кубик готов!
А замороженных в кубике людей будем рисовать во второй части урока.
