html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Как в Adobe Illustrator создать векторную иллюстрацию в стиле карандашного эскиза

t
Final Image Preview

В этом уроке я расскажу вам, как создать эскизные кисти в Adobe Illustrator для воссоздания карандашного эскиза в векторной работе. Затем мы применим одну из созданных кистей на практике и познакомимся со всеми этапами создания этой векторной иллюстрации. В уроке использовались плагины для Adobe Illustrator - Phantasm CS и DrawScribe plugins. Вы узнаете о некоторых инструментах этих плагинов и их применении для решения практических задач.

В этом уроке я буду использовать эскиз, который любезно предоставил  Valentine Sant. На эскизе изображен персонаж русской народной сказки  - Царевна Лягушка.

Наша задача – воспроизвести стилистику карандашного эскиза в векторной работе. Прерывистые и неоднородные линии созданные карандашом мы будем воспроизводить при помощи Art Brushes. Давайте научимся создавать подобные кисти.


Создание эскизных кистей

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

Линия созданная от руки

Первой сделаем форму кисти переменной толщины для создания лини созданной от руки.  Берем Rectangle Tool (M) и создаем прямоугольник с заливкой черного цвета. Высота прямоугольника должна быть несколько пикселей (в моем случае 4 px), однако это не имеет принципиального значения, так как мы можем отрегулировать параметры кисти в процессе ее сохранения.

Теперь выбираем Warp Tool (Shift + R) на toolbar и дважды кликаем по его иконки, для того чтобы открыть диалоговое окно Warp Tool Options. Придаем форме кисти инструмента эллиптический вид, оставив остальные настройки без изменений.

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

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

Грубая кисть

Создадим еще один прямоугольник, его размеры могут быть такими же, как и у первой формы кисти. Не снимая выделения с прямоугольника, переходим  Effect > Distort & Transform > Roughen… и устанавливаем параметры, указанные на рисунке ниже.

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

Дискретная кисть

Создаем новый прямоугольник с заливкой нейтрального серого цвета.

Для создания этой формы кисти мы будем использовать Phantasm CS. Не снимая выделения с прямоугольника, переходим Effect > Phantasm CS > Halftone… и устанавливаем параметры, указанные на рисунке ниже.

Наша задача просто получить равномерный массив объектов. Это могут быть не только окружности, но и квадраты, линии и даже символы, если вы предварительно их создали и сохранили. Теперь переходим Object > Expand Appearance и разгруппируем полученную группу окружностей (Cmd / Ctrl + Shift + G)

Теперь воспользуемся двумя простыми скриптами Random Resize (масштабирует  выделенные объекты  случайным образом в указанном диапазоне)  и Random Opacity (присваивает выделенным объектам случайные значения прозрачности в указанном диапазоне). Эти скрипты разработал мой друг Yemz  специально для этого урока. Я уверен, они помогут вам не только в создании кистей, но и для решения других задач в вашей векторной практике. Вы сможете бесплатно скачать эти скрипты здесь.  Не снимая выделения с окружностей, запускаем скрипт Random Resize и вводим  максимальное и минимальное значение scale в процентах в Script Prompt и нажимаем кнопку OK

Теперь запускаем скрипт Random Opacity и вводим  максимальное и минимальное значение прозрачности

Группируем все выделенные объекты и уменьшаем высоту группы до 4-5 px.

Вы можете совмещать техники создания грубой кисти с техникой создания дискретной кисти. То есть, сначала получить форму, применив к прямоугольнику эффект Roughen, а затем применить к ней эффект Phantasm CS  Halftone  и завершить обработку при помощи Random Resize and Random Opacity скриптов. Таким образом, я получил форму кисти, которая показана на рисунке ниже.

В качестве формы в эффекте Phantasm CS  Halftone был выбран Square.

Мягкая карандашная кисть 

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

Не снимая выделения, применим к ним скрипт Random Opacity, установив диапазон прозрачности в пределах 10 – 20 %

Теперь переходим Object > Transform > Transform Each…. отмечаем "Random” и "Preview” в диалоговом окне и изменяем параметры Scale и Move так, чтобы добиться результата подобного, показанному на рисунке ниже.

Нажимаем кнопку OK и группируем все прямоугольники. Копируем группу и вставляем ее вперед (Cmd / Ctrl + C, Cmd / Ctrl +F) и уменьшаем ее высоту.

Разгруппируем верхнюю группу и применим к ее объектам скрипт Random Opacity, установив диапазон прозрачности в пределах 20 – 30 %

Группируем все объекты и уменьшаем высоту группы до 4 – 5 px.

Эта форма напоминает Bristle Brush в Adobe Illustrator CS5, только вы сделали ее своими руками для решения своих задач и это возможно в любой версии программы.

Создание кисти и ее параметры

Все эскизные кисти будут иметь одинаковые параметры, поэтому я покажу, как создавать кисть на примере одной из созданных выше форм. Перетаскиваем форму в панель Brushes и сохраняем новую кисть как Art Brush

Я буду использовать в этом уроке графический планшет, поэтому в диалоговом окне Art Brush Options устанавливаю зависимость толщины обводки от давления на стилус и максимальное и минимальное значение ширины обводки.

Для того чтобы цвет кисти соответствовал цвету обводки я выбрал в качестве Colorization Method  - Tint. Я сохранил все созданные формы с такими параметрами. На рисунке ниже показано как выглядят обводки, к которым были применены эти кисти.

Комбинируя описанные техники, вы можете получить большое разнообразие эскизных кистей. Если по каким-либо причинам у вас недостаточно времени на эксперименты по созданию собственных кистей, вы можете воспользоваться коллекцией готовых Sketchy Brushes, которую я собрал специально для вас. Настройки готовых кистей должны быть такими, как я указал выше. Если они отличаются, измените их.

Настройка инструментов для создания скетча

Для создания контура переменной толщины обычно используют Paintbrush Tool (B). Для настройки этого инструмента дважды кликните по его иконке на панели инструментов и установите параметры, указанные на рисунке ниже

Но я буду использовать Dynamic Sketch Tool, который является одним из инструментов DrawScribe плагина. Dynamic Sketch Tool дает мне ряд преимуществ над Paintbrush Tool (B). Это возможность динамически управлять гладкостью, точность и толщиной существующих путей. Вы также можете вручную изменять зависимость толщины обводки от выбранного параметра, например от давления. Кроме того все настройки инструмента находятся в панеле, а не в диалоговом окне, как у Paintbrush Tool (B), что позволяет получить быстрый доступ к ним в процессе работы

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

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

Создание векторного эскиза (Sketching)

Создание контура

Вставляем отсканированный эскиз в текущий документ и слой с ним преобразуем в шаблонный, два раза кликнув по его названию и поставив галочку напротив Template в окне Layer Options.

Создаем новый слой выше Template Layer и, выбрав одну из созданных вами кистей или кистей из моей коллекции, создаем контур нашей иллюстрации при помощи Dynamic Sketch Tool.

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

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

Если у вас установлена гладкость 100% в Dynamic Sketch panel и выбраны опции ‘Auto-Detect Continuous Repeated Closed Path Sketch Traces’ и ‘Smooth Toward Circular’ в окне Dynamic Sketch Preferences, вы получите идеальную окружность.

Gesture trimming режим позволяет нам удалить части пересекающихся путей посредством зигзагообразного зачеркивания. Убедитесь, что этот инструмент выбран в панели инструментов и перечеркните необходимый путь от3 до 5 раз.

Давайте поговорим о другом режиме этого гибкого инструмента рисования. Intelligent path joining режим позволяет Вам соединять пересекающиеся пути удаляя части которые выходят за точку пересечения.

Вы заметили, что  я провел идеально ровную линию. Нет, у меня не твердая рука и я не использовал линейку, просто для создания прямолинейных сегментов удерживайте клавишу Opt / Alt. Это, конечно, не полный перечень функций Dynamic Sketch Tool, исчерпывающую информацию вы найдете здесь.

Создание теней и полутеней

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

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

Если вы используете только один вид Art Brush, то желательно изменять направление штриховки для получения неоднородного результата.

Финальная обработка

Создание фона

Нам необходимо создать фон . Для фона мы будем использовать текстуру бумаги. Вы можете скачать эту текстуру здесь (работа пользователя deviantART: ~ S3PTIC-STOCK). Вставьте текстуру в иллюстрацию (File > Place …)

Работать с растровым изображением мы будем используя плагин для Adobe Illustrator - Phantasm CS. Выделим растровую текстуру и нажмем на кнопку Embed на Control panel. Теперь давайте отрегулируем уровни, для этого переходим Effect > Phantasm CS > Levels…

Поместим фон ниже всех объектов векторного эскиза

Применение Phantasm CS Duotone Effect к векторному скетчу

Duotone effect чаще всего  используется, чтобы лучше воспроизвести средние и яркие оттенки монохромных изображений, где  не возможно передать все оттенки при печати черными чернилами. Для цвета полутонов чаще всего используют: синий, желтый, коричневый и красный цвета. Группируем и выделяем все объекты векторного скетча и переходим Effect > Phantasm CS > Duotone…. Теперь подбираем необходимые цвета и регулируем кривые этих цветов на диаграмме в диалоговом окне Phantasm CS  Duotone

Создание бликов

Для создания бликов я снова буду использовать Dynamic Sketch Tool. Выбираем белую заливку и отключаем обводку. Берем Dynamic Sketch Tool и включаем Edit or Continue paths mode в Dynamic Sketch panel и создаем формы бликов.

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

Некоторые профессиональные дизайнеры удивлялись, когда видели привью к этому уроку. Как ты это сделал? Это вектор?  - спрашивали они. Как видите, ничего сложного здесь нет. Немного фантазий и времени на эксперименты, и любая задача будет решена, какой бы сложной она не казалась. Признаюсь, и я сначала не знал, как я это сделаю.

Автор урока Ярослав Лазунов

Оригинал урока на Английском языке: AstuteGraphics

Читать дальше
Twitter
Одноклассники
Мой Мир

материал с vectorboom.com

2

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • sasa1975sasa
          • окна
          • карандаши
          • иконки
          • языки
          • планшет
          • иллюстрации
          • эксперименты
          • бумага
          • adobe illustrator
          • домен ru.vectorboom.com
          • домен vectorboom.com

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции