[Уроки Adobe Photoshop ]

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

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

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

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

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

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


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

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


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

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


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

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

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

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

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

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

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


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

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


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

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


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

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

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

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

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


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

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


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

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


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

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


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

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


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

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

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

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

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

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

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

 

Tutorial создание текстового логотипа в Photoshop`e

Интересные записи

Категория: АЗЫ | Просмотров: 394 | Добавил: KateloK | Теги: photoshop, Cоздание текстового логотипа програ, Выделение Модификация Расширить Sel, cоздание, логотипа | Рейтинг: 0.0/0
Всего комментариев: 0
avatar