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

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

Рисуем осенний фон в Adobe Illustrator

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

В этом уроке мы будем рисовать красивый осенний фон с местом под надпись в Adobe Illustrator. Мы используем один из наших любимых инструментов — сетчатый градиент. Благодаря ему у нас получатся реалистичные переходы цвета в векторном формате. Мы нарисуем тыкву и листья, потом создадим композицию и поместим ее под карточку, на которой вы сможете ввести ваш текст.

 

 


Happy Thanksgiving Background

 

1. Рисуем тыкву

Шаг 1

Начнем  тыквы и инструмента Gradient Mesh/Сетчатый градиент.

Нарисуйте оранжевый силуэт тыквы. Цвет - #E3860F. Возьмите инструмента Mesh/Сетчатый градиент (U) и кликайте внутри фигуры, чтобы создавать новые точки-узлы.

Выкрасьте точки как показано ниже. Начните с цвета #CC5A18.

Затем добавим светлых оттенков - #EBA427. Добавляем темных оранжевых цветов: #BE361B, затем еще более темных #C3431A и #CB7F31.

draw pumpkin with mesh

Шаг 2

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

  1. #EAA30B
  2. #D96716
  3. #B04312
  4. #F0C174
  5. #D77310
  6. #DF8517

gradient mesh tutorial

Шаг 3

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

  1. #FAE1CB
  2. #E69A2F
  3. #CF6512
  4. #EEB963
  5. #D86611
  6. #EEB457

thanksgiving vector

Шаг 4

Рисуем еще один элемент.

  1. #E4A15B
  2. #B7471E
  3. #CCBBA8
  4. #F2E1D6
  5. #C3551D

adobe illustrator mesh pumpkin

Шаг 5

Теперь черенок.

  1. #2C3018
  2. #9D592C
  3. #82785D
  4. #4F4D34
  5. #0B1304
  6. #C6B293

gradient mesh pumpkin tutorial

Шаг 6

Добавляем еще деталей.

  1. #6E664D
  2. #1B210E
  3. #F5F5F5

thanksgiving background vector

Шаг 7

Собираем тыкву воедино!

mesh pumpkin vector adobe illustrator photo-realistic

2. Рисуем листья

Шаг 1

Рисуем лист. Для этого следуем шагам, указанным ниже:

  1. #CB1400
  2. Создаем сетку градиента
  3. #AC1400

mesh red leaf

Шаг 2

Рисуем кривую цвета #BA600F с параметрами Stroke/Обводки как показано ниже. Expand/Разбираем обводку и указываем ей режим наложения Multiply/Умножение и 20% Opacity/Непрозрачности.

stroke

Шаг 3

Помещаем фигуру из предыдущего шага поверх листа. Обрисовываем форму листа с зазубринками и применяем Clipping Mask/Обтравочную маску.

clipping mask

Шаг 4

Создаем копию листа и делаем ее чуть уже.

mesh leaf

Шаг 5

Создаем еще одну копию и модифицируем ее при помощи эффекта Effect > Warp > Arc/Эффект>Деформация>Дуга. Настройте параметры как показано ниже.

arc

Шаг 6

Еще одна вариация. Тот же эффект, но другие параметры.

warp effect

Шаг 7

И последняя модификация: Effect > Warp > Bulge/Эффект>Деформация>Выпуклость

warp effects tutorial adobe illustrator

Шаг 8

Рисуем стебель цвета #CB1100. Параметры обводки те же, что в Шаге 2.

vector branch

Шаг 9

Помещаем наши листья на стебель.

branch with mesh leaves

Шаг 10

Дублируем оригинальный лист и перекрашиваем его: Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Настройка цветов.

edit colors

Шаг 11

Создаем другую версию этого листа при помощи эффекта Bulge/Выпуклость:

bulge warp effect

Шаг 12

И еще один вариант при помощи эффекта Arc/Дуга.

Не забываем разобрать оформление (Expand Appearance).

arc warp effect

Шаг 13

Рисуем коричневый стебель, #AA4500.

stroke profile

Шаг 14

Размещает листики на стебле.

brown mesh leaves

Шаг 15

Используем листья из этих двух уроков:

Осенние листья в Adobe Illustrator

Рисуем осеннюю иллюстрацию из сетчатых градиентов

mesh arrangement thanksgiving

3. Добавляем фон

Шаг 1

Рисуем фигуру цвета #EDDCAF, и добавляем ей рамку цвета #E0C9A0.

greeting card

Шаг 2

Рисуем тень. Для этого рисуем две фигуры цвета #684730 и #F8F6F5.

Помещаем меньшую фигуру над большей как показано ниже. В меню выбираем Object > Blend > Blend Options/Объект>Переход>Параметры перехода, выбираем количество шагов - 30.

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

blend shadow

Шаг 3

Помещаем тень под предыдущими фигурами.

blend shadow

Шаг 4

Рисуем фон из прямоугольника с сетчатым градиентом. Используем цвета #E7D6B8<span style="font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;"> и </span>#F9F4EB.

paper mesh

Шаг 5

Собираем все вместе!

finished thanksgiving background

Результат

Happy Thanksgiving Background

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

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

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




Коментарии запрещены.