Дополнения

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

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

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

213 640 чел. 404 295 работ 4 123 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

Создаём 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. А так спасибо за урок, все круто

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

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

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

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

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

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

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

Не нашла такой же шрифт, но вышло неплохо)

Спасибо, хороший урок)

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

Замечательный урок, в будущем хочу напечатать эту картинку на кожаной куртке моего йорка ))

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

Большое спасибо, замечательный урок.

Огромное спасибо,все получилось ))

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

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

{{work.views}}

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

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


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

Наверх

Авторизация

Забыли?

Регистрация

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

Оставить комментарий {{work.childs.length || 0}}

(до 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