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

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

Лиственный фон в Adobe Illustrator

28 мая 2017 | Опубликовано в Уроки | 2 Комментариев »

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

 

Результат

1. Создаем новый документ

Для начала создайте новый документ в (File>New/Файл>Создать) и укажите следующие параметры:

2. Создаем фон

Шаг 1

В качестве фона мы используем светлую текстуру деревянной доски. Например эту или эту.

Шаг 2

Нам нужно, чтобы фон был такого же размера что и рабочая область. Поэтому укажите фону размер 1200×800 px в панели настроек как показано ниже.

Если вы выбрали фон, который заметно искажается при заданных размерах, используйте обтравочную маску. Растяните фон так, чтобы он бы не меньше рабочей области. Сверху растяните прямоугольник без обводки по размеру рабочей области. Выделите фон и прямоугольник, кликните по ним правой кнопкой и выберите Create Clipping Mask/Создать обтравочную маску. — прим. Дежурки

Выделите наш и выровняйте его по рабочей области как показано ниже. Заблокируйте объект, чтобы он не мешал нам работать. Для этого в меню выберите Object>Lock>Selection/Объект>Заблокировать>Выделенное.

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

Шаг 1

Мы создадим три разных типа листьев. Начнем с первого. Возьмите инструмент Paintbrush/Кисть и нарисуйте кривую линию толщиной в 2px при помощи овальной кисти. Разберите объект (Object>Expand Appearance/Объект>Разобрать оформление).

Это будет стебель нашей веточки. Теперь давайте нарисуем листья. Возьмите инструмент Pen/Перо и нарисуйте листья. Укажите им черный цвет заливки и отсутствие обводки.

Шаг 2

Давайте раскрасим нашу веточку. Мы используем три оттенка зеленого цвета. Чтобы их было проще использовать, нарисуйте три квадрата и залейте их нашими оттенками.

Мы используем эти оттенки, чтобы указать веточке заливку сетчатым градиентом. Для этого выделите объект и в меню выберите Object>Gradient Mesh/Объект>Сетчатый градиент. Введите параметры как на картинке ниже:

Вот что должно получиться:

Начнем раскрашивать стебель. Чтобы листья нам не мешали, выделите их и выберите в меню Object>Lock>Selection/Объект>Заблокировать>Выделение. Инструментом Direct Select/Прямое выделение выделите нижнюю часть стебля. Инструментом Еyedropper/Пипетка кликните по самому темному оттенку зеленого. Выделите остальную часть стебля инструментом Direct Selection/Прямое выделение, и при помощи инструмента Eyedropper/Пипетка выберите средний оттенок зеленого.

В меню выберите Object>Unlock/Объект>Разблокировать. Заблокируйте стебель, который мы уже раскрасили. Приступим к листьям. Схема та же. Выделяете точки при помощи инструмента Direct Selection/Прямое выделение и указываете им цвет при помощи инструмента Eyedropper/Пипетка. Повторите процесс как показано ниже.

Чтобы ускорить процесс, пользуйтесь быстрыми клавишами для выбора инструментов. Для инструмента Direct Selection/Прямое выделение это клавиша «А», для Eyedropper/Пипетки это клавиша «I». — прим. Дежурки

После того как вы справились с одним листом, переходите к следующим. Результат должен выглядеть примерно так:

Выделите все элементы ветки и сгруппируйте их (Object>Group/Объект>Сгруппировать).

Шаг 3

Второй вид листьев основан на четырех штрихах. Создайте их, ориентируясь на картинку ниже, при помощи инструмента Paintbrush/Кисть.

Вот какие параметры должны быть у обводки для главной, центральной линии:

Для остальных трех параметры следующие:

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

Залейте стебли линейным градиентом от темного оттенка зеленого к светлому и сгруппируйте стебли (Object>Group/Объект>Сгруппировать).

Шаг 4

Последний тип листа мы нарисуем при помощи инструмента Рen/Перо.

Выделите наш лист и выберите в меню Object>Create Gradient Mesh/Объект>Создать сетку градиента. Укажите следующие параметры:

Раскрасьте сетчатый градиент как показано ниже.

Шаг 5

Чтобы добавить реалистичности нашим листьям, нарисуйте прожилки белого цвета инструментом Paintbrush/Кисть:

Вот параметры для обводки кистей:

Разберите прожилки (Object>Expand Appearance/Объект>Разобрать оформление) и укажите им режим наложения Soft Light/Мягкий свет. Результат должен быть примерно таким:

4. Размещаем листья

Шаг 1

Давайте вернемся к нашему фоновому прямоугольнику. Копируйте стебли и вставляйте их, обрамляя фон. Трансформируйте, вращайте, отражайте листья и стебли, чтобы разнообразить результат.

Сгруппируйте листья и стебли вместе.

Шаг 2

Добавим немного теней, чтобы работа не казалась плоской. Инструментом Ellipse/Эллипс создайте овал размером 200px x 100 px. Залейте его градиентом от черного к белому цвету и укажите режим наложения Multiply/Умножение.

Шаг 3

Поместите градиент под листья (Object>Arrange>Send Backward/Объект>Монтаж>Переместить ниже) и дублируйте его, чтобы поместить в разные места.

Результат должен быть примерно таким.

5. Обрезаем лишнее

Инструментом Rectangle/Прямоугольник создайте фигуру размером 1200x800px и выровняйте ее ровно по рабочей области.

Инструментом Selection/Выделение выделите листья и прямоугольник и в меню выберите Object>Clipping Mask>Make/Объект>Обтравочная маска>Создать.

Результат

Автор урока Laura Martín

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

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




Комментарии

  1. Юлия
    Thumb up Thumb down 0

    Спасибо, классный урок =)

    Ответить

  2. Алина
    Thumb up Thumb down 0

    Добрый день. Подскажите пожалуйста начинающему пользователю иллюстратора) Когда для рисования использую инструмент Кисть, с этим объектом ничего сделать не могу: параметры обводки меняют, но по факту с линией ничего не происходит. И когда хочу кусочек линии стереть при помощи Создание фигур и клавиши Alt — тоже безрезультатно. Что я делаю не так? Как будто изменить какой-то параметр этой линии хочется....

    Ответить

Оставить ответ


два + 8 =

Вставить изображение