Работа в фотошоп с текстом: Работа с инструментом «Текст» – Работа с текстом в фотошопе с использованием знакомых функций

Работа с текстом в фотошопе с использованием знакомых функций

Автор Дмитрий Костин На чтение 6 мин. Опубликовано 14.03.2016

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

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

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

Давайте приступим.

1. Для начала создайте новый документ на белом фоне с параметрами 800×600. Пусть будет так.
2. Активируем инструмент «Текст», который находится в панели инструментов. Нажмите на него. Заметили, что там несколько видов текстов в этой группе? Но нас конкретно интересует «Горизонтальный текст». Можете попробовать и вертикальный, но он применяется реже и смотрится менее приятно как по мне. 
3. После того как вы на него нажали в верху появятся дополнительные настройки для текста. Здесь вы можете выбрать Шрифт (Правда далеко не все шрифты поддерживают русский язык, но их можно загрузить отдельно. Тогда у вас будут хорошие русские шрифты), а также размер шрифта, тип написания (regular — обычный, bold — жирный, italic — курсив) и конечно же выравнивание шрифта (по левому и правому краю, или по центру). Также шрифты подвержены тем же эффектам, что и другие изображения, т.е. трансформация, фильтры, слои, эффекты и т.д. 
4. Нажмите левой кнопкой мыши на любом понравившемся месте на листе. Когда курсор начнет мигать, это значит, что можно писать текст.
5. Выберете шрифт, например «Arial», размер «48», Стиль «Bold».Теперь напишите любой тест, например «ПРИВЕТ». 
6. Когда вы написали текст, то вам нужно будет выбрать либо другой инструмент, либо встать на слой. В общем сделайте так, чтобы этот инструмент не был активным на данный момент. Например выберете инструмент «Перемещение», и тогда сразу сможете двигать текстик.

Если вы захотите что-то добавить или исправить в этом тесте, то просто снова выберете инструмент «Текст» и поставьте курсор прямо в том месте, где-находится этот текст. Когда вы навели на текст, курсор должен поменяться, тогда и можно нажимать. Если промахнетесь, то создастся новый слой и новый текст.

Итак, еще раз, нажмите в том месте где у вас ваш текст и выделите его (можно просто нажать два раза левой кнопкой мыши, тогда выделится весь текст). Теперь выберете какой-нибудь цвет, например красный. Цвет изменяется в обычной палитре цветов.

Как видите, ничего сложного. Теперь, с помощью трансформирования вы можете изменять его. Давайте попробуем. Нажмите «CTRL+T» или попробуйте трансформировать удобным для вас способом и измените размер теста, потянув за уголки. Отлично! В общем работаем также, как и с другими изображениями.

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

Но есть одно «НО». Вы не сможете пользоваться всеми прелестями трансформирования, например искажением или наклоном, и даже деформацией, а всё из-за того, что изображение векторное. Для того, чтобы растрировать текст, вам нужно нажать на слое с текстом правую кнопку мыши и выбрать «Растрировать слой».

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

Стили слоя для текста

Давайте попробуем применить к тексту стили слоя. Всё тоже самое, что и в обычных стилях слоя.

Вошли? Теперь поставьте галочку на «Тиснение», «Контур», «Обводка», «Внутреннее свечение», «Тень». Давайте заодно немного сместим тень, чтобы казалось чуточку эффектнее. Для этого поставим смещение на 10. Заметьте, как изменился ваш текст. Он стал более живым и интересным, а ведь этот только азы. Если приноровиться, то можно делать такие офигенные тексты. Но это еще не всё. 

Деформация текста

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

1. Для этого нажмите правой кнопкой мышке на нужном текстовом слое и выберете «Деформировать текст». 
2. После этого откроется окно в котором можно выбрать нужный стиль деформации текста. Выберете для начала стиль «Дугой» и подвигайте ползунки, например так, как показано у меня на картинке. Смотрите как изменился и преобразился наш текст. Стал еще интереснее, неправда ли? 
3. Попробуйте посмотреть другие стили и поиграть с настройками. Я уверен, что вы найдете тот стиль, который вам нужен. а так как текст всегда идет отдельным слоем, то его очень удобно перемещать и трансформировать. 

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

Новые шрифты

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

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

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

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

Ну а на этом я свой сегодняшний урок заканчиваю. Надеюсь, что вам было интересно. Обязательно подпишитесь на новые статьи, чтобы быть в курсе новых и интересных событий. Спамить не буду. Обещаю. А вам желаю удачи. Пока-пока!

С уважением, Дмитрий Костин.

Работа с текстом в Photoshop: 10 эффективных приёмов

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

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

Правильное сглаживание текста

Несколько месяцев назад Adobe добавила в новую версию программы несколько нативных методов сглаживания текста, которые доступны в зависимости от ОС, на которой работает Photoshop — Mac или Windows (в версиях с и без субпиксельного сглаживания). Наконец-то текст в макете выглядит так же, как и в браузере.

Стили абзацев (Paragraph Styles) и символов (Character Styles)

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

Вписывание текста внутрь фигур или написание текста по контуру

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

В этом случае необходимо создать фигуру и щёлкнуть внутри неё с выбранным элементом Type Tool (T). После этого для текстового слоя будет создан отдельный путь, который вы сможете редактировать в любой момент.

Естественно, так же можно создать векторный путь любой сложности и добавить на него текст — таким же щелчком с включённым Type Tool.

Автоматический рыбный текст

Хоть я и не рекомендую использовать абстракцию в духе Lorem Ipsum в качестве рыбы для макетов, иногда необходимо вставить небольшой массив текста для того, чтобы оценить компоновку или размер текстового блока. С функцией Paste Lorem Ipsum на это понадобится несколько секунд. Естественно, без кириллицы (хотя умельцы предлагают способ русификации).

Применение Postcard и 3D Extrusion к тексту

Комбайн Photoshop богат, помимо прочего, ещё и некоторыми функциями по работе с 3D. Использование эффектов Postcard или 3D Extrusion к тескту позволит перемещать, приближать, отдалять и вращать ваш текстовый слой в трёхмерном пространстве.

Конвертирование строчного текста в блочный и обратно

Иногда хочется задать ширину текстовому слою, который мы создали раньше простым щелчком. Зачастую мы просто расставляем переносы строк с помощью клавиши Enter, подгоняя текст до нужной ширины.

Правильным выходом будет использование команды Convert to Paragraph Text, в котором ширина текстового блока задается рамкой. Операция работает в двух направлениях — блочный текст мы можем превратить в строчный командой Convert to Point Text.

Преобразование в фигуру

Если вы хотите внести изменения в некоторые буквы, например в рекламном слогане и не хотите потерять качество во время последующего изменения размера текста — просто превратите этот текстовый слой в фигуру и редактируйте её с помощью инструментов Direct Selection Tool или Path Selection Tool. Защищено вектором.

Использование Smart Objects для сохранения возможности редактировать текст и применения фильтров или деформации

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

Горячие клавиши для очень быстрой работы с текстом.

Копирование CSS текстовых слоёв

Одна из новых функций Photoshop позволяет скопировать набор CSS-свойств по сути любого слоя или группы (при использовании команды на группу — будут скопированы свойства как самой группы, так и слоёв внутри неё).

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

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

Источник: popel-studio

PhotoshopSunduchok — Уроки фотошопа текст

Автор: Ольга Максимчук (Princypessa). Дата публикации: 29 ноября 2019. Категория: Уроки фотошопа текст.

Всем привет!

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

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

Сначала мы создадим новый документ, установим шрифт из папки с исходниками и при помощи инструмента Текст напишем текст.

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

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

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

Автор: Ольга Максимчук (Princypessa). Дата публикации: 26 ноября 2019. Категория: Уроки фотошопа текст.

Всем привет!

Сегодня мы будем изучать как вырезать текст при помощи программы фотошоп.

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

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

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

Далее мы установим шрифт из папки с исходниками, при помощи инструмента Текст напишем текст и «вырежем» его из белой полосы.

В завершение мы улучшим читаемость текста при помощи стилей слоя и фильтра Размытие по Гауссу.

 

Автор: Ольга Максимчук (Princypessa). Дата публикации: 15 ноября 2019

. Категория: Уроки фотошопа текст.

Всем привет!

Сегодня мы будем создавать текст в стиле «Граффити» на стене.

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

Все, что нам нужно – это программа фотошоп, немного свободного времени и желание сотворить что-то интересненькое!

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

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

Сначала мы откроем фотографию со стеной из папки с исходниками и при помощи корректирующих слоев Черно-белое и Уровни обесцветим стену – на темном фоне эффект будет лучше смотреться.

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

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

 

Автор: Ольга Максимчук (Princypessa). Дата публикации: 29 октября 2019. Категория: Уроки фотошопа текст.

Всем привет!

Сегодня мы будем создавать текст в стиле «Хэллоуин«.

Этот праздник пришел к нам совсем недавно, хотя корни его уходят в глубину веков.

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

Сначала мы откроем текстуру из папки с исходниками, установим шрифт и при помощи инструмента Текст напишем текст.

Затем применим несколько стилей слоя к текстовому слою.

Далее мы установим в фотошоп набор кистей с паутиной и нарисуем паутину.

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

 

Автор: Ольга Максимчук (Princypessa). Дата публикации: 15 октября 2019. Категория: Уроки фотошопа текст.

Всем привет!

Сегодня мы будем создавать эффект под металл в тексте.

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

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

Изучите этот урок и Вы научитесь легко применить знания на любых других картинках.

Сначала мы создадим карбоновую текстуру – в документе маленького размера, всего 4х4 пикселя, нарисуем при помощи инструмента Карандаш 8 разноцветных линий, шириной 2 пикселя и определим созданный рисунок, как узор.

Затем зальем новым узором фоновый слой в основном документе.

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

В завершение мы добавим на изображение виньетку при помощи фильтра Camera Raw.

 

Автор: Ольга Максимчук (Princypessa). Дата публикации: 03 сентября 2019. Категория: Уроки фотошопа текст.

Всем привет!

Сегодня мы будем создавать

огненный текст.

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

Затем применим к текстовому слою несколько стилей слоя, сотрем часть слоя с помощью инструмента Ластик и при помощи фильтра Пластика деформируем текст.

Далее мы откроем текстуру огня и при помощи каналов выделим огонь, который перенесем в основной документ с текстом.

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

 

Автор: Ольга Максимчук (Princypessa). Дата публикации: 03 сентября 2019. Категория: Уроки фотошопа текст.

Всем привет!

Фотошоп дает нам широкий спектр возможностей — благодаря огромному функционалу программы, мы можем не только отредактировать и «приукрасить» фотографию, но и создать что-то с нуля, например, стилизированный текст.

Сегодня мы будем создавать светящийся текст.

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

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

Затем добавим к текстовому слою стили слоя, при помощи инструмента Перо нарисуем контур и с помощью инструмента Кисть создадим обводку контура.

Далее добавим к слою с контуром стили слоя и при помощи инструмента Кисть нарисуем блики.

В завершении мы добавим к изображению виньетку.

 

Автор: Ольга Максимчук (Princypessa). Дата публикации: 30 августа 2019. Категория: Уроки фотошопа текст.

Всем привет!

Сегодня мы будем создавать

шрифт набросок.

Необычный шрифт, создает эффект небрежности.

Сначала мы зальем фон цветом, установим шрифт из папки с исходниками и при помощи инструмента Текст напишем текст.

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

Далее мы при помощи инструмента Линия нарисуем горизонтальные и вертикальные линии и применим к слоям с линиями фильтр Размытие в движении.

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

 

Превращаем текст в эскиз с помощью Photoshop

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

Скачать архив с материалами к уроку

1. Создаем стиль

Шаг 1

Переходим File – New (Файл – Новый) и создаем новый документ со следующими настройками:

• Название: Sketch Action
• Width (Ширина): 2000 пикс.
• Height (Высота): 1000 пикс.
• Resolution (Разрешение): 300 pixels/inch (пикселей/дюйм)
• Color Mode (Цветовой режим): RGB 8 bit (бит)
• Background Contents (Содержимое фона): White (Белый)

Шаг 2

Активируем Horizontal Type Tool (T) (Горизонтальный текст) и пишем слово SKETCH. На панели Window – Character (Окно – Символ) устанавливаем шрифт на He’s Dead Jim и размер – на 137 пт.

Шаг 3

На панели слоев выбираем текстовый слой и переходим Layer – Layer Style – Blending Options (Слой – Стиль слоя – Параметры наложения). В открывшемся окне выбираем Pattern Overlay (Наложение узора) и настраиваем его:

• Blend Mode (Режим наложения): Normal (Нормальный)
• Opacity (Непрозрачность): 100%
• Pattern (Узор): Sketch-Texture-tt (в архиве с дополнительными материалами)
• Scale (Масштаб): 100%
• Link with Layer (Связать со слоем): вкл

Закончив, жмем ОК, чтобы применить изменения.

Шаг 4

Открываем панель Window – Styles (Окно – Стили). В нижней части жмем на кнопку Create New Style (Создать новый стиль) и пишем название «Эффект наброска».

2. Создаем кисти

Шаг 1

Эту кисть мы будем совмещать с эффектом размытия в движении, чтобы границы текста были слегка размыты.

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

Активируем Brush Tool (B) (Кисть) и переходим Window – Brushes (Окно – Кисти). На открывшейся панели выбираем мягкую круглую кисть Soft Round 30, устанавливаем Size (Размер) на 6 пикселей и Spacing (Интервал) – на 1%. После этого жмем на значок меню в верхнем правом углу панели и выбираем New Brush Preset (Новый набор параметров кисти), чтобы сохранить настройки. Называем набор «Контур наброска – 1» и жмем ОК.

Шаг 2

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

Выбираем ту же кисточку (Soft Round 30), открываем панель настроек кисти и настраиваем ее:

• Size (Размер): 25 пикс.
• Hardness (Жесткость): 51 %
• Spacing (Интервал): 59%

Shape Dynamics (Динамика формы):

• Size Jitter (Колебание размера): 39%
• Size Jitter Control (Управление): Off (Выкл)
• Minimum Diameter (Минимальный диаметр): 0%
• Angle Jitter (Колебание угла): 0%
• Angle Jitter Control (Управление): Off (Выкл)
• Roundness Jitter (Колебание формы): 0%
• Roundness Jitter Control (Управление): Off (Выкл)

Scattering (Рассеивание):

• Both Axes (Обе оси): Off (Выкл)
• Scatter (Рассеивание): 29%
• Scatter Control (Управление): Off (Выкл)
• Count (Счетчик): 1
• Count Jitter (Колебание счетчика): 0%
• Count Jitter Control (Управление): Off (Выкл)

Шаг 3

В верхнем правом углу панели жмем на кнопку меню и сохраняем набор настроек. Вводим название «Контурная маска 1» и жмем ОК.

Шаг 4

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

Создаем новый слой (Ctrl+Shift+N) и называем его «Карандаш 1». После этого активируем Brush Tool (B) (Кисть), кликаем правой кнопкой в любой месте документу, чтобы открыть панель кистей. Выбираем мягкую круглую кисточку и устанавливаем ее размер на 2 пикселя. После этого переключаем цвет кисти на #aeaeae и проводим горизонтальную линию длиной примерно 85 пикселей.

Шаг 5

Проверяем, чтобы был выбран только слой «Карандаш 1», и переходим Edit – Define Brush Preset (Редактирование – Определить кисть), чтобы сохранить кисть. Называем ее «Контурная основа 1». После этого открываем панель настроек кисти и выбираем только что созданную кисточку («Контурная основа 1»). Настраиваем ее:

• Size (Размер): 85 пикс.
• Flip X and Y (Отразить X и Отразить Y): Off (Выкл)
• Angle (Угол): 0°
• Roundness (Форма): 100%
• Spacing (Интервал): 231%

Shape Dynamics (Динамика формы):

• Size Jitter (Колебание размера): 66%
• Size Jitter Control (Управление): Off (Выкл)
• Minimum Diameter (Минимальный диаметр): 0%
• Angle Jitter (Колебание угла): 2%
• Angle Jitter Control (Управление): Direction (Направление)
• Roundness Jitter (Колебание формы): 0%
• Roundness Jitter Control (Управление): Off (Выкл)
• Flip X and Y (Отразить X и Y колебания): Off (Выкл)
• Brush Projection (Проекция кисти): Off (Выкл)

Scattering (Рассеивание):

• Scatter (Рассеивание): 32%
• Both Axes (Обе оси): Off (Выкл)
• Scatter Control (Управление): Off (Выкл)
• Count (Счетчик): 1
• Count Jitter (Колебание счетчика): 0%
• Count Jitter Control (Управление): Off (Выкл)

Transfer (Передача):

• Opacity Jitter (Колебание непрозрачности): 41%
• Opacity Jitter Control (Управление): Off (Выкл)
• Flow Jitter (Колебание количества краски): 19%
• Flow Jitter Control (Управление): Off (Выкл)

Шаг 6

Сохраняем набор настроек и называем его «Карандашный контур 1».

Шаг 7

Далее мы создадим основную кисть. С ее помощью мы создадим реалистичные границы текста.

Скрываем слой «Карандаш 1» и создаем новый, называем его «Карандаш 2». После этого выбираем мягкую круглую кисточку и настраиваем ее:

• Size (Размер): 4 пикс
• Flip X and Y (Отразить X и Y): Off (Выкл)
• Angle (Угол): 0°
• Roundness (Форма): 100%
• Hardness (Жесткость): 18%
• Spacing (Интервал): 1%

Shape Dynamics (Динамика формы):

• Size Jitter (Колебание размера): 38%
• Size Jitter Control (Управление): Off (Выкл)
• Minimum Diameter (Минимальный диаметр): 0%
• Angle Jitter (Колебание угла): 0%
• Angle Jitter Control (Управление): 0%
• Roundness Jitter (Колебание формы): 14%
• Roundness Jitter Control (Управление): Off (Выкл)
• Minimum Roundness (Минимальная форма): 1%
• Flip X and Y (Отразить X и Y колебания): Off (Выкл)
• Brush Projection (Проекция кисти): Off (Выкл)

Scattering (Рассеивание):

• Scatter (Рассеивание): 10%
• Both Axes (Обе оси): Off (Выкл)
• Scatter Control (Управление): Off (Выкл)
• Count (Счетчик): 1
• Count Jitter (Колебание счетчика): 0%
• Count Jitter Control (Управление): Off (Выкл)

Шаг 8

Переключаем цвет кисточки на #7a7a7a и на слое «Карандаш 2» проводим горизонтальную линию примерно 200 пикселей в длину.

Шаг 9

Проверяем, чтобы был выбран только слой «Карандаш 2», и переходим Edit – Define Brush Preset (Редактирование – Определить кисть), чтобы сохранить кисть. Называем ее «Контурная основа 2».

После этого открываем панель настроек кисти и выбираем только что созданную кисточку («Контурная основа 2»). Настраиваем ее:

• Size (Размер): 200 пикс.
• Flip X and Y (Отразить X и Отразить Y): Off (Выкл)
• Angle (Угол): 0°
• Roundness (Форма): 100%
• Spacing (Интервал): 261%

Shape Dynamics (Динамика формы):

• Size Jitter (Колебание размера): 16%
• Size Jitter Control (Управление): Off (Выкл)
• Minimum Diameter (Минимальный диаметр): 0%
• Angle Jitter (Колебание угла): 2%
• Angle Jitter Control (Управление): Direction (Направление)
• Roundness Jitter (Колебание формы): 0%
• Roundness Jitter Control (Управление): Off (Выкл)
• Flip X and Y (Отразить X и Y колебания): Off (Выкл)
• Brush Projection (Проекция кисти): Off (Выкл)

Scattering (Рассеивание):

• Scatter (Рассеивание): 10%
• Both Axes (Обе оси): Off (Выкл)
• Scatter Control (Управление): Off (Выкл)
• Count (Счетчик): 1
• Count Jitter (Колебание счетчика): 0%
• Count Jitter Control (Управление): Off (Выкл)

Dual Brush (Двойная кисть):

• Brush (Кисть): Soft Round Brush 30
• Mode (Режим): Color Burn (Затемнение основы)
• Flip (Отразить): Off (Выкл)
• Size (Размер): 18 пикс
• Spacing (Интервал): 1%
• Scatter (Рассеивание): 0%
• Both Axes (Обе оси): Off (Выкл)
• Count (Счетчик): 1

Transfer (Передача):

• Opacity Jitter (Колебание непрозрачности): 17%
• Opacity Jitter Control (Управление): Off (Выкл)
• Flow Jitter (Колебание количества краски): 61%
• Flow Jitter Control (Управление): Off (Выкл)

Затем ставим галочку напротив Noise (Шум) (для нее нет дополнительных настроек).

Шаг 10

Сохраняем настройки и пишем название «Карандашный контур 2».

3. Создаем экшен

Шаг 1

Продолжаем работу с документом, который мы создали в начале. Удаляем все слои и оставляем белый фон. Берем инструмент Horizontal Type Tool (T) (Горизонтальный текст) и пишем слово SKETCH.

Шаг 2

Открываем панель Window – Actions (Окно – Операции). На этой панели жмем на кнопку Create new set (Создать новый набор) и называем его «Текстовый эскиз (300 DPI)».

Шаг 3

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

Проверяем, чтобы на панели слоев был выбран текстовый слой, и на панели операций жмем на кнопку Create new action (Создать новую операцию). Называем экшен «Эффект наброска» и жмем на кнопку Record (Запись).

Шаг 4

Называем текстовый слой «BKP Text» и устанавливаем размер текста на 138 пт. После этого жмем Ctrl+A, чтобы выделить весь документ.

Шаг 5

Активируем Move Tool (V) (Перемещение) и выполняем выравнивание центров по вертикали и горизонтали. Затем жмем Ctrl+D, чтобы снять выделение.

Шаг 6

Дублируем (Ctrl+J) текстовый слой, называем копию «BKP Text 2» и скрываем ее, нажав на значок глаза.

Шаг 7

Снова выбираем слой «BKP Text» и переходим Layer – Layer Style – Blending Options (Слой – Стиль слоя – Параметры наложения), чтобы открыть окно Layer Style (Стиль слоя). Затем добавляем стиль Stroke (Выполнить обводку):

• Size (Размер): 8 пикс
• Position (Положение): Outside (Снаружи)
• Blend Mode (Режим наложения): Normal (Нормальный)
• Opacity (Непрозрачный): 100%
• Overprint (Наложение): выкл
• Цвет: #000000

Шаг 8

Кликаем правой кнопкой по текущему слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Затем снова кликаем правой кнопкой и выбираем Rasterize Layer (Растрировать слой). После этого называем слой «Основа текста».

Шаг 9

Применяем стиль, который мы создали в самом начале урока («Эффект наброска») к слою «Основа текста». Затем с зажатой клавишей Ctrl кликаем по миниатюре слоя «Основа текста» на панели слоев, чтобы загрузить его выделение. После этого активируем Lasso Tool (L) (Лассо) и кликаем правой кнопкой по выделению, выбираем Make Work Path (Образовать рабочий контур) и в диалоговом окне устанавливаем Tolerance (Допуск) на 2 пикселя.

Шаг 10

Проверяем, чтобы был выбран слой «Основа текста», в нижней части панели слоев жмем на кнопку Add layer mask (Добавить слой-маску). Затем активируем Brush Tool (B) (Кисть) и выбираем кисточку «Контурная маска 1».

Шаг 11

Жмем клавишу D, чтобы сбросить цвета на стандартные черный и белый, затем нажатием клавиши Х меняем их местами. После этого открываем панель Window – Paths (Окно – Контуры) и кликаем правой кнопкой по Work Path (Рабочий контур). Выбираем Stroke Path (Выполнить обводку текста), в открывшемся диалоговом окне выбираем Brush (Кисть) и жмем ОК.

Шаг 12

Преобразовываем слой «Основа текста» в смарт-объект и применяем к нему фильтр Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум) со следующими настройками:

Amount (Эффект): 9.82%

Distribution (Распределение): Uniform (Равномерный)

Monochromatic (Монохромный): вкл

Шаг 13

Снова активируем Brush Tool (B) (Кисть) и выбираем кисточку «Контур наброска – 1». После этого создаем новый слой (Ctrl+Shift+N) и называем его «Контур наброска 1». Затем открываем панель контуров и удаляем текущий рабочий контур.

Шаг 14

Зажимаем клавишу Ctrl и кликаем по миниатюре слоя «BKP Text 1», чтобы загрузить его выделение. Затем берем Lasso Tool (L) (Лассо) и кликаем правой кнопкой по выделению. Выбираем Make Work Path (Образовать рабочий контур) и устанавливаем Tolerance (Допуск) на 2 пикселя.

Шаг 15

Переходим на панель контуров, кликаем правой кнопкой по рабочему контуру и применяем Stroke Path (Выполнить обводку контура) с теми же настройками. После этого преобразовываем слой «Контур наброска 1» в смарт-объект и уменьшаем его непрозрачность до 50%. Затем применяем к нему Filter – Distort – Wave (Фильтр – Искажение – Волна) со следующими настройками:

• Number of Generators (Число генераторов): 1
• Minimum Wavelength (Длина волны – Мин.): 1
• Maximum Wavelength (Длина волны – Макс.): 241
• Minimum Amplitude (Амплитуда – Мин.): 1
• Maximum Amplitude (Амплитуда – Макс.): 5
• Horizontal Scale (Масштаб – Гориз.): 100%
• Vertical Scale (Масштаб – Верт.): 100%
• Type (Тип): Sine (Синусоида)
• Undefined Areas (Неопределенные области): Repeat Edge Pixels (Повторить граничные пиксели)

Шаг 16

Переходим Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении) и используем следующие настройки:

• Angle (Угол): 1°
• Distance (Смещение): 25 пикс

Шаг 17

Дублируем (Ctrl+J) слой «Контур наброска 1», затем дважды кликаем по смарт-фильтру копии и меняем его настройки:

• Angle (Угол): -48°
• Distance (Смещение): 27 пикс

Шаг 18

Называем текущий слой «Контура наброска 2» и уменьшаем его Fill (Заливка) до 11%.

Затем переходим Layer – Layer Style – Blending Options (Слой – Стиль слоя – Параметры наложения) и применяем Gradient Overlay (Наложение градиента) со следующими настройками:

• Blend Mode (Режим наложения): Normal (Нормальный)
• Dither (Дизеринг): выкл
• Opacity (Непрозрачность): 34%
• Gradient (Градиент): от цвета переднего плана к прозрачности
• Reverse (Инверсия): выкл
• Align with Layer (Выровнять по слою): вкл
• Style (Стиль): Linear (Линейная)
• Angle (Угол): 90°
• Scale (Масштаб): 100%

Шаг 19

Далее переходим Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум) и настраиваем фильтр:

• Amount (Эффект): 240%
• Distribution (Распределение): Uniform (Равномерный)
• Monochromatic (Монохромный): вкл

Шаг 20

Создаем новый слой и называем его «Контур наброска 3». Затем активируем Brush Tool (B) (Кисть) и выбираем кисточку «Карандашный контур 1». После этого переходим на панель контуров, кликаем по рабочему контуру правой кнопкой и выбираем Stroke Path (Выполнить обводку контура).

Шаг 21

Переключаемся на кисточку «Карандашный контур 2» и на том же слое выполняем обводку контура этой кистью. После этого кликаем правой кнопкой по слою «Контур наброска 3» и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 22

Выбираем слой «Основа текста», зажимаем клавишу Shift и выбираем слой «BKP Text 1». Кликаем по выделенным слоям правой кнопкой и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 23

Называем этот слой «Эффект основы текста». Затем применяем Filter – Stylize – Diffuse (Фильтр – Стилизация – Диффузия) и в окне с настройками выбираем режим Normal (Нормальный).

Шаг 24

Далее применяем фильтр Filter – Sharpen – Smart Sharpen (Фильтр – Резкость – Умная резкость).

• Amount (Эффект): 52%
• Radius (Радиус): 0,5 пикс
• Remove (Удалить): Lens Blur (Размытие при мал. глубине)

Шаг 25

Кликаем правой кнопкой по текущему слою и преобразовываем его в смарт-объект. Затем применяем к нему Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и применяем Radius (Радиус) 0,6 пикселей. Затем дублируем (Ctrl+J) этот слой и называем копию «Эффект основы текста 2». Скрываем его, нажав на значок глаза.

Шаг 26

И последнее, что нам нужно сделать – применить стиль слоя Color Overlay (Наложение цвета). Именно этот параметр отвечает за цвет финального результата.

С зажатой клавишей Ctrl выбираем слои «Эффект основы текста» и «Эффект основы текста 2», затем конвертируем их в смарт-объект и называем результат «Эффект наброска».

Далее переходим Layer – Layer Style – Blending Options (Слой – Стиль слоя – Параметры наложения) и применяем Color Overlay (Наложение цвета):

• Blend Mode (Режим наложения): Normal (Нормальный)
• Цвет: #242527
• Opacity (Непрозрачность): 100%

Шаг 27

Переходим на панель контуров и удаляем рабочий контур. Затем на панели Actions (Операции) останавливаем запись экшена, нажав на кнопку Стоп.

Шаг 28

Открываем скачанный фон (sketch-bg.png) и перетаскиваем на него слой «Эффект наброска». После этого корректируем размер (Ctrl+T) текста и настраиваем цвет финального эффекта.

Поздравляю, мы закончили!

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

Перед применением экшена обратите внимание на несколько мелочей:

• Убедитесь, что Opacity (Непрозрачность) и Flow (Нажим) кисточки установлены на 100%.
• Проверьте, что вы выбрали текстовый слой.

Чтобы применить экшен, сначала нужно выбрать слой, с которым будем работать, затем на панели операций выбрать нужный экшен и нажать кнопку Play (Воспроизвести).

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

Не забудьте посмотреть экшен Any Font to Sketch.

Автор: Anderson Luiz