Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Абстрактный золотой фон в Adobe Illustrator

12 октября 2017 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем рисовать золотой фон в 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

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

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




Комментарии

[an error occurred while processing the directive]


[an error occurred while processing the directive]