Как сделать из текста карандашный рисунок

В этом уроке я расскажу, как превратить печатные буквы в нарисованные карандашом от руки.
Изюминка урока заключается в том, что для создания эффекта карандашного наброска мы будем использовать только стандартные фильтры Photoshop и никаких сторонних паттернов и кистей.
Этот метод можно применить не только для текста, но и для векторных и даже растровых объектов.
Кроме того, этот процесс не трудно автоматизировать, написав экшен (action).

Для лучшего понимания материала смотрите видео про этому уроку, в видео также показан процесс создания созданию Photoshop Action.

Исходные материалы, использованные в уроке, Вы можете скачать по ссылкам внизу страницы.

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

Результат:

сделать из текста карандашный рисунок photoshop

Давайте начнем с выбора фонового слоя.

Для нашего текстового эффекта лучше всего подойдёт текстура бумаги, поэтому я выбрал эту текстуру разлинованного тетрадного листа с полями (фрагмент обрезан по вертикали):

Пишем текст. Я использовал шрифт Cambria чёрного цвета, обычно, он предустановлен в Photoshop, высота букв зависит от размера документа, и сразу переименовываем этот текстовый слой в "основа":

Дублируем этот слой и называем дубль "обводка-1". Уменьшите заливку (Fill) "обводка-1" до 0% и добавьте к слою стиль слоя "Обводка" (Stroke) толщиной 2px, черного цвета и положением "снаружи" (Outline):

3

Если теперь отключить видимость слоя "основа", то документ будет выглядеть так:

4

При включенной видимости слоя "основа", буквы будут полностью чёрными.

Дублируйте слой "обводка-1" два раза и назовите новые слои "обводка-2" и "обводка-3". На данный момент у нас имеется один слой - "основа" с обычными буквами и три слоя "обводка" с нулевой заливкой и стилем слоя в виде окантовки текста:

5

Сейчас мы будем работать с слоем "обводка-1". Отключите видимость остальных слоёв и конвертируйте слой в смарт-объект:

Добавьте слой-маску к смарт-объекту и примените к маске Фильтр --> Шум --> Добавить шум (Filter --> Noise --> Add Noise) со следующими параметрами:

Конвертируйте слой "обводка-1" со смарт-объектом с маской в новый смарт-объект (правый клик по слою --> Преобразовать в смарт-объект).
Примените к нему Фильтр --> Размытие --> Размытие в движении (Filter --> Blur --> Motion Blur) со следующими настройками:

Включите видимость слоя "обводка-2" и отключите видимость "обводка-1". Примените к "обводка-2" те же действия, с той лишь разницей, что в фильтре "размытие в движении" задайте значения угла (Angle) ноль градусов:

Выделите, зажав Ctrl, оба слоя "обводка-1" и "обводка-2" и преобразуйте их в смарт-объект. Примените к новому смарт-объекту фильтр "Умная резкость" (Smart Sharpen filter, применение этого фильтра не обязательно) и уменьшите непрозрачность слоя до 65%:

Включите видимость и преобразуйте в смарт-объект слой "обводка-3". Уменьшите непрозрачность слоя до 25% и примените к нему Фильтр --> Искажение --> Рябь (Filter --> Distort --> Ripple), на скриншоте видимость слоёв "обводка-1" и "обводка-2" включена:

Подошло время для обработки последнего текстового слоя, расположенного в низу панели слоёв - слоя "основа".

Конвертируйте его в смарт-объект, добавьте маску слоя, примените к маске фильтр "Добавить шум" со значением 150, как и ранее, затем снова конвертируйте слой в смарт-объект.
Примените к полученному смарт-объекту фильтр "Размытие в движении" со следующими настройками:

Уменьшите непрозрачность этого слоя до 40% и добавьте Фильтр --> Усиление резкости --> Умная резкость (Filter --> Sharpen --> Smart Sharpen):

13

На этом всё, итоговое изображение:

14

Кроме того, Вы легко можете задать буквам какой-нибудь цвет, для этого надо только добавить корректирующий слой "Цвет" (Solid Color) над нужным смарт-объектом или всеми слоями текста. Пример:

сделать из текста карандашный рисунок photoshop

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

Скачать исходные материалы для создания рисунка из текста, а также готовый файл PSD:

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

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

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

эффектный золотой текст с бриллиантами
В этом уроке, используя только стили слоя и некоторые простые настройки инструмента "Кисть" (Brush), мы создадим очень красивый эффект золотого...
Как вставить картинку в текст
В этом материале мы рассмотрим, как разместить изображение в текст, т.е. вставим картинку внутрь букв текста. Для достижения эффекта мы будем...
гравировка металла - текст
В этом уроке я расскажу, как создать выгравированный в металле текст, используя стили слоя Photoshop и текстуры поверхностей. Применяя данный метод...
Обводка контура и текста в Photoshop
В сегодняшнем уроке Photoshop для начинающих я расскажу, как использовать функцию обводки контура (Stroke Path), которая позволяет создавать...