Дополнения

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

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

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

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

Сложность: Легкая

Делаем текст из светодиодов в Фотошоп

В этом уроке мы создадим текст из светодиодов, которые используются в LED экранах. Для создания данного эффекта мы используем светодиодную текстуру. Вы также увидите, как легко воссоздать экран компьютера в программе Adobe Photoshop.

Итак, давайте начнем!

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

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

Шаг 1

Откройте программу Photoshop. Создайте новый PSD документ, установите разрешение (resolution) 72 dpi, Цветовой режим (color mode) Цвета RGB (RGB), 8 bit. Создайте новый слой, назовите этот слой Текстура экрана (Computer Monitor Texture). Залейте этот слой тёмно-серым оттенком #3b3b3b.

Шаг 2

К созданному слою, добавьте стили слоя Внутреннее свечение (Inner Glow) и Наложение узора (Pattern Overlay). Скачайте светодиодную текстуру по ссылке вначале этого урока, а затем установите файл с расширением PAT в программу Photoshop, чтобы вы могли использовать узор.

Примечание переводчика: 1. Чтобы установить текстуру в качестве узора, просто дважды щёлкните по исходному файлу, и он автоматически установится в программу Photoshop 2. В настройках стиля слоя Наложение узора (Pattern Overlay), выберите текстуру в качестве узора, которую вы только что установили. 3. Если вас не устроит задний фон, который вы создали в этом шаге, то поэкспериментируйте с настройками Масштаб (Scale) и Непрозрачность (Opacity) для стиля слоя Наложение узора (Pattern Overlay).

Шаг 3

Создайте новый слой, назовите этот слой Текст на экране (Computer Monitor Text). Напишите свой текст. Цвет шрифта белый. В качестве шрифта я использовал шрифт Intro, потому что у него простые геометрические линии, кроме этого, это гротесковый шрифт. В типографике гротесковые и рубленые шрифты или просто шрифты, похожие на них, не имеют какие-либо отличительные черты, так называемые “засечки” на концах основных штрихов.

Шаг 4

Преобразуйте слой с текстом в смарт-объект, для этого щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). К слою со смарт-объектом, добавьте стиль слоя Внешнее свечение (Outer Glow).

Ваш текст должен выглядеть, как на скриншоте ниже.

Шаг 5

Пришло время применить стиль слоя Наложение узора (Pattern Overlay) к слою со смарт-объектом, используя светодиодную текстуру, которую вы скачали ранее.

Шаг 6

Далее, мы применим несколько смарт-фильтров. Смарт-фильтры - это обычные фильтры программы Photoshop, которые применяются к смарт-объектам, таким образом, они становятся смарт-фильтрами; это означает, что их можно редактировать без потери исходной информации. Итак, идём Фильтр – Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur).

Шаг 7

Далее, идём Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur). Установите следующие настройки для данного фильтра, которые указаны на скриншоте ниже.

Шаг 8

Далее, идём Фильтр – Оформление – Мозаика (Filter > Pixelate > Mosaic). Установите следующие настройки для данного фильтра, которые указаны на скриншоте ниже. Таким образом, вы получите мягкий эффект пикселей.

Шаг 9

Давайте добавим корректирующий слой Градиентная заливка (Gradient Fill), чтобы создать отблеск экрана на мониторе компьютера. Режим наложения Нормальный (Normal), Непрозрачность (opacity) слоя 6%.

Шаг 10

Далее, добавьте корректирующий слой Выборочная коррекция цвета (Selective Color), чтобы слегка изменить цветовые тона.

Шаг 11

В качестве заключительных штрихов, я добавил корректирующий слой Вибрация (Vibrance). Установите значение Вибрации (Vibrance) +35, а значение Насыщенности (Saturation) +100. Выделите все слои, а затем преобразуйте выделенные слои в смарт-объект. Далее, идём Редактирование – Трансформация - Искажение (Edit > Transform > Distort), чтобы изменить перспективу экрана монитора. Итак, мы создали текст из светодиодов в программе Photoshop.

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

Спасибо, что были со мной. Удачного дня!

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

Работа переводчика:

Автор: psd-dude.com

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

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

Делаем текст из светодиодов в Фотошоп. Спасибо.

Интересный эффект:)

Спасибо! Стиль Ностальжи))

Маленький шрифт, а пропорции остались как в уроке)

У меня не получилось, но за урок спасибо большое

Ошибка 404. Страница не найдена.

Неплохо, но не хватает совета делать фон изначально значительно крупнее, чтобы при трансформации через Distort не терялось полезное пространство.

Спасибо за урок. Первый вариант

Спасибо за полезный и интересный урок !:)

Очень крутой эффект. Сразу ретро 80-ых вспоминается

Долго думала какой текст написать.... деформировать не стала ... и колорировать тоже ... оставила в чистом виде ... спасибо за урок)

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

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

{{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