Уроки Работа с текстом Максим Енин 18 марта 2021

Создаем текстовый 3D-эффект

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

Команда Transform Again (Применить снова) в Фотошоп позволяет повторить последнюю трансформацию с помощью всего лишь одной комбинации клавиш. У этой функции много способов применения, но мой любимый — создание псевдо-3D текста. Скомбинировав несколько копий текстового слоя со стилем Bevel and Emboss (Фаска и тиснение), мы получим простой трехмерный эффект с реалистичными тенями. А если применить еще несколько стилей слоя, то можно получить яркую и детализированную работу, с результатом как на картинке.

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

Шаг 1

Начнем с создания нового документа в Фотошоп File — New (Файл — Создать). Я использую размер 3000 х 2000 пикселей. Фоновый слой заливаем синим цветом (#021a41). Затем выше добавляем новый слой (Ctrl+Shift+N) и на нем большой мягкой кисточкой (В) ставим голубое пятно (#114570).

Шаг 2

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

Шаг 3

Самое важное в использовании команды Transform Again (Применить снова) — создать самую первую трансформацию. Жмем комбинацию клавиш Ctrl+Alt+T и клавишами со стрелками немного смещаем дубликат текста левее и выше, затем жмем Enter, чтобы применить трансформацию.

Шаг 4

Чтобы выполнить команду Transform Again (Применить снова), используем комбинацию клавиш Ctrl+Alt+Shift+T. Каждый раз, когда вы нажимаете эту комбинацию, текстовый слой будет дублироваться и смещаться левее и выше. Жмем эту комбинацию повторно, чтобы в общей сложности создать 51 слой.

Шаг 5

Дважды левой кнопкой мышки кликаем по копии слоя 50, чтобы добавить на него стили. Применяем Bevel and Emboss (Фаска и тиснение). Жмем на кнопку Reset to Default (Восстановить значения по умолчанию), чтобы сбросить стиль на стандартные значения.

Шаг 6

Применяем стиль Color Overlay (Наложение цвета). Применяем цвет #e33601.

Шаг 7

Стиль применяется только к одному слою. Поэтому кликаем по нему правой кнопкой мышки и выбираем Copy Layer Style (Скопировать стиль слоя).

Шаг 8

С зажатой клавишей Shift выбираем первую копию текстового слоя, чтобы выбрать все слои между этой копией и 50-ым слоем. Кликаем правой кнопкой по выделенным слоям и выбираем Paste Layer Style (Вклеить стиль слоя).

Шаг 9

Благодаря стилю Bevel and Emboss (Фаска и тиснение) у нас получилось реалистичное затенение на боковых гранях текста. Это получилось благодаря тому, что каждая новая копия находится выше предыдущей. Дважды кликаем по самой верхней копии и применяем к ней новые стили.

Шаг 10

Применяем Drop Shadow (Тень). Устанавливаем Angle (Угол) на 135°, чтобы направление тени соответствовало положению источника света. Переключаем Blend Mode (Режим наложения) на Overlay (Перекрытие), затем устанавливаем Distance (Смещение) и Size (Размер) на 20 и 80 пикселей соответственно, чтобы тень плавно затухала.

Шаг 11

Добавляем Gradient Overlay (Наложения градиента). Я использовал цвета #f89b2e и #ffe5b3.

Шаг 12

Если добавить еще несколько стилей слоя, можно получить более интересный результат. Применяем Stroke (Выполнить обводку), используя цвет градиента #f89b2e. Устанавливаем Size (Размер) на 5 пикселей и Position (Положение) — Inside (Внутри).

Шаг 13

С помощью стиля Inner Shadow (Внутренняя тень) можно получить слегка «вдавленный» эффект. Устанавливаем Angle (Угол) на 135°, Distance (Смещение) и Size (Размер) — на достаточное низкие значения 10 и 8 пикселей соответственно. Корректируем Opacity (Непрозрачность), чтобы настроить насыщенность тени.

Шаг 14

В самом низу панели слоев у нас остался незадействованный оригинал текста, который можно превратить в длинную тень с помощью той же команды Transform Again (Применить снова). Чтобы не захламлять панель слоев, группируем (Ctrl+G) все слои с 3D-эффектом в отдельную папку.

Шаг 15

С помощью комбинации Ctrl+Alt+T выполняем первую трансформацию для длинной тени. В этот раз смещаем слой вниз и правее. Жмем Enter, чтобы применить результат.

Шаг 16

Продолжаем нажимать команду Ctrl+Alt+Shift+T, чтобы удлинить тень. Создаем 100 новых слоев и в общей сложности получаем 150 копий.

Шаг 17

С зажатой клавишей Shift кликаем по копии 150 и 100, чтобы выделить все слои между ними. Объединяем их в один слой (Ctrl+E).

Шаг 18

Применяем Filter — Blur — Motion Blur (Фильтр — Размытие — Размытие в движении). Устанавливаем Angle (Угол) на 135° и Distance (Смещение) — на 100 пикселей.

Шаг 19

Группируем все слои, которые мы создали для длинной тени.

Шаг 20

В качестве финального штриха в самом верху панели слоев добавляем новый слой. Переходим Edit — Fill (Редактирование — Выполнить заливку) и заполняем его 50% серым.

Шаг 21

Применяем Filter — Noise — Add Noise (Фильтр — Шум — Добавить шум). Устанавливаем Amount (Эффект) на 5%, ставим галочку напротив Gaussian (По Гауссу) и Monochromatic (Монохромный).

Шаг 22

Переключаем режим наложения серого слоя на Soft Light (Мягкий свет) и получаем легкую зернистость, которая помогает скрыть резкие переходы на градиентах и добавляет приятный эффект.

В результате мы получаем красивый псевдо-3D эффект с реалистичной тенью. Теперь, понимая принцип работы команды Transform Again (Применить снова), вы можете самостоятельно создать множество интересных эффектов.

Автор: Chris Spooner

Источник: blog.spoongraphics.co.uk

32 тыс. 51
Печать Жалоба

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

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

Спасибо за урок. Слоев делала не 150, меньше.

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

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

Как-то лень было 150 слоев делать. Спасибо, общий принцип отработан и инструмент попробован.

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

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

Вроде все понятно и доступно, но у меня почему-то на боках получились полоски - не могу найти ошибку

Мне кажется получилось неплохо) Спасибо за урок!

Вот, что у меня получилось:
"42", потому что это "ответ на главный вопрос вселенной и всего такого" (кто читал "Путешествие по вселенной автостопом" Адама Дугласа, тот поймет)

Спасибо. Какой то мистический эффект ни как не получался

Подскажите название шрифта

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

Спасибо)) Простота исполнения и отличный результат!

Спасибо за урок!) очень понравился процесс!)

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

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

Благодарю за урок :hugging-face:

Благодарю за работу!

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

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

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

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


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

Предыдущая Следующая
Добавлена {{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-адрес, помогающих нам сделать его удобнее для вас. Подробнее