В этом уроке мы будем рисовать реалистичный офисный фон в Adobe Illustrator. Основными инструментами в нашей работе станут Mesh/Сетчатый градиент и Blend/Переход. Самый интересный и сложный объект — чашка кофе. Попробуйте повторить все шаги и вы увидите насколько лучше будете понимать вышеупомянутые инструменты!

Результат

1. Рисуем чашку кофе

Шаг 1

Начнем с круглой базы. Так как мы будем использовать инструмент Mesh/Сетчатый градиент (Control-U), это вносит некоторые коррективы в наши действия. Чтобы сеткой было легко управлять, мы применяет сетчатый градиент не к кругу, а к прямоугольнику, который после этого превратим в круг.

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

Дальше работаем с кругом. Возьмите инструмент Mesh/Сетчатый градиент (Control-U) и кликните внутри фигуры, чтобы расположить внутри круга точку.

Выделите точки по краям и укажите им цвет #CAC6C3.

Продолжайте создавать точки, как показано ниже, и укажите им цвет #E6E5E3.

Шаг 2

Для этого шага нам нужны два круга разного размера. Больший круг — белого цвета, и меньший цвета #44392F. Поместите коричневый круг поверх белого как показано ниже, а белому укажите Opacity/Непрозрачность в 0%.

Шаг 3

Выберите в меню Object > Blend > Blend Options/Объект>Переход>Параметры перехода, и выберите Specified Steps/Заданное количество шагов, 30.

Выделите оба круга и выберите в меню Object > Blend > Make/Объект>Переход>Создать.

Шаг 4

Укажите получившемуся объекту режим наложения Multiply/Умножение.

Шаг 5

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

Шаг 6

Теперь вам нужная еще одна копия этого круга. Выкрасьте всю копию в цвет #695C45. Теперь выделите центр и укажите ему цвет #0C0706. Повторите процесс, указанный на картинке ниже и перекрасьте некоторые точки в #72634A.

Шаг 7

Создаем базу для еще одного перехода. Нарисуйте две фигуры как показано ниже, используя цвета #888483 и #010101. Сделайте нижнюю фигуру прозрачной.

Шаг 8

Используйте те же параметры для перехода и в меню выберите Object > Blend > Make/Объект>Переход>Создать.

Шаг 9

Укажите фигуре режим наложения Screen/Осветление и 80% Opacity/Непрозрачности.

Шаг 10

Создаем еще один переход, используя ту же технику. Используйте цвета как в шаге 7, и укажите готовому объекту режим наложения Screen/Осветление.

Шаг 11

Поместите созданные объекты поверх нашего кофейного круга.

Шаг 12

Следующий сетчатый градиент чуть сложнее. Повторите шаги, указанные ниже и используйте следующие цвета:

1. #F3F2F1
2. #E0DDDB
3. #CBC6C3

Шаг 13

Еще несколько шагов.

1. #FFFFFF
2. #F6F4F4
3. #BEB9B5

Шаг 14

Создаем еще один переход из объектов цвета #B8B4B0 и #E0DDDB.

Получившемуся объекту укажите режим наложения Multiply/Умножение и 30% Opacity/Непрозрачности.

Шаг 15

Соединяем созданные фигуры в одну композицию.

Шаг 16

Теперь рисуем пузырьки. Создайте еще одну копию нашего круга с сетчатым градиентом. Используйте цвета:

1. #251B12
2. #7E6E55
3. #F0F0EF

Шаг 17

Сделайте крайние точки прозрачными.

Шаг 18

Создайте еще одну копию.

1. #251B12
2. #7E6E55

Шаг 19

И снова прозрачные крайние точки.

Шаг 20

Нарисуйте полукруг из пузырьков.

Шаг 21

Поместите их в нашу чашку.

2. Рисуем карандаш и ручку

Шаг 1

Рисуем базу для карандаша при помощи инструмента Mesh/Сетчатый градиент.

1. #252525
2. #555555
3. #3F3F3F

Шаг 2

Растягиваем фигуру и создаем зубчатый край.

Шаг 3

Рисуем острие карандаша.

1. #D4B999
2. #EDDDC0
3. #C6AB8D
4. #4C4C4C
5. #9C9C9C

Шаг 4

Объединяем две части.

Шаг 5

Создаем новый переход. Используем цвета #535353 и #E5E3E0.

Шаг 6

Создаем переход, используя прежние параметры.

Шаг 7

Помещаем тень под карандаш.

Шаг 8

Рисуем базу для ручки.

1. #BEBEBE
2. #909090
3. #AAAAAA
4. #D9D9D9
5. #A8A8A8
6. #C4C4C4

Шаг 9

Растягиваем фигуру и создаем треугольник с краю.

Шаг 10

Рисуем еще одну часть ручки.

1. #2D2D2D
2. #6B6B6B
3. #C4C4C4

Шаг 11

И острие.

1. #DEC394
2. #F6E9B1
3. #F4D5AE
4. #C1A780

Шаг 12

Собираем ручку и помещаем под нее такую же тень, как под карандашом.

3. Рисуем блокнот и планшет

Шаг 1

Нарисуйте кривую как показано ниже и укажите ей линейный градиент в качестве Stroke/Обводки. (#4B4A4A - #919090 - #4B4A4A)

В меню выберите Object > Expand Appearance/Объект>Разобрать оформление.

Шаг 2

Измените сетчатый градиент как показано ниже. И нарисуйте дырочку под колечко.

1. #313131
2. #FBFBFB
3. #313131

Шаг 3

Создайте ряд колец с дырочками.

Шаг 4

Рисуем бумагу.

1. #FFFFFF
2. #EAEAEA

Шаг 5

Рисуем основу под блокнот: #313131.

Шаг 6

Создаем переход, используя цвета #E5E3E0 и #191717. Указываем получившемуся объекту режим наложения Multiply/Умножение.

Шаг 7

Собираем блокнот.

Шаг 8

Добавляем тень и указываем ей Opacity/Непрозрачность в 50%.

Шаг 9

Рисуем планшет.

Шаг 10

Создаем переход, используя цвета #505050 и #E5E3E0.

Шаг 11

Помещаем тень под планшет.

Шаг 12

Собираем все объекты на фоне цвета #E5E3E0.

Шаг 13

Рисуем прямоугольник по размеру желаемого вами фона.

Шаг 14

Выделяем все, кликаем по объектам правой кнопкой и выбираем Make Clipping Mask/Создать обтравочную маску.

Результат

Автор урока Vladimir Galantsev

Перевод — Дежурка

Смотрите также:

• Обои для Apple iPhone X в Adobe Illustrator
• Арбуз и стакан сока в Adobe Illustrator
• Фиолетовые подарочные коробки в Adobe Illustrator