Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

183 684 чел. 379 161 работа 4 017 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Создаём 3D полутоновый ретро текст

В этом уроке я покажу вам, как создать 3D полутоновый ретро эффект для текста, который может быть применён для создания обложки рок – группы, используя некоторые интересные формы, инструмент Текст и стили слоя.

Давайте начнём!

Финальный результат.

Шаг 1. Новый документ и текст

Откройте Фотошоп и создайте новый документ 1250 x 1000px.
В этом шаге мы создадим типографский элемент. Выберите инструмент Text Tool (T) (Текст) и напишите свой текст. Я использовал шрифт Code Pro от FontFabric и написал слово Rock цвет чёрный. Растрируйте текстовый слой Type >  Rasterize Type Layer (Шрифт – Растрировать текстовый слой).

Выберите инструмент Rectangular MarqueeTool (M) (Прямоугольная область). Создайте выделение вокруг последней буквы, затем щёлкните правой кнопкой мыши и выберите Layer  via Cut (Вырезать на новый слой).

Выберите слой с вырезанной буквой и, используя Free Transform Tool (Свободное трансформирование) (Ctrl + T),отразите по горизонтали (Flip Horizontal).

Выберите инструмент Text Tool (T) (Текст) и тем же шрифтом напишите другое слово. Размер шрифта должен быть немного больше. Растрируйте слой с текстом.

Если вы используете тот же шрифт, что и я, то выберите инструмент Rectangle Tool (M) (Прямоугольник) и создайте два прямоугольника на букве N, чтобы выровнять букву.

Теперь добавим несколько фигур. Выберите инструмент Pen Tool (P) (Перо) режим Shape (Фигура) и создайте форму под буквой R, как показано ниже. Когда вы будете довольны результатом, дублируйте слой с формой (Ctrl+J), отразите по горизонтали и переместите под букву К.

Объедините все слои кроме фонового в один (Ctrl+E). Затем с помощью Free Transform Tool (Ctrl + T)  > Skew (Свободное трансформирование - Наклон)  наклоните, потянув средний узел вверх на 8°. Переименуйте слой в Rock On Src. Мы будем дублировать этот слой несколько раз.

Дублируйте слой с текстом. Переименуйте его в Rock On Gradient и примените стиль слоя Gradient Overlay (Наложение градиента) цвет  # 4CACFB  и  # 4BB9E8 с параметрами, показанными ниже.

Дублируйте слой Rock On Src и переместите выше слоя с градиентом. Переименуйте в Rock On Highlight, установите Fill (Заливка) на 0%,  Opacity (Непрозрачность) на 90% и примените стили слоя Bevel and Emboss (Тиснение) и Satin (Глянец) с параметрами, показанными ниже.

Снова дублируйте слой Rock On Src, переместите выше всех слоёв. Установите Fill (Заливка) на 0%, Opacity (Непрозрачность) на 90% и примените стиль слоя Bevel and Emboss (Тиснение) с параметрами, указанными ниже. Переименуйте слой в Rock On Emboss.

Шаг 4. Эффект Полутон

Теперь создадим интересный полутоновый эффект. Выше всех слоёв создайте новый слой. Выберите инструмент Gradient Tool (G) (Градиент) от чёрного к белому и с зажатой Shift протяните градиент от верхней части холста к нижней.

Далее к слою с градиентом примените фильтр Filter > Pixelate > Color Halftone (Фильтр – Оформление – Цветные полутона) с Max. Radius (Макс. Радиус) 6 рх и 45° для всех каналов. Установите Fill (Заливка) этого слоя до 50% и измените режим наложения на Soft Light (Мягкий свет).

Создайте выделение слоя Rock On Src, для этого с зажатой Ctrl щёлкните по иконке слоя. Перейдите на слой с полутоновым узором и создайте маску слоя Layer > Layer Mask > Reveal Selection (Слой – Слой -  маска – Показать выделенную область).

Добавьте слой  - заливку Layer > New Fill Layer > Gradient (Слои – Новый слой – заливка – Градиент) от белого к чёрному. Opacity (Непрозрачность) чёрного цвета 0%.

Измените Fill (Заливка) этого слоя на 50% и создайте обтравочную маску Layer > Create Clipping Mask  (Слой – Создать обтравочную маску).

Снова дублируйте слой Rock On Src, переместите выше всех слоёв. Переименуйте в Rock On Gradient Highligh.  Измените Opacity (Непрозрачность) до 30% и Fill (Заливка) до 0%. Добавьте стиль слоя Gradient Overlay (Наложение градиента) от чёрного к белому, на чёрном цвете opacity (непрозрачность) 0%, на белом – 50%.

Дублируйте слой Rock On Src ещё раз, переименуйте в Rock On Emboss. Установите Fill (Заливка) на 0% и Opacity (Непрозрачность) на 90%. Выберите инструмент Move Tool (V) (Перемещение) и сдвиньте слой на 10 рх вверх и на 20 рх влево.

Примечание переводчика: этот слой должен быть ниже слоя Rock On Gradient.И  при сдвиге слоя вверх и влево ориентируйтесь на скриншот.

Добавьте стиль слоя Bevel and Emboss (Тиснение).

Давайте добавим ещё немного деталей и бликов на текст. Дублируйте слой Rock On Src ещё раз и переименуйте в Rock On Stroke. Выберите инструмент  Move Tool (V) (Перемещение) и сдвиньте слой на 10 рх вверх и на 10 рх влево. Установите Fill (Заливка) слоя до 0%.

Поместите этот слой между слоями Rock On Emboss и Rock On Gradient. Примените стиль слоя Outer Glow (Внешнее свечение) с фиолетовым цветом  и с параметрами, показанными ниже.

Поместите этот слой в группу (Ctrl+G) и измените режим наложения группы на Color Dodge (Осветление основы).

Окончательный результат.

Наш 3D полутоновый текстовый эффект завершён. Вы можете использовать этот эффект для создания любого рода 3D – иллюстраций.

Ссылка на PSD файл урока

Автор урока: Adrien

 

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

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо за урок! мой вариант

Интересно, спасибо))

За урок спасибо!!!

Svetlana, спасибо за урок!

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

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

Создаём 3D полутоновый ретро текст. Спасибо.

Спасибо за урок, делал давно, а выставить забыл))

Вот так...Спасибо))

Не увидела смысла в слое Rock On Stroke. А так спасибо за урок, все круто

Вот благодаря таким урокам иногда чувствуешь себя профессионалом) Спасибо вам огромное.

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

Спасибо за тематический урок!

Спасибо. КАк-то так.

Спасибо автору и переводчику за урок!

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

Вот, что вышло)

вот такой гламур у меня получился) спасибо за урок)

весьма признателен за урок

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

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} Жалоба

Оставить комментарий

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Добавить комментарий / работу
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

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

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

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

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

Комментарий

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


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

{{text}}

Исходник:

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

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

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

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

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

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

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

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

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

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

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

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

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules