Как сделать кляксу в иллюстраторе

20.03.202314.04.2023 admin 0 Комментариев

Учусь летать

блог дизайнера и иллюстратора

Кисть-Клякса в Иллюстраторе (Adobe Illustrator)

Кисть-Клякса не совсем обычная кисть.

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

Вы можете задавать кисти до рисования не только цвет «заливки» (обводки), но и прозрачность. Эти параметры можно настроить в палитре Оформление.

Кисть реагирует на нажатие при работе с графическим планшетом.

Контуры будут объединяться в один объект, если находятся рядом (в примере на картинке 2 мазка кистью – один объект).

Редактируем Кисть-Кляксу по точкам контура инструментом Прямое выделение, инструментом Сглаживание, Ластиком и инструментом Деформация.

Параметры кисти-Кляксы.

Сохранять выделенным. При рисовании все объекты объединяются и остаются выделенными. Если стоит эта галочка тогда становиться не активным параметр Объединить выделенные объекты.

Объединить выделенные объекты. При выделенном объекте кисть-Клякса объединяется с ним. Если объекта выделенного нет, то кисть-Клякса объединяется с любым близким объектом.

Отклонение изменяется от 0,5 до 20 пикселов. Чем выше значение, тем более гладкий контур получается у объекта.

Плавность изменяется от 0 до 100%. Чем выше значение, тем более сглаженный контур.

Размер – диаметр кисти.

Угол. Определяет угол поворота кисти. Естественно если отпечаток кисти круглый, то вы ничего не увидите, а вот если вы его сплющите в поле Скругление… Угол поворота можно менять еще в окне Редактора формы кисти.

Скругление показывает округлость кисти (круг, эллипс).

Хочется порекомендовать вам изучить урок Есаулова Ильи по рисованию этим инструментом, который называется Cоздание векторной иллюстрации с помощью планшета Wacom и Adobe Illustrator CS4

В результате урока получается вот такой замечательный слон.

Источник

Урок № 26. «Есть тонкие властительные связи…» Часть II

Когда же мы закончим с окном Recolor Artwork (Изменение цвета графики)? Скоро. Но как-то надоело терзать рыбку. Надо бы попутно изучить ещё что-то. Так и сделаем! На вновь созданном объекте и продолжим изучение. А пока его нарисуем! К окну в этом уроке не прикоснемся!

В новых версиях Adobe Illustrator CS4, CS5, CS6 появился замечательный инструмент Blob Brush Tool – кисть-клякса. О кистях мы ещё не говорили, всё впереди, но этот инструмент изучить можно. Наших знаний вполне хватит.
Смотрим на панель инструментов и находим иконку, изображающую кисть на своеобразной подставке.

Blob Brush Tool – кисть-клякса вызывается и с помощью горячих клавиш Shift+B. Откроем новый документ и назовем его butterfly (бабочка). Вы уже догадались, что рисовать будем бабочку.

Нажимаем ОК, перед нами снова чистый лист. Начнем рисовать. Знаем, что самим что-то создать очень тяжело. Куда легче обвести, так и поступим. Образец возьмем из символов. Так выглядит иконка символов на панели палитр справа.

Кликнем по ней, палитра Symbols раскрылась.

Мы же хотели нарисовать бабочку? Ну, и где она? Что-то бабочек не видно!

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

Ничего себе списочек! Как в настоящей библиотеке!

Найдите Nature (природа) и кликните по нему.

Вот здесь и возьмем бабочку! Кликнем по ней, она появится в первой палитре символов, где бабочки не было. А потом, не отпуская кнопку мыши, перетянем бабочку на наш лист.

Теперь и страничку библиотеки Nature (природа), и палитру Symbols можно закрыть. Образец у нас есть!

Но бабочка очень маленькая. Увеличим. Вспоминается название романа Ольги Славниковой «Стрекоза, увеличенная до размеров собаки». Слово «библиотека» вызывает ассоциативные цепочки. Вот вам и брюсовское «есть тонкие властительные связи…» В романе любая бытовая мелочь обрастает деталями. Мы свою бабочку так увеличивать не будем. Всё видно, только обводить. У нас веселый и радостный мир! Наше увеличение просто и без душевных надрывов!

Нажмите Shift и потяните за один из маркеров. Бабочка выделена с помощью черной стрелки Selection Tool автоматически, если вы не сняли выделение.

Ну, как-то так, можете и больше, нам все равно нужно только одно крыло!

Начнем обводить. Но прежде надо познакомиться с настройками кисти-кляксы Blob Brush Tool. Дважды кликнем на иконке, изображающей кисть на своеобразной подставке. Кисть-клякса слева от нас, на панели инструментов. Откроется окно Blob Brush Tool Options (Варианты инструмента кисть-клякса). Рассмотрим настройки и поставим нужные значения.

Первое маленькое окошко Keep Selected сохраняет путь выделенным после завершения рисования. Если нам нужно чуть подправить линию, то, используя клавиши Alt и Ctrl, быстро все исправим.

Второе окно Merge only with Selection (Слейтесь только с выбором) — означает, что новые линии сливаются с существующим выделенным контуром. Если поставим галочку, создаваемая линия не сольется с пересекающейся, которая не выделена. Это запомним, но пока не воспользуемся.

В блоке Tolerances нам нужен параметр точности (Fidelity), который настраивает точность соответствия движений кисти к создаваемому штриху. Настройка параметра сглаживание (Smoothness) указывает, чем ниже значение, тем штрих строже, с большим количеством опорных точек, чем значение выше, тем более плавным и простым будет результат. Но руки у нас не трясутся, так что и сглаживать нечего.

Блок Default Brush Options (Варианты кисти по умолчанию) помогает установить параметры Size (размер), Angle (угол) и Roundness (закругленность). Выпадающий список под черным треугольником справа от каждой опции предоставляет большой арсенал возможностей, раскройте и посмотрите.

Fixed — без изменений угла, закругленности и диаметра;

Random — случайное изменение угла, закругленности и диаметра;

Pressure — вариация зависит от силы нажима пера на графическом планшете. Чем сильнее нажим, тем толще линия и наоборот.

Stylus Wheel — некоторые планшетные ручки имеют колесико. Это опция для них.

Tilt, Bearing и Rotation — эти настройки доступны только для планшетов, которые распознают данные типы движения (наклон и вращение).

Мы когда-то говорили, что планшет – вещь дорогая, его приобретать надо, если вы уж точно решили посвятить себя работе с микростоками. Рисовать с помощью мышки мы сможем только в Fixed (Неподвижный) и Random (Случайный).
Вот как выглядит раскрытая опция Size (размер), если нет планшета.

Видны две возможности Fixed (Неподвижный) и Random (Случайный).

При установке драйверов планшета все опции работают. Окно будет таким:

Яркими стали все функции. Видите? С планшетом возможностей больше!

Нам пока хватит и двух. Надо с простым справиться, мышкой обводить трудно! Если есть планшет, то вы уже давно занимаетесь программой Adobe Illustrator. Первоклассники в такие глубины не полезут. Поработаем с двумя доступными нам функциями.

Начнем с Fixed (Неподвижный) — линия без изменений угла, закругленности и диаметра. Обведем одно крыло бабочки. Поставьте такие параметры:

Вот как получилось! Я специально обвела чуть свободнее, а то не видно сделанного кистью-кляксой.

Заметили, что в параметрах я не поставила галочки в первых двух верхних окошечках. Сейчас будем делать следующие обводки и поставим галочку в окне Keep Selected (Сохранить выделенным).

Если нужно чуть подправить линию, то, используя клавишу Alt, быстро все исправим.

Сделала обводку, линия была не очень точная. Нажала клавишу Alt, провела по неровности, линия выровнялась, осталась синей, выделенной. Сдвинем образец, посмотрим, что получилось. Так мелко ничего не рассмотреть, с помощью горячих клавиш (Ctrl) + (+), увеличим рисунок и всё увидим.

Первая линия нарисована без галочки в окне Keep Selected (Сохранить выделенным). Когда мы её завершали, получились такие неровности.

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

Нажимаем Ctrl+Z, образец бабочки возвращается на своё место, продолжим рисование. Рисунок уменьшаем (Ctrl) + (—), идем дальше, опять изменяем параметры.

Линия нашей кисти стала ещё тоньше, обводим бабочкино крыло дальше. Нам не надо точного соответствия, это хорошо знаем. Нельзя тщательно копировать, мы создаем своё!

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

Нажимайте Alt и исправляйте! Но линия должна быть выделенной, не забывайте этого!

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

Теперь обводим прожилки на крыле бабочки. При увеличении видно, что линии то тоньше, то толще. Понятно, надо взять функцию Random (Случайный). Да и линии не должны сливаться воедино, поставим галочку в окне Merge only with Selection (Слейтесь только с выбором). Рисуя первые две обводки, мы этой галочки не ставили, вот линии и слились! Третья обводка с ними не соприкасается, и не сливается. Прожилки пусть будут разными!

Увеличьте бабочку! (Ctrl) + (+), лучше видно! Поставьте такие параметры!

