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

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

Вырезаем бумажный узор в Adobe Illustrator

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

Сегодня мы будем вырезать снежинку при помощи Adobe Illustrator. Для этого нам не понадобится сидеть часами над сложенными салфетками с ножницами в руках. Однако некоторые процессы все останутся схожими. Правда у снежинки в электронной версии куда больше преимуществ! Хотите узнать каких? Поехали!

 

 

1. Подготовка

Шаг 1
Нарисуйте большой круг инструментом Эллипс/Ellipse Tool (L),  снизьте до нуля заливку и укажите обводку толщиной в 1pt.

Используя инструмент Отрезок линии/Line Segment Tool (\) разделите круг пополам по вертикали. Копируйте (Control-C) и Вставьте Paste (Control-V) линию, затем Поверните/Rotate ее на 45 градусов. Повторите это действие дважды, чтобы круг был разделен на 8 секций (удерживайте Shift, чтобы поворот происходил ровно на 45 градусов). Теперь (если до этого вы действовали на глаз), выровняйте линии и круг по центру. Сгруппируйте (Control-G) все фигуры.

Snowflake-001

Шаг 2
Добавьте новый слой. В примере зарисовка узора на салфетке делалась на бумаге, поэтому автор отсканировал ее и вставил в слой. Вы можете поступить также, или же нарисовать свой узор с нуля в Иллюстраторе.

Работаем с зарисовкой. Поместите ее в новый слой и Закрепите/Lock его в палитре Слои/Layers.

Snowflake-002

2. Зарисовка в Иллюстраторе

Шаг 1
Создайте новый слой, в котором вы будете обрисовывать бумажную зарисовку. Выберите инструмент Кисть-клякса/Blob Brush Tool (Shift-B). Кликните дважды по значку инструмента в панели инструментов, чтобы открыть окно опций. Если у вас есть планшет, используйте его. Настройте опции Точность/Fidelity и Сглаживание/Smoothness как показано ниже. Автор использовал круглую кисть размером в 5pt и Давление/Pressure в 4pt. Убедитесь что включен режим Объединять только с выделением/Merge Only with Selection и нажмите OK.

Snowflake-004

Шаг 2
На этом этапе главным ориентиром является бумажная зарисовка. Если вы работаете без скетча, включайте воображение и начинайте создавать свой узор.

Автор работает по скетчу, внося некоторые изменения, однако оставаясь в рамках нарисованного в начале работы круга. Сейчас вы вырисовываете бумажные части, которые остаются в узоре, а не вырезанные части.

Snowflake-003

Шаг 3
Продолжайте создание узора. В примере узор состоит из больших и маленьких привидений, узоров-огурцов, сердечек и облачка с обращением. Работайте чтобы заполнить всю секцию узорам. Слово “hey” будет вырезанным.

Snowflake-005

3. Создаем фигуры инструментом Перо/Pen Tool

Шаг 1
Сгруппируйте зарисовку из предыдущего шага. На этом этапе мы будем работать голубым цветом (вы можете выбрать любой другой). Инструментом Перо/Pen Tool (P) обведите узоры. Каждая часть узора должна быть соединена с другой частью, и соединения не должны быть слишком тонкими. Помните, что речь идет о бумаге.

Snowflake-006

Шаг 2
Поправляйте узор инструментом Прямое выделение/Direct Selection Tool (A). Старайтесь, чтобы формы были плавными и округлыми, а не резкими и острыми.

Snowflake-007

Шаг 3
Убедитесь в том, что вы вы не оставляете фигуры открытыми. объединяйте контуры. Также помните что в узоре должно быть много прорезей, но не слишком больших. Стремитесь к созданию детализированного, замысловатого узора.

Snowflake-008

Шаг 4
Когда вы будете довольны результатом, выделите все голубые фигуры (для удобства можете скрыть слой с зарисовкой) и Объедините/Unite фигуры в палитре Обработка контуров/Pathfinder.

Snowflake-009

4. Редактируем узор

Шаг 1
Для начала удалим все лишние элементы узора. Создайте фигуру по краям секции, в которой мы рисовали узор. Выделите узор и одну из созданных только фигур, в палитре Обработка контуров/Pathfinder выберите Минус Верхний/Minus Front.

Snowflake-010

