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

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

Рисуем реалистичные персики в Adobe Illustrator

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

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

 

Результат

Two Fresh Peaches

1. Рисуем персик при помощи сетки градиента

Шаг 1

Создайте оранжевый прямоугольник — цвет #FFAC38.

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

После того как вы закончили с созданием формы, выделите несколько узлов и укажите им цвет #FF7B46.

Выделите чуть меньшее количество узлов и укажите им цвет #FF3A09.

Добавляем темного оранжевого в четвертом шаге - #FF901C, и добавляем еще более темные оттенки: #FF6F1C и #FF6E20.

draw peach with mesh

Шаг 2

Продолжаем раскрашивать персик. Добавляйте больше точек, чтобы сделать работу детальнее.

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

  1. #FF8018
  2. #FF7035
  3. #FF7E26
  4. #FF9F3C
  5. #FFBA55
  6. #FFC776

gradient mesh tool

Шаг 3

Завершаем эту часть персика цветами:

  1. #FF8732
  2. #FF9A5C
  3. #FF7F41

finish peach fruit with mesh

Шаг 4

Рисуем верхнюю часть персика.

  1. #FBDAA7
  2. #FEBB86
  3. #FF6B3F
  4. #FFA673
  5. #FF8753
  6. #FF4105

draw vector image

Шаг 5

Завершаем ее.

  1. #FBDDAC
  2. #C82B00
  3. #FFCE9A
  4. #FF882D
  5. #FFBC85

vector mesh part in adobe illustrator

Шаг 6

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

  1. #882505
  2. #611404
  3. #CB7103
  4. #5B1501
  5. #6A1A02
  6. #903804

peach stem mesh

Шаг 7

Нарисуйте два овала: один побольше цвета #D82B00, и второй поменьше цвета #602E0C. Поместите их один на другой как показано ниже, и сделайте большой овал прозрачным.

create blend

Шаг 8

В меню выберите Object > Blend > Blend Options/Объект>Переход>Параметры перехода, и укажите 30 шагов.

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

blend options

Шаг 9

Соберите персик как показано ниже.

add mesh parts to vector peach

2. Добавляем текстуру

Шаг 1

Для этого шага вам понадобится эта текстура. Скачайте ее и откройте в Adobe Illustrator.

В меню выберите Window > Image Trace/Окно>Трассировка изображения. Укажите параметры как показано ниже и нажмите Trace/ТрассировкаExpand/Разберите результат.

texture

Шаг 2

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

clipping mask

Шаг 3

Укажите объекту режим наложения Overlay/Перекрытие и снизьте до 20% Opacity/Непрозрачность.

change opacity

Шаг 4

Сделайте контур второй фигуры и таким же образом создайте текстуру с обтравочной маской.

clipping mask

Шаг 5

Поместите текстуру поверх персика.

place texture onto peach

3. Рисуем лист

Шаг 1

Инструментом Pen/Перо (P) нарисуйте стебель и скелет листа, используя параметры обводки как показано ниже.

draw leaf

Шаг 2

Выделите обводку и выберите в меню Object > Expand Appearance/Объект>Разобрать оформление. Примените к получившемуся объекту линейный градиент цветов #5D6D10 и #6B7A00.

gradient

Шаг 3

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

screen with 40 opacity

Шаг 4

Рисуем базу для листа из сетчатого градиента.

  1. #5D6D10
  2. #2F4304
  3. #415409
  4. #9CAA39

gradient mesh foundation

Шаг 5

Рисуем контур листа отдельно, накладываем его на сетчатый градиент и стебель и делаем обтравочную маску.

leaf outline

Шаг 6

В меню выберите Effect > Warp > Arc/Эффект>Деформация>Дуга. Укажите параметры как показано ниже и после этого разберите оформление (Object > Expand Appearance/Объект>Разобрать оформление).

warp leaf

Шаг 7

Нарисуйте тень при помощи овала и радиального градиента от #8E6D51 к белому.

gradient

Шаг 8

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

opacity

Шаг 9

Добавьте несколько теней под персик.

add shadows

Шаг 10

Поместите на работу лист и еще больше теней.

add leaf

Шаг 11

Добавляем еще один персик.

finish drawing of vector mesh peaches

Результат

two peaches

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

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

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




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