В верхних окнах у нас галочки, Size (размер) оставим тот же – 2 pt, в выпадающем окне поставим Random (Случайный). Цвет кисти-кляксы изменим.

Обводим, получилось так:

Я сняла выделение, переключившись на черную стрелку и кликнув по экрану. Линии получились разные, теперь можно их подделать. Образец рисунка сдвинем, мы взяли необходимое.

С помощью черной стрелки выделите всё крыло, переключитесь на кисть-кляксу, зажмите Alt и исправляйте линии. У меня получилось так!

Тренируйтесь, первоклассники, что получится у вас! Речь пока не о шедеврах, а о навыках. Переделайте все линии, что вам не нравятся. Если что-то не получилось, горячие клавиши Ctrl+Z все вернут!

Чтобы перейти к новой линии, повторите все действия: черная стрелка (выйти из кисти-кляксы), кликнуть по листу, убрав выделение, снова выделить все крыло, кликнуть кисть-кляксу, зажать Alt и переделывать нужные линии. А уж какие они получатся, дело авторов. Переделывайте! Alt здесь работает как Smooth Tool (инструмент сглаживания) у карандаша.

Раз выделяем все, так и переделывать можно все, подправила и первые две обводки. У вас получилось по-своему и, конечно, красивее. Кстати, выделяя черной стрелкой линии по одной, вы можете их и подвинуть, и перевернуть, как вам понравится! Можно не переключаться на черную стрелку, а, оставаясь в инструменте кисть-клякса, нажать Ctrl и сделать то же самое.

Я уменьшила рисунок, предварительно сдвинув некоторые прожилки. Сделайте это и вы по своему желанию.

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

Теперь воспользуемся инструментом Live Paint Bucket (K) (живое ведро краски).

Этот инструмент живой заливки превратит нашу кисть в объект, с которым очень интересно работать.

Рыбка у нас сплошь залита градиентами, так поступим и с бабочкой. Где их взять? В библиотеке образцов.

Я пока закрыла инструмент Live Paint Bucket (живое ведро краски), переключившись на черную стрелку, кликнув по экрану, и заменила синий цвет белым.

Поработаем с палитрой Swatches (образцы).

Всё знакомо, только вспоминаем! Возьмем Simple Radial, здесь яркие радиальные градиенты.

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

Выделим черной стрелкой всё обведенное нами, кликнем инструмент Live Paint Bucket (K). Инструментом кликнем по первым двум обводкам, они объединены. Обводки выделяются красным.

А цвет-то не выбран, вот так будет выглядеть перекрашенный объект.

Инструмент Live Paint Bucket сам показывает нам, каким цветом мы заливаем выделенное. Обратили внимание на три маленьких квадратика, появляющихся, когда перекрашиваемый объект выделен красным. В первом квадрате у меня стояло отсутствие цвета (белый перечеркнут красной чертой), следующий (главный) — белый, третий — черный квадрат — говорит о первоначальном цвете, вот окраска и отсутствует.

Нажимаем Ctrl+Z, возвращаем первоначальный цвет, кликнем инструментом Live Paint Bucket на понравившемся цвете, выделяем красным объект и щелчком по выделенному присваиваем цвет.

Дальше опять ощущение праздника! Берем нужный цвет и выделяем инструментом следующую область, щелчок, перекраска! Ну, первоклассники, действуйте!

Чуть уточню, выделила промежуток между первыми обводками:

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

Вы вольны в выборе цвета. Ну, и пошли раскрашивать! Если что не получается, Ctrl+Z, всё вернется и получится! Самостоятельная работа, закрасьте разными цветами все объекты, выделяющиеся красным при подведении инструмента Live Paint Bucket (живое ведро краски).

Вот, как раскрасилось у меня, у вас по-другому.

Перейдем на черную стрелку. Заметили необычные маркеры? Они говорят, что с объектом надо ещё поработать.

Работаем! Object > Live Paint > Expand, созданное кистью-кляксой превратится в отдельные самостоятельные объекты. Это очень важно, нам ещё предстоит заниматься с этим крылом. Вот как это делается:

А теперь разгруппируем объект, можно Object >Ungroup (Объект > разгруппировать), а можно горячими клавишами Shift+Ctrl+G.

Вот такое у нас крыло, маркеры стали привычными! Но получилось что-то из анатомии, просто жуть! А кто сказал, что мы закончили? Зато четко видны все перекрашенные области! Радиальный градиент не даст ошибиться! Снимем выделение! Пока потерпим и такое.

Ничего себе! Хоть и мелко, но видны какие-то темно-синие точки. Увеличим и рассмотрим!