Шаг 2
Если вы посчитаете, что в узоре слишком много больших прорезей, можете это исправить. Также не забывайте, что нам еще нужно вырезать мелкие детали — надпись в облачке, лицо привидений. В примере автор добавил соединительных фигур, и добавил с краю полосу, при помощи которой одна часть узора будет крепиться к другой. После чего объединил новые фигуры с уже существующими в палитре Обработка контуров/Pathfinder. Надпись “hey” и лица привидений мы вырежем в следующем шаге.

Snowflake-011

Шаг 3
Глаза привидениям можно нарисовать при помощи Эллипса/Ellipse, а рот с языком Пером/Pen. Закрашивайте фигуры, которые хотите вырезать контрастным цветом, чтобы их было легко различить. Выделите надпись, глаза и рот с языком  и объедините их контуры. Теперь добавьте к выделению весь узор и нажмите Минус Верхний/Minus Front.

Snowflake-012

5. Вращаем узор

Шаг 1
Выделите узор и нарисованный ранее круг. Выберите инструмент Поворот/Rotate Tool ®. Удерживая клавишу Alt кликните по центральной точке круга. В появившемся окне укажите угол 360/8 (у круга 360 градусов, нам нужно 8 секций). Нажмите кнопку Копия/Copy.

Snowflake-013

Шаг 2
В секции слева появится копия вашего узора. Нажмите Control-D шесть раз, чтобы появились все восемь нужных секций. Теперь в палитре Слои/Layers удалите все лишние круги, которые также дублировались вместе с узором. .

Snowflake-014

Шаг 3
Выделите все восемь секций и объедините их контуры. Тем же способом, что мы использовали выше, добавьте узоров-прорезей в центральной части снежинки.

Snowflake-015

6. Создаем текстуру дерева

Шаг 1
Смените цвет снежинки на светло-кремовый. Нарисуйте квадрат чуть больше размера снежинки инструментом Прямоугольник/Rectangle Tool (M) и поместите его под снежинкой. На время скройте снежинку в палитре Слои/Layers.

Snowflake-016

Шаг 2
Используя инструмент Перо/Pen начинайте рисовать текстуру дерева поверх квадрата. Укажите отсутствие заливки и обводку любого цвета и толщины. Старайтесь сделать так, чтобы узоры были вытянутыми, овальными или в форме кристаллов. Также очень важно, чтобы контуры внутри квадрата были закрыты.

Snowflake-017

Шаг 3
Продолжайте рисовать узоры дерева, пока они не покроют весь квадрат. Вы можете сделать это быстрее, обрисовав лишь половину, а потом дублировать созданные фигуры и отразить их зеркально. После этого выделите узоры и квадрат и нажмите Разделение/Divide в палитре Обработка контуров/Pathfinder. Вы получите множество фигур без контура, которые теперь нужно только залить градентом.

Snowflake-018

Шаг 4
Инструментом Градиент/Gradient (G) залейте фигуры градиентом от темно-коричневого к коричневому. Вы можете выделить все фигуры и применить градиент ко всем сразу. Затем уже при помощи инструмента отредактируйте угол наклона и другие параметры каждого отдельного градиента.

Snowflake-019

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

Snowflake-020

7. Создаем тень салфетке

Шаг 1
Дублируйте фигуру салфетки. Примените к копии линейный градиент от 20% к 60% Непрозрачности/Opacity, оба цвета — темно-пурпурные. Подвиньте тень немного вниз и вправо, в палитре Прозрачность/Transparency смените режим наложения/Blending Mode на Умножение/Multiply.

Snowflake-021a
Snowflake-021b

Шаг 2
Используя тот же градиент, что и в предыдущем шаге, создайте эффект объема. Решите какие фигуры из узора будут находиться над остальным узором. Теперь инструментом Перо/Рen Tool нарисуйте фигуры, повторяющие контуры отверстий этих «верхних» фигур. Смотрите пример на картинке ниже.

Snowflake-022

Шаг 3
Экспериментируйте с размером, формой и другими параметрами теней, чтобы достичь желаемого результата.

Snowflake-023

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

Snowflake-024a
Snowflake-024b

Шаг 5
Инструментом Прямое выделение/Direct Selection выделите и удалите тонкие полоски, которые образовались на стыке секций. Также можете расширить отверстие посредине салфетки, или внести любые другие финальные изменения.

Snowflake-025

Работа сделана!

Snowflake

Автор урока Mary Winkler

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

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




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