Придание векторной фигуре неровного края без манипулирования опорными точками


14

Я хочу, чтобы мой очень плавный векторный рисунок был нарисован от руки.

Когда я говорю это, я не имею в виду наложение текстуры поверх всего вектора ( как это ).

Техника, которая будет производить что-то вроде этого, будет то, что я ищу:

Завтрак (подробно)
Автор: Роб Кларк


Выглядит для меня как мазок кисти, вероятно, не одна из кистей по умолчанию.
Райан

на самом деле, я просто делал некоторые experimentiation, кажется , что это может быть достигнуто с помощью пользовательских кистей и узловая точка manipulatiom
user13445

Контур позора полностью зависит от опорных точек, поэтому вам придется изменить их.
DA01

Ответы:


11

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

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

Вот способ сделать это. Вам не нужно работать с опорными точками и рисковать перемещением кривых вашего текста, но это больше не будет редактироваться, поэтому сделайте копию исходного текста. Если вам нужно сохранить текст редактируемым, перейдите в конце этого «учебника».


Начало

Допустим, это то, что вы хотите изменить.

исходное изображение без кисти или эффекта гранж

1.

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

Пример:

Текстуры кисти

2.

Проследите это, чтобы сделать его вектором, если он уже не был вектором.

Трассировка изображения в Illustrator

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

чистые пути

3.

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

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

Применить эффект гранж или кисти к векторному тексту

4.

Выберите ваш текст и новую текстуру, и используйте Pathfinder, чтобы разделить все это! Вы можете использовать функцию, которую вы предпочитаете в поисковике пути, я использовал Divide на моем примере.

Раздели с помощью поисковика Adobe Illustrator

5.

Очистите этот новый вектор, чтобы удалить белые и пустые пути. Самый быстрый способ состоит в том, чтобы выбрать часть белого и сделать «выбрать ту же заливку и обводку», а затем удалить. Сделайте то же самое с формой, у которой нет обводки и заливки, чтобы удалить пустые контуры.

Это не совсем ваш пример, но вы можете легко добраться, если потратите еще несколько минут!

Конечный результат

Если вы также хотите добавить несколько мазков кистью на каждой стороне ваших букв, вы можете использовать эту технику, чтобы подчеркнуть края, и использовать стандартные мазки кистью очень маленького размера, чтобы сделать ваше письмо менее ровным. Вы можете найти это в меню «Окно», затем «Библиотеки кистей», затем выбрать любой стиль в «Художественном». На скриншоте ниже это «Художественная кисть». Вы также можете использовать эти стили обводки в большем размере и перемещать их отдельно в тексте, вместо того, чтобы выполнять шаги 1-2-3.

Добавить текстурированный штрих к тексту

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

Вы можете продублировать текст, на котором вы хотите добавить обводку, и векторизовать его («Создать контур»). Затем вы можете свободно добавлять упомянутые выше мазки кисти. Это не идеальный способ, но вы можете хотя бы частично сохранить свой текст редактируемым. и просто добавьте новый штрих, когда вам нужно его обновить, возможно, даже создайте для этого действие.

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

Текстовый штрих


9

Effect > Distort & Transform > Roughen Используйте небольшую настройку «Размер» и увеличьте настройку «Детализация», чтобы увеличить количество и частоту вариаций.

грубеть

Вы не получите отверстий и полуостровов, как в вашем образце, если вы не измените основную форму, чтобы включить их.


4

Я знаю, что вы отметили это как проблему с иллюстратором, но использование смещения в Photoshop также может вам помочь.

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

введите описание изображения здесь

Затем щелкните правой кнопкой мыши слой, чтобы растеризовать его. затем создайте новый документ в фотошопе примерно тех же размеров, что и ваша работа. В этом новом документе выберите «Фильтр»> «Шум»> «Добавить шум» и создайте шаблон шума. Затем вы хотите немного размыть этот шаблон шума, используя Filter> Blur> Gaussian Blur

введите описание изображения здесь

А затем сохраните полученный файл как PSD где-нибудь. Теперь вернитесь к своей работе. Выберите «Фильтр»> «Искажение»> «Сместить».

введите описание изображения здесь

Шкалы здесь будут контролировать, насколько оригинальное произведение будет смещено. Затем нажмите OK, и вам нужно выбрать PSD шума, который вы создали ранее. ваш рисунок будет смещен этим psd, в результате чего получатся искусственные края ручной работы. Возможно, вы захотите возиться с величиной размытия на psd и масштабами смещения, пока не сделаете все правильно.

введите описание изображения здесь

Вы также можете создать другое изображение смещения, используя Filter> Render> Clouds вместо шума. Это приведет к более шатким краям.

введите описание изображения здесь

И вы можете объединить два, начиная с облачного рендера, который может быть даже лучше

введите описание изображения здесь

Теперь вы можете вернуть его в иллюстратор и использовать Image Trace для его векторизации. Хотя при этом вы потеряете некоторые детали, возможно, вы захотите поиграть с весами, пока не поймете все правильно.

введите описание изображения здесь

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.