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

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

Рисуем тропический фон в Adobe Illustrator

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

Тема тропических растений популярна в дизайне в любое время года. Нам до сих не понятно почему большие пальмовые листья и папоротники так популярны, но сегодня не об этом. Сегодня мы будем рисовать тропический фон в Adobe Illustrator, используя инструмент Gradient Mesh/Сетчатый градиент.

 

Результат

 Summer Holiday Background With Tropical Plants

1. Рисуем цветок

Шаг 1

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

После того как мы разобрались с формой, приступаем к цвету. Выделите точки, указанные на втором скриншоте и перекрасьте их в цвет #F8B67F. Чтобы понять какие точки выделены на скриншоте, обратите внимание на то, какие из них темные, синего цвета.

Выделяем точки, указанные на третьем скриншоте, и перекрашиваем их в цвет #C54E0A.

Добавляем темных оттенков, как в последнем скриншоте: #872E0D.

Tropical Party Flyer Design

Шаг 2

Рисуем еще один лепесток по схожей схеме.

  1. #FD8604
  2. #D74E02
  3. #B82E02
  4. #FFD38C

Party Flyer Template Tropical Petal

Шаг 3

Третий лепесток.

  1. #F05A03
  2. #F9A15D
  3. #CA4725
  4. #7E2309

Party Flyer Background Mesh

Шаг 4

Заканчиваем работу над третьим лепестком.

  1. #B35C11
  2. #FA9234

Vector Mesh

Шаг 5

  1. #DF4502
  2. #EA8A1C
  3. #550500
  4. #962607

Tropical Party Flyer Design

Шаг 6

Еще один оранжевый лепесток.

  1. #F75506
  2. #F2A05F
  3. #FB730D
  4. #C44001

Party Flyer Template Petal Tutorial Vector

Шаг 7

  1. #F35909
  2. #FD9E04
  3. #DC3500
  4. #99361F

Party Flyer Background Tropical Flower

Шаг 8

Заканчиваем лепесток.

  1. #D66B01
  2. #D56A02
  3. #FD7604

Tropical Flower Tutorial Vector

Шаг 9

Рисуем синие тычинки.

  1. #E2F1FF
  2. #224FA3
  3. #72A6BE
  4. #AFCAF3

Tropical Party Flyer Design Mesh Element

Шаг 10

И еще одну.

  1. #6284C2
  2. #67180A
  3. #0A2D2B
  4. #A5B29F

Party Flyer Template Gradient Mesh

Шаг 11

Объединяем два элемента.

Tropical Party Flyer Template

Шаг 12

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

  • Red/Красный: 11%
  • Green/Зеленый: 13%
  • Blue/Синий: 25%

Party Flyer Background Edit Colors

Шаг 13

Рисуем лист.

  1. #313D21
  2. #778D26
  3. #4E561C
  4. #60605B

Gradient Mesh Tutorial

Шаг 14

Завершаем работу над листом.

  1. #5B593E
  2. #BD7D0E
  3. #BCB150

Tropical Party Flyer Design Leaf

Шаг 15

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

  1. #2A3B17
  2. #A5973C
  3. #79815D
  4. #475530

Party Flyer Template Leaf Mesh

Шаг 16

И собираем цветок.

Party Flyer Background Tropical Background

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

Шаг 1

Нарисуйте простую изогнутую линию инструментом Pen/Перо (P), затем измените профиль обводки, чтобы она сужалась в конце.

draw curved line

Шаг 2

Укажите обводке радиальный градиент (#BCCC91 - #435E00 - #405C00).

radial gradient

Шаг 3

В меню выберите Object > Expand Appearance/Объект>Разобрать оформление.

expand appearance

Шаг 4

Нарисуйте прямую линию цвета #467306 и измените профиль обводки как показано ниже.

change stroke profile

Шаг 5

Expand Appearance/Разберите оформление объекта и примените к нему сетчатый градиент.

  1. #416004
  2. #8B964C
  3. #58870E

create mesh

Шаг 6

В меню выберите Effect > Warp > Arc/Эффект>Деформация>Дуга и настройте параметры как показано ниже.

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

warp the leaf

Шаг 7

Поместите листья на веточку, изменяя размер копий.

attach leaves

Шаг 8

Когда закончите, выделите всю ветку и в меню выберите Effect > Warp > Arc/Эффект>Деформация>Дуга.

Настройте параметры как показано ниже и разберите оформление.

wrap the leaf

2. Собираем фон

Шаг 1

Нам нужно немного изменить цвет папоротника. Для этого выделите его и в меню выберите Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Коррекция цветов.

Tropical Party Flyer Template Edit Colors

Шаг 2

Еще немного изгибаем ветку: Effect > Warp > Arc Lower/Эффект>Деформация>Дуга вниз. Разбираем объект.

Party Flyer Template Warp Effect

Шаг 3

Рисуем квадрат и внутри него сетку градиента.

  1. #386D4B
  2. #326143

Mesh Vector Tutorial

Шаг 4

Отдельно рисуем скелет листа при помощи линий с обводкой цвета #36763C. Разбираем оформление.

Tropical Party Flyer Template Tutorial

Шаг 5

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

Tropical Party Flyer Template Leaf Vector

Шаг 6

По принципу предыдущего листа рисуем еще один другой формы. Начинаем с прямоугольника и сетчатого градиента.

  1. #386D4B
  2. #1D492C
  3. #3F7A52

Party Flyer Template Mesh

Шаг 7

Рисуем скелет цвета #547554.

Vector Tutorial

Шаг 8

Применяем Clipping Mask/Обтравочную маску.

Tropical Party Flyer Design Leaf Vector

Шаг 9

Рисуем еще один элемент цвета #547554.

Tropical Party Flyer Template

Шаг 10

Дублируем и собираем в форме рамки листья и цветы.

Party Flyer Template Tropical Leaves

Шаг 11

Нарисуйте кляксу, примените к ней радиальный градиент и укажите ей режим наложения Multiply/Умножение.

Tropical Party Flyer Template Gradient

Шаг 12

Размножьте кляксы на прямоугольном фоне цвета #EDF0EE.

Party Flyer Background

Шаг 13

Сверху поместите нашу тропическую рамку.

Party Flyer Design Background

Шаг 14

Нарисуйте круг с радиальным градиентом в режиме наложения Screen/Осветление.

Radial Gradient

Шаг 15

Поместите блики в несколько мест поверх листьев.

Tropical Party Flyer Template

Шаг 16

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

Party Flyer Background

Результат

Наш фон готов. Вы можете добавить текст, чтобы создать флаер или приглашение, или использовать его в любых других целях.

 Summer Holiday Background With Tropical Plants

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

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

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

 




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

[an error occurred while processing the directive]


[an error occurred while processing the directive]