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

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

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

28 сентября 2018 | Опубликовано в Уроки | Нет комментариев »

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

 

 


Autumn Background with Umbrella and Rain Boots

1. Рисуем сапоги

Шаг 1

Начнем с прямоугольника цвета #CB492C. Теперь возьмите инструмент Mesh/Сетчатый градиент (U), создайте дополнительные точки и с их помощью придайте фигуре форму сапога. Добавляйте новые точки и выделяйте уже созданные, чтобы изменить цвета. Вам понадобятся оттенки:  #F7997F, затем добавьте #A73013. И немного темных тонов: #BA391D и светлых: #DD6B4E и #D0593C.

gradient mesh tutorial autumn background rain boots

Шаг 2

Рисуем подошву и указываем ей цвет  #1A1C24. Теперь создайте копию сапога и сделайте ее чуть меньше.

vector rain boots

Шаг 3

Немного измените цвета копии. Вам понадобятся следующие оттенки:

  1. — 
  2. #98250F
  3. #CA4C31

rain boot mesh tutorial

Шаг 4

Рисуем тень под сапогами при помощи овалов с радиальным градиентом от цвета  #C4A78B к белому и в режиме наложения Multiply/Умножение.

gradient shadow

2. Рисуем зонт

Шаг 1

Начнем с фигуры с сетчатым градиентом оттенков:

  1. #EE836B
  2. #BB361E
  3. #D34628

gradient mesh

Шаг 2

  1. #F77758
  2. #AE1E0A
  3. #E13D1C
  4. #FF6944

gradient mesh tutorial

Шаг 3

  1. #E56F52
  2. #B43019
  3. #CC4428

umbrella vector

Шаг 4

  1. #A43627
  2. #52130D
  3. #230303
  4. #81251A

vector mesh umbrella tutorial

Шаг 5

Рисуем ручку при помощи узкого прямоугольника с линейным градиентом цветов #C6BDB3#4A4138 - #BAAFA4 - #14120F.

gradient umbrella handle

Шаг 6

Затем рисуем кривую и указываем ей толстую обводку с линейным градиентом цветов  #1B0D03 - #C39983 - #1B0D03.

Expand the path.

gradient

Шаг 7

Собираем все элементы воедино.

vector umbrella

3. Рисуем фон и пол

Шаг 1

Начнем с квадратного фона с сетчатым градиентом.

  1. #DDF5E2
  2. #86AFAE
  3. #E2AD12
  4. #FEF69B

mesh adobe illustrator

Шаг 2

  1. #FFFEFD
  2. #E7D2A8
  3. #ADC4AE
  4. #C98105

gradient mesh

Шаг 3

  1. #ECF1C4
  2. #E1E0B4

mesh background

Шаг 4

Чтобы создать деревянный пол, посмотрите 4 шаг этого урока. Затем в меню выберите Effect > Distort & Transform > Free Distort/Эффект>Искажение и трансформация>Свободная трансформация. И трансформируйте пол как показано ниже. Expand Appearance/Разберите оформление.

free distort

Шаг 5

Нарисуйте прямоугольник как показано ниже и Создайте обтравочную маску (Make a Clipping Mask).

clipping mask

Шаг 6

Поместите прямоугольник цвета #533D18 под доски.

planks backdrop

Шаг 7

Теперь рисуем прямоугольник с градиентом цветов #F5BB59 и #75441B.

Помещаем поверх пола и указываем параметры как показано ниже.

gradient overlay

Шаг 8

Отмечаем линию стены при помощи линии с жирной обводкой и градиентом от #42210B к #F5BB59.

gradient rim

4. Добавляем листья и боке

Шаг 1

Рисуем оранжевый лист из этого урока. Затем в меню выбираем Effect > Warp > Arc/Эффект>Деформация>Дуга, и укажите следующие параметры:

  • Bend: 30%
  • H.: -26%
  • V.: 26%

Expand Appearance/Разберите оформление.

warp effects adobe illustrator

Шаг 2

Создайте копию листа и в меню выберите Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Коррекция цветов.

adjust colors

Шаг 3

Снова возвращаемся к оригиналу листа и применяем Effect > Warp > Arc/Эффект>Деформация>Дуга.

warp effect arc

Шаг 4

Создаем копию листа и выбираем в меню Edit > Edit Colors > Saturate/Редактировать>Редактировать цвет>Насыщенность.

saturate

Шаг 5

Скачайте изображение этого листа. Откройте документ в Adobe Illustrator.

leafjpg

Шаг 6

Используйте функцию Image Trace/Трассировка изображения. Оставьте только белые объекты.

image trace adobe illustrator

Шаг 7

Укажите им цвет заливки #D09739. Поместите прожилки на лист цвета #EAC02C на 20% Opacity/Непрозрачности.

image trace

Шаг 8

Добавляем еще один лист цвета #E09736.

leaf vector

Шаг 9

Разместите листья в работе и дорисуйте тень некоторым из них внизу.

vector leaves

Шаг 10

Создаем Opacity Mask/Маску непрозрачности используя круг цвета #FF1200 и радиальный черно-белый градиент.

transparency settings

Шаг 11

Добавляем в работу боке вот из этого урока. Создаем фон.

bokeh lights vector

Шаг 12

Собираем все элементы.

autumn background vector

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

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

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