В этом уроке мы будем рисовать золотой фон в Adobe Illustrator. Это один из очень красивых и наглядных применений инструмента Сетчатый градиент/Mesh. С его помощью мы создадим невероятные переходы цветов, которые будут смотреться как реалистичные складки на шелке. При этом все изображение будет оставаться векторным. Фон состоит из пяти деталей, которые в итоге будут соединены в общую иллюстрацию.

1. Рисуем фон

Шаг 1

Начнем с создания двух фигур для фона. Первая фигура самая простая. Давайте нарисуем сначала ее!

Создайте прямоугольник цвета #FFFCFA. Возьмите инструмент Mesh/Сетчатый градиент (U) и создайте сетку градиента. Чтобы создать сетку и добавить новые точки, просто кликайте в те места, где хотите создать узел.

Постарайтесь примерно повторить сетку градиента, показанную на скриншоте ниже.

Теперь выделите все нижние точки сетки и укажите им цвет #FF7220. Точки удобно выделять инструментом Лассо/Lasso если или Прямое выделение/Direct Selection (A). Продолжайте создавать новые точки для сетки и перекрашивайте их в указанные цвета.

Используйте оттенки:

1. #FFFCFA
2. #FF7220
3. #FFF5BB
4. #FFA045

Шаг 2

Завершаем первую фигуру фона, используя следующие цвета:

1. #FF641C
2. #FF631C
3. #FF460A
4. #FEE5CD

Шаг 3

Начнем рисовать вторую часть фона. Эта деталь уже сложнее. Нарисуйте инструментом Pen/Перо фигуру как показано ниже, и инструментом Mesh/Сетчатый градиент cоздавайте новые точки и раскрашивайте их в следующие цвета:

1. #FFDDA2
2. #F18D32
3. #923300
4. #FFF1B8

Шаг 4

Завершаем вторую деталь фона следующими цветами:

1. #DF7B29
2. #220D00
3. #F5A24D
4. #FFEBD3

2. Рисуем складки

Шаг 1

Теперь нам нужно нарисовать две складки, которые мы разместим поверх фона.!

Для начала нарисуйте изогнутую фигуру и раскрасьте ее при помощи сетчатого градиента, используя следующие оттенки:

1. #F3B26E
2. #FFDB9B
3. #D67A2A

Шаг 2

Завершаем складку цветами:

1. #4B2206
2. #642401
3. #AF5A17

Шаг 3

Рисуем еще одну изогнутую фигуру. Используем оттенки:

1. #CD6816
2. #521C00
3. #010000

Шаг 4

Завершаем окрашивание цветами:

1. #170800
2. #F7CA79
3. #612503

Шаг 5

Поместите фигуры одна на другую и посмотрите подходят ли они друг к другу. Если нет, поправьте форму.

3. Рисуем деталь с переднего плана

Шаг 1

Приступим к созданию последней детали.

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

Шаг 2

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

1. #D6701F
2. #FFEEBC
3. #210C00

Шаг 3

Доводим фигуру до финального вида при помощи оттенков:

1. #9B3F05
2. #FFF3DF
3. #ECA153

Шаг 4

Теперь давайте соберем все детали вместе!

Детали 1 и 2 располагаются на фоне, 3 и 4 поверх детали 2, и деталь 5 на переднем плане.

Шаг 5

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

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

Шаг 6

Вот как должна выглядеть иллюстрация после этого:

Результат

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

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

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

• Осенние листья в Adobe Illustrator
• Волшебный зимний фон в Adobe Illustrator
• 20 уроков Adobe Illustrator по работе с сетчатым градиентом