Уроки Работа с текстом Марат Садыгалиев 23 июня 2016

Создаём цветной текст из бумаги в Фотошоп

Сложность урока: Легкий

В этом уроке я покажу вам, как создать цветной текст из бумаги в программе Photoshop.

Данный урок средней сложности.

Примечание: Данный урок выполнен в программе Photoshop CC – поэтому некоторые скриншоты могут слегка отличаться от предыдущих версий программы. Некоторые кисти имеются только в версии программы Photoshop CS6.

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

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

Итоговый результат:

Шаг 1

Создайте новый документ 1400 x 728 px, залейте задний фон следующим градиентом:

Примечание переводчика: цвета градиента: #e6dbd0 и #e4d4c3.

Загрузите текстуру бумаги в программе Photoshop. Далее, с помощью инструмента Лассо (Lasso Tool) с Растушёвкой (feather) 40 px, выделите часть текстуры:

Скопируйте / вклейте (Copy / Paste) выделенный участок текстуры на наш рабочий документ. Расположите выделенную текстуру в центре изображения:

Поменяйте режим наложения для слоя с текстурой бумаги на Умножение (Multiply), а также уменьшите непрозрачность (Opacity) слоя до 29%:

Результат на данный момент урока:

Шаг 2

Вы можете использовать любой шрифт на своё усмотрение (я использовал шрифт The Bold Font). Напишите цветной текст:

Преобразуйте слой с текстом в смарт-объект:

Примените Деформацию (Warp) к слою с текстом, как показано на скриншоте ниже:

Примечание переводчика: вначале нажмите клавиши (Ctrl+T), а затем щёлкните правой кнопкой мыши по тексту и в появившемся окне выберите опцию Деформацию (Warp).

Шаг 3

Далее, примените следующие стили слоя к слою с текстом:

Результат на данный момент урока:

Шаг 4

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

Далее, осветлите дубликат слоя с помощью коррекции Цветовой тон / Насыщенность (Hue/Saturation):

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

Выберите инструмент Перемещение (move tool):

Слегка сместите выделенную часть буквы:

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

Шаг 5

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

Нажмите клавиши (Ctrl + T), чтобы применить Деформацию (warp) к выделенной области:

Фигура, полученная после деформации выделенной области:

Повторите действие с деформацией, деформируйте остальные буквы текста, как показано на скриншоте ниже:

Шаг 6

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

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

Залейте выделенную область следующим цветовым оттенком:

Примечание переводчика: цветовой оттенок # 986a37.

Ещё раз примените деформацию к выделенной области, чтобы создать задний фон букв, как показано на скриншоте ниже:

Примечание переводчика: примените деформацию к слою, который вы создали в предыдущем шаге, т.е. к слою с заливкой.

Шаг 7

Давайте добавим текстуру бумаги поверх наших букв. Скопируйте / вклейте (Copy / Paste) фрагмент текстуры на наш рабочий документ, расположив текстуру поверх текста:

Преобразуйте слой с текстурой бумаги в обтравочную маску. Результат должен быть, как на скриншоте ниже:

Примечание переводчика: 1. используйте слой с текстурой бумаги в качестве обтравочной маски к слою с текстом 2. Поэкспериментируйте со степенью непрозрачности слоя, а также с режимами наложения.

Шаг 8

Мы почти завершили урок! В качестве заключительных штрихов, мы можем выполнить сведение слоёв, далее, продублируйте слой и примените фильтр Акцент на краях (Accented Edges) к дубликату слоя:

Примечание переводчика: 1. объёдините слои с текстом, а затем продублируйте объёдинённый слой с текстом 2  к объёдинённому слою, примените фильтр Акцент на краях (Accented Edges) 3. фильтр Акцент на краях (Accented Edges) можно найти в папке Штрихи (Brush Strokes).

К дубликату слоя добавьте слой-маску:

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

К слою с текстом добавьте корректирующий слой Вибрация (vibrance):

Я также добавил немного мелких частиц вокруг текста. И мы завершили урок!

Спасибо, что были со мной до конца урока. Надеюсь, что вам понравился этот урок. До следующей встречи. Удачного дня!

Итоговый результат:

Автор: James Qu

Источник: www.psdvault.com

Комментарии 63

немного не так получилось как в оригинале ... что то со слоями и деформацией не так у меня. Но было интересно )

Елена Сокол, Очень мило получилось.

Веселенький текст получается)

Спасибо за урок. Вот что получилось.....

Немного не так получилось как в образце,

Спасибо за урок!

Срасібо, ви мне очень помоглі.

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

Знаю что надо было уменьшить эффект штрихов, но мне такой контраст больше по душе :)

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

спасибо, интересный урок!

Как частицы добавить?

не понял с градиентом

Спасибо за урок

Спасибо за перевод!)
Интересный урок!)

Марат, спасибо за перевод и комментарии!

Хороший урок, спасибо!

Как-то так :)

Спасииибо *__*
Правда, без "мелких частиц"

Больше спасибо за яркий и интересный урок!

Замечательно получилось!!!

Спасибо за урок!

Еще 28
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее