Vectorboom
Уроки / Иллюстрации / Comments: 5

Как создать гору в стиле гравюры, используя WidthScribe и Adobe Illustrator

Ярослав Лазунов
06.02.2013
Цель Урока
How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Детали урока в Illustrator

  • Программа: Adobe Illustrator CS - CS6 + WidthScribe плагин;
  • Сложность: Средний уровень
  • Время выполнения: 60 минут;

Сегодня я представляю вашему вниманию первый урок, посвященный работе с WidthScribe. Этот плагин обладает рядом уникальных функций, которые не имел еще ни один векторный редактор. Теперь у нас есть возможность изменять ширину группы векторных путей, применив к ним Width Gradient Tool или воздействовать на один или несколько путей локально, используя Width Brush Tool. WidthScribe обладает еще целым рядом полезных функций для работы с путями переменной толщины, и в этом уроке мы познакомимся с некоторыми из них.

Шаг 1

Начнем наш урок с создания силуэта горы. Создадим его форму из прямолинейных сегментов, используя InkScribe Tool  или Pen Tool (P).

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Теперь предадим силуэту более реалистичный вид. Для этого отредактируем контур при помощи Dynamic Sketch Tool  с включенным режимом редактирования путей.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Шаг 2

Выберем для заливки созданного объекта черный цвет.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Приступим к созданию освещенных участков горы, которые предадут ей объем. Света будут представлять собой штриховку, как и на любой гравюре. Создать ее в Adobe Illustrator проще всего при помощи Blend Tool (W). Давайте посмотрим, как это делается. Создадим два криволинейных сегмента на некотором расстоянии друг от друга.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Выделяем их и переходим Object > Blend > Make или используем горячие клавиши Cmd / Ctrl + Opt / Alt + B.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Два раза кликнем по иконке Blend Tool на панеле инструментов, что приведет к открытию диалогового окна Blend Options. Выбираем в нем "Specified Distance" и подбираем значение, так чтобы добиться нужной плотности штриховки.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Шаг 3

Для достижения нужного эффекта вы также можете изменять положение криволинейных сегментов и их точек при помощи Direct Selection Tool (A), изменять ширину paths и применять подходящие профиля в Stroke panel.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Конвертируем бленд объект в группу путей. Для этого переходим Object > Blend > Expand. Выбираем для обводки белый цвет.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Шаг 4

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

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Для того чтобы лучше прочувствовать форму светового пятна выделим группу со штрихами и закрытый путь, затем переходим Object > Clipping Mask > Make (Cmd / Ctrl + 7).

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Теперь ничего не мешает нам воспринимать его форму. Если вам необходимо отредактировать ее, то просто переместите точки Clipping Path при помощи Direct Selection Tool (A), вы также можете добавлять к нему новые точки, например, при помощи Pen Tool (P).

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Шаг 5

После того, как мы добьемся нужного результата переходим Object > Clipping Mask > Release. Установим произвольный цвет для закрытого пути, который выполнял роль Clipping path в предыдущем шаге, и заблокируем его в Layers panel.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Берем Scissors Tool (C) и разрезаем линии штриховки в местах ее пересечения с формой светового пятна.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

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

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Шаг 6

Распределение света, выполненное штрихами, выглядит довольно однородно. Для создания более художественного эффекта воспользуемся Width Gradient Tool, который является инструментом нового плагина WidthScribe plugin. Для открытия его панели переходим Window > WidthScribe > Wirth Gradient panel.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Теперь у нас есть возможность применять линейный или радиальный градиент к выделенной группе путей. Этот градиент не изменяет цвет путей,  а изменяет их ширину. Такая уникальная возможность появилась впервые за всю историю существования Adobe Illustrator и всех других векторных редакторов. Давайте посмотрим, как это работает. Выбираем вид градиента (1), диапазон, в котором будет изменяться ширина путей (2) в Wirth Gradient panel.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Выделяем группу путей, берем Width Gradient Tool и применяем радиальный градиент к штрихам, используя метод "Кликнул и Потащил".

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

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

Шаг 7

У вас есть возможность перемешать начальную точку градиента, для этого удерживайте клавишу Пробел.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Кроме того, вы можете устанавливать нелинейный характер распределения ширины вдоль линии применения градиента, изменяя форму графика в Wirth Gradient panel.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Эти замечательные опции позволят вам добиться любой, задуманной цели.

Шаг 8

Используя технику создания штриховки и Width Gradient Tool, я создал световые пятна на всей поверхности горы.  

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Чем дальше штрихи находятся от источника света, тем темнее они должны быть.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Эта закономерность позволит вам усилить ощущение объема.

Шаг 9

Создадим форму волн, бьющихся о подножье горы. Такая сложная форма создана путем объединения простых эллипсов и объектов созданных при помощи Pen Tool (P). Объекты были объединены при помощи команды Unite из Pathfinder panel.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator
How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Шаг 10

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

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Теперь пришло время нам познакомиться со следующим инструментом WidthScribe плагина, который называется Width Brush Tool. Для открытия диалогового окна с его настройками необходимо два раза кликнуть по его иконке на панеле инструментов или нажать на клавишу Enter, если этот инструмент уже выбран.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

В диалоговом окне Width Brush Tool Options у вас есть возможность установить размер кисти и ее жесткость. Как и для любой кисти, вы можете установить зависимость воздействия от ряда параметров, например давления на стилус графического планшета, и диапазон, в котором будет изменяться ширина.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Обратите внимание, что этот диапазон имеет как положительные, так и отрицательные значения. При положительных значениях воздействие, оказанное Width Brush Tool, приведет к увеличению ширины путей, а при отрицательных – к уменьшению их ширины.

Шаг 11

На рисунке ниже показаны траектория кисти и воздействие, которая она оказала на группу путей.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Применение Width Brush Tool позволяет изменять ширину путей локально, что, в данном случае, позволило мне создать блики света на гребнях волн.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Для изменения диаметра кисти предназначены клавиши  "]" – для увеличения и "[" – для уменьшения.

Шаг 12

Плагин WidthScribe имеет команды, которые позволяют динамически изменять  вид всех выделенных путей переменной толщины.  Давайте рассмотрим, как это работает на примере создания пены. Я создал несколько путей постоянной ширины при помощи Dynamic Sketch Tool, так как это показано на рисунке ниже.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Теперь выделяем все эти пути и переходим Object > Path > Vary Width Markers….

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Управляя слайдерами в открывшемся диалоговом окне, я быстро получил необходимый эффект.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Шаг 13

Для создания более мелкой пены я использовал точечные узоры, которые вы найдете в библиотеке паттернов, перейдя Open Swatches Library > Patterns > Basic Graphics > Basic Graphics Textures во всплывающем меню панели Swatches.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

И наконец, для создания брызг, вы можете создать Scatter Brush из объекта производной формы, установив для нее случайные значения.

How to Create a Mountain in the Engraving Style Using the WidthScribe plugin and Adobe Illustrator

Хочу заметить, что в этом уроке описаны далеко не все инструменты и области применения WidthScribe. В следующих уроках вы узнаете о других инструментах и новых возможностях этого уникального плагина.

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.