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

Главная » Уроки фотошоп» Работа с текстом в Фотошоп

2014-07-05, 15:32
В этом уроке я вам покажу очень интересный пример создания текстового логотипа в программе 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

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


Желаю успехов !

Всегда для Вас: photoshoplesson.ru

У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !

Уважаемые посетители сайта, потратившие время на просмотр этого урока . Нам очень хотелось бы знать понравился ли он вам и был ли он вам полезен. Не поленитесь оставить комментарий . Заранее спасибо.

ПОХОЖИЕ УРОКИ:


Категория: Работа с текстом в Фотошоп | Добавил: CoMish | Теги: текстовый, Photoshop, урок, логотип, эффект, создание, текст
Просмотров: 9566 | Рейтинг: 5.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]