Рисуем тропический фон в Adobe Illustrator
7 января 2019 | Опубликовано в Уроки | Нет комментариев »
Тема тропических растений популярна в дизайне в любое время года. Нам до сих не понятно почему большие пальмовые листья и папоротники так популярны, но сегодня не об этом. Сегодня мы будем рисовать тропический фон в Adobe Illustrator, используя инструмент Gradient Mesh/Сетчатый градиент.
Результат
1. Рисуем цветок
Шаг 1
Начнем с создания одного лепестка. Для начала нарисуйте оранжевый прямоугольник #F55703
. Возьмите инструмент Mesh/Сетчатый градиент (U) и кликайте внутри прямоугольника, чтобы создать сетку градиента. Когда вы создали достаточное количество узлов, перемещайте точки фигуры, чтобы изменить ее форму на более плавную и округлую. Форма должна напоминать лепесток.
После того как мы разобрались с формой, приступаем к цвету. Выделите точки, указанные на втором скриншоте и перекрасьте их в цвет #F8B67F
. Чтобы понять какие точки выделены на скриншоте, обратите внимание на то, какие из них темные, синего цвета.
Выделяем точки, указанные на третьем скриншоте, и перекрашиваем их в цвет #C54E0A
.
Добавляем темных оттенков, как в последнем скриншоте: #872E0D
.
Шаг 2
Рисуем еще один лепесток по схожей схеме.
#FD8604
#D74E02
#B82E02
#FFD38C
Шаг 3
Третий лепесток.
#F05A03
#F9A15D
#CA4725
#7E2309
Шаг 4
Заканчиваем работу над третьим лепестком.
#B35C11
#FA9234
Шаг 5
#DF4502
#EA8A1C
#550500
#962607
Шаг 6
Еще один оранжевый лепесток.
#F75506
#F2A05F
#FB730D
#C44001
Шаг 7
#F35909
#FD9E04
#DC3500
#99361F
Шаг 8
Заканчиваем лепесток.
#D66B01
#D56A02
#FD7604
Шаг 9
Рисуем синие тычинки.
#E2F1FF
#224FA3
#72A6BE
#AFCAF3
Шаг 10
И еще одну.
#6284C2
#67180A
#0A2D2B
#A5B29F
Шаг 11
Объединяем два элемента.
Шаг 12
Создайте копию элементов и в меню выберите Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Коррекция цветов.
- Red/Красный: 11%
- Green/Зеленый: 13%
- Blue/Синий: 25%
Шаг 13
Рисуем лист.
#313D21
#778D26
#4E561C
#60605B
Шаг 14
Завершаем работу над листом.
#5B593E
#BD7D0E
#BCB150
Шаг 15
Рисуем последний элемент.
#2A3B17
#A5973C
#79815D
#475530
Шаг 16
И собираем цветок.
2. Рисуем листья
Шаг 1
Нарисуйте простую изогнутую линию инструментом Pen/Перо (P), затем измените профиль обводки, чтобы она сужалась в конце.
Шаг 2
Укажите обводке радиальный градиент (#BCCC91
- #435E00
- #405C00
).
Шаг 3
В меню выберите Object > Expand Appearance/Объект>Разобрать оформление.
Шаг 4
Нарисуйте прямую линию цвета #467306
и измените профиль обводки как показано ниже.
Шаг 5
Expand Appearance/Разберите оформление объекта и примените к нему сетчатый градиент.
#416004
#8B964C
#58870E
Шаг 6
В меню выберите Effect > Warp > Arc/Эффект>Деформация>Дуга и настройте параметры как показано ниже.
Expand Appearance/Разберите оформление.
Шаг 7
Поместите листья на веточку, изменяя размер копий.
Шаг 8
Когда закончите, выделите всю ветку и в меню выберите Effect > Warp > Arc/Эффект>Деформация>Дуга.
Настройте параметры как показано ниже и разберите оформление.
2. Собираем фон
Шаг 1
Нам нужно немного изменить цвет папоротника. Для этого выделите его и в меню выберите Edit > Edit Colors > Adjust Colors/Редактировать>Редактировать цвета>Коррекция цветов.
Шаг 2
Еще немного изгибаем ветку: Effect > Warp > Arc Lower/Эффект>Деформация>Дуга вниз. Разбираем объект.
Шаг 3
Рисуем квадрат и внутри него сетку градиента.
#386D4B
#326143
Шаг 4
Отдельно рисуем скелет листа при помощи линий с обводкой цвета #36763C. Разбираем оформление.
Шаг 5
Нарисуйте контур тропического листа. Поместите скелет листа поверх квадрата, а контур по верх всего. Выделите все три объекта, кликните по ним правой кнопкой и выберите Make Clipping Mask/Создать обтравочную маску.
Шаг 6
По принципу предыдущего листа рисуем еще один другой формы. Начинаем с прямоугольника и сетчатого градиента.
#386D4B
#1D492C
#3F7A52
Шаг 7
Рисуем скелет цвета #547554
.
Шаг 8
Применяем Clipping Mask/Обтравочную маску.
Шаг 9
Рисуем еще один элемент цвета #547554
.
Шаг 10
Дублируем и собираем в форме рамки листья и цветы.
Шаг 11
Нарисуйте кляксу, примените к ней радиальный градиент и укажите ей режим наложения Multiply/Умножение.
Шаг 12
Размножьте кляксы на прямоугольном фоне цвета #EDF0EE
.
Шаг 13
Сверху поместите нашу тропическую рамку.
Шаг 14
Нарисуйте круг с радиальным градиентом в режиме наложения Screen/Осветление.
Шаг 15
Поместите блики в несколько мест поверх листьев.
Шаг 16
При помощи Clipping Mask/Обтравочной маски скройте лишние, выходящие за рамку прямоугольника элементы.
Результат
Наш фон готов. Вы можете добавить текст, чтобы создать флаер или приглашение, или использовать его в любых других целях.
Автор урока Vladimir Galantsev
Перевод — Дежурка
Смотрите также:
- Эко-иллюстрация на сетчатых градиентах в Adobe Illustrator
- Полупрозрачные реалистичные капли в Adobe Illustrator
- Рисуем ваниль в Adobe Illustrator