Cоздание текстового логотипа в программе Photoshop

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

Для работы в этом уроке нам нужно скачать шрифт Null-Free и установить в фотошоп.

Создание документа текстом

Шаг 1.

Cоздаём новый документ размером 900х600 px. Заливаем его радиальным градиентом с цветами от #0E3562 к #162433 .

Шаг 2.

Начнем создавать сам текст. Шрифтом Null-Free напишем белым цветом слово Twilight (сумерки), размер шрифта автор установил 140 рх.

Создаём подложку

Шаг1.

Создадим новый слой и назовем его "Подложка". Зажимаем клавишу CTRL и кликаем по иконке слоя с текстом, тем самым загружаем выделение. Теперь надо расширить выделение на 15px, для этого заходим Выделение - Модификация - Расширить(Select - Modify - Expand), а затем устанавливаем сглаживание на 4px Выделение - Модификация - Расширить(Select - Modify - Smooth).

Шаг 2.

Зальем наше выделение цветом # 0E3560. Установим цвета по умолчанию нажатием клавиши D и применим фильтр Фильтр - Шум - Добавить шум(Filters - Noise - Add Noise) со слюдующими параметрами:

Шаг 3.

Снимаем выделение нажатием сочетания клавиш Ctrl + D и займемся стилями слоя. Дважды кликаем по слою "Подложка" чтобы попасть в панель стилей и устанавливаем все значения как на скринах ниже:

Продолжаем работу с текстом

Шаг 1.

Создаем новый слой. Зовем его "Текст". Затем, удерживая клавишу CTRL, кликаем по текстовому слою, чтобы загрузить выделение. Устанавливаем цвет переднего плана #FFFFFF - белый и заливаем это выделение Редактирование - Выполнить заливку (Edit - Fill) или Shift + F5 - рекомендую научиться пользоваться "горячими клавишами", все гораздо быстрее происходит

Шаг 2.

Дальше мы немного вытянем некоторые буквы. Эти места обозначены для наглядности на скрине:

Для этого будем использовать инструмент Прямоугольная область выделения (Rectangular Marquee Tool). Делаем выделение на букве как на скрине ниже и зажав клавиши CTRL + ALT при помощи стрелок удлиняем текст на 2px от края "Подложки":

Проделайте те же манипуляции и с другими буквами:

Шаг 3.

Давайте продублируем слой "Текст" два раза и переименуем их соответственно в "Горизонтальный градиент" и "Вертикальный градиент". Режим смешивания обоих слоев установите на Умножение (Multiply). Клавишей D вернем цвета по умолчанию. Далее активируем слой "Горизонтальный градиент" и дважды кликнув по нему перейдем к стилям слоев непосредственно к Наложению градиентов (Gradient Overlay). Значения указаны ниже:

Дальше активируем слой "Вертикальный градиент" и в стилях ставим значения:

Не нужные части примененного градиента можно удалить с помощью Прямоугольного выделения (Rectangular Marquee Tool)- выделили и нажали Delete.

Шаг 4.

И наконец активируем слой "Текст" и применяем вот такие стили слоя:

Здесь используем цвета # 000000 до # CFCFCF

Здесь используем #A7ACB2 до #FFFFFF

Вот что у нас должно получится:

Как установить новый шрифт в Photoshop

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

Когда вы откроете папку "Шрифты", то увидите списки уже существующих шрифтов. Перенесите свой новый шрифт в эту же папку.

Можете воспользоватья меню Файл - Установить шрифт.

Таким образом, новый шрифт появится как в Word, так и в программе Adobe Photoshop.

Источник