Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Эффект текста на светодиодном экране в Adobe Photoshop

6 октября 2016 | Опубликовано в Уроки | 2 Комментариев »

В этом уроке мы будем создавать текст на светодиодном экране в Adobe Photoshop. Мы будем работать со стилями слоя, смарт-объектами и фильтрами. Также создадим несколько корректирующих слоев и слой-заливку, чтобы сделать нашу работу завершенной и интересной. Урок рассчитан на пользователей уже знакомых с программой и ее функциями.

 

 


Создайте новый документ с разрешением в 72 dpi, в режиме RGB, 8 bit. Создайте новый слой и назовите его Computer Monitor Texture (текстура компьютерного монитора). Залейте слой цветом #3b3b3b.

Укажите слою стили Inner Glow/Внутреннее свечение и Pattern Overlay/Перекрытие узора, используя параметры как показано на картинках ниже. В качестве узора используйте текстуру компьютерного монитора. Установите файл PAT в Photoshop и текстура будет доступна для использования.

Теперь в новом слое создайте ваш текст. Используйте белый цвет и шрифт Intro (или любой другой с четкими геометрическими формами).

Укажите слою с текстом стиль Outer Glow/Внешнее свечение, затем конвертируйте слой в смарт-объект. Для этого кликните по слою правой кнопкой мыши и выберите Conver to Smart Object/Преобразовать в смарт-объект.

Вот что должно получиться.

Теперь добавим новый стиль слоя этому смарт-объекту. Выберите стиль Pattern Overlay/Перекрытие узора, используя тот же узор, что мы брали выше.

Теперь добавим смарт-фильтры. В меню выберите Filter > Blur > Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу.

Теперь выберите Filter > Blur > Motion Blur/Фильтр>Размытие>Размытие в движении. Ко всем фильтрам примените параметры как на картинках.

Выберите в меню Filter > Pixelate > Mosaic/Фильтр>Пикселизация>Мозаика. Так мы сделаем текст пикселизованным.

Создайте слой-заливку Gradient Fill/Заливка градиентом. Настройте его как показано ниже и укажите Оpacity/Непрозрачность в 6% .

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

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

Результат

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

Автор урока psd-dude

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Max
    Thumb up Thumb down 0

    Спасибо за урок. Он очень помог мне при создании фона для моего сайта — maxklimkov.com