Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Сентябрь » 24 » Люди, замороженные в кубике льда – часть 1: Рисование ледяного кубика
12:14
Люди, замороженные в кубике льда – часть 1: Рисование ледяного кубика

Люди, замороженные в кубике льда – часть 1

Люди, замороженные в кубике льда – часть 1 \ People frozen in ice cube - Part 1: Drawing a cube of ice


Люди, замороженные в кубике льда – часть 1


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

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

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

Люди, замороженные в кубике льда – часть 1

Шаг 1

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

Люди, замороженные в кубике льда – часть 1

Шаг 2

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

Люди, замороженные в кубике льда – часть 1

Шаг 3

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

Люди, замороженные в кубике льда – часть 1

Шаг 4

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

Люди, замороженные в кубике льда – часть 1

Шаг 5

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

Люди, замороженные в кубике льда – часть 1

Шаг 6

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

Люди, замороженные в кубике льда – часть 1

Изменяем цвет градиента от голубого до легкого оттенка того же цвета.

Люди, замороженные в кубике льда – часть 1

Шаг 7

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

Люди, замороженные в кубике льда – часть 1

Шаг 8

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

Люди, замороженные в кубике льда – часть 1

Шаг 9

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

Люди, замороженные в кубике льда – часть 1

Шаг 10

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

Люди, замороженные в кубике льда – часть 1

Шаг 11

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

Люди, замороженные в кубике льда – часть 1

Шаг 12

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

Люди, замороженные в кубике льда – часть 1

Шаг 13

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

Люди, замороженные в кубике льда – часть 1

Шаг 14

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

Люди, замороженные в кубике льда – часть 1

Шаг 15

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

Люди, замороженные в кубике льда – часть 1

Шаг 16

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

Люди, замороженные в кубике льда – часть 1

Шаг 17

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

Люди, замороженные в кубике льда – часть 1

Шаг 18

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

Люди, замороженные в кубике льда – часть 1

Шаг 19

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

Люди, замороженные в кубике льда – часть 1

Шаг 20

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

Люди, замороженные в кубике льда – часть 1

Шаг 21

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

Люди, замороженные в кубике льда – часть 1

Шаг 22

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

Люди, замороженные в кубике льда – часть 1

Шаг 23

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

Люди, замороженные в кубике льда – часть 1

Шаг 24

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

Люди, замороженные в кубике льда – часть 1

Шаг 25

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

Люди, замороженные в кубике льда – часть 1

Шаг 26

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

Люди, замороженные в кубике льда – часть 1

Шаг 27

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

Люди, замороженные в кубике льда – часть 1

Шаг 28

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

Люди, замороженные в кубике льда – часть 1

Шаг 29

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

Люди, замороженные в кубике льда – часть 1

Шаг 30

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

Люди, замороженные в кубике льда – часть 1

Шаг 31

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

Люди, замороженные в кубике льда – часть 1

Шаг 32

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

Люди, замороженные в кубике льда – часть 1

Шаг 33

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

Люди, замороженные в кубике льда – часть 1

Шаг 34

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

Люди, замороженные в кубике льда – часть 1

Шаг 35

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

Люди, замороженные в кубике льда – часть 1

Шаг 36

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

Люди, замороженные в кубике льда – часть 1

Меняем режим наложения нижней формы на Multiply, прозрачность 75%.

Люди, замороженные в кубике льда – часть 1

Шаг 37

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

Люди, замороженные в кубике льда – часть 1

Шаг 38

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

Люди, замороженные в кубике льда – часть 1

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

Люди, замороженные в кубике льда – часть 1



Источник: Часть 1
Перевод: avisa


***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[12.02.2015][DesiGN SofT]
CorelCAD 2014 build 13.8.12 + Rus + Видеоинструкция + Руководство (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
 

Прикрепления:
Категория: Lessons Adobe Illustrator | Просмотров: 3130 | Добавил: supermen | Теги: как нарисовать лед, лед, векторная графика кубик рубик, как сделать лед прозрачным, уроки рисования людей, уроки Фотошопа рисуем льдом
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[08.04.2011][Lessons Adobe Illustrator]
Создание реалистичного ноутбука (2)
[29.01.2011][DesiGn bLOg]
Растровая и векторная графика (1)
[09.11.2010][Styles Photoshop]
Абстрактные стили (0)
[15.05.2012][Lessons PHOTOSHOP]
Создание футуристических обоев 2011 \ Design a futuristic 2011 wallpaper (34)
[26.01.2011][video futage]
DigitalJuice After Effects Project - Cable Channel (0)
[12.02.2015][rastER KLipardy]
Сверкающие фоны в растре (0)
[17.09.2011][vectOR KLipardy]
Business vector #937 (0)
[26.09.2010][Lessons PHOTOSHOP]
Рисуем пулю, урок рисования (3)
[02.03.2011][rastER KLipardy]
Тюльпаны \ Tulips (1)
[02.10.2010][Lessons PHOTOSHOP]
Дымящийся текст за 10 простеньких шагов (6)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Четверг
28.03.2024
15:43


Copyright artpost and semantic product zanchi 2010-2011 © 2024