Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:


Тёмный гранжевый текст


Шаг 1: Создание документа
Создайте новый документ с такими настройками:


Тёмный гранжевый текст


Шаг 2: Добавление текста
Инструментом Горизонтальный текст (Horizontal Type Tool) напишите какое-нибудь слово, например “TYPE”. Я использовал шрифт “Franklin Gothic Heavy”. Цвет текста должен быть - #CC3333, этот красный цвет будет хорошо виден на тёмном фоне. Также настройте кернинг текста при помощи удержания Alt и стрелок на клавиатуре.


Тёмный гранжевый текст


Шаг 3: Дублирование текста
Чтобы создать эффект 3D, сделайте копию текстового слоя (Ctrl+J). Измените цвет копии на #99000, перейдите в режим Свободного трансформирования (Free Transform) и, удерживая Alt+Shift, уменьшите текст до 90%. Инструментом Перемещение (Move Tool) перетащите его, как показано ниже. В палитре слоёв копию поместите под оригинал.


Тёмный гранжевый текст


Шаг 4: Связываем текст
Нужно соединить углы букв двух слов. Создайте новый слой (Create New Layer) и инструментом Многоугольное лассо (Polygonal Lasso Tool) создайте фигуру, которая соединит углы букв двух слов, потом залейте её цветом #99000.


Тёмный гранжевый текст


Шаг 5: Разделяем части текста
Выберите слой с тёмным текстом и стороны, которые мы создали в прошлом шаге, и объедините их (Ctrl+E). Светлый текстовый слой должен быть сверху. Инструментом Многоугольное лассо (Polygonal Lasso Tool) сделайте выделение вокруг одной из сторон текста. Потом нажмите Ctrl+J, чтобы скопировать его на новый слой. Повторите то же самое для каждой стороны текста. Каждый слой называйте в соответствии со стороной. Группируйте слои каждой буквы (Create New Group).


Тёмный гранжевый текст


Шаг 6: Добавление теней
Теперь перейдём к добавлению теней. Источник света будет исходить из правого верхнего угла. Тёмные области должны находиться на левой нижней стороне букв. Для этого воспользуйтесь стилем Наложение градиента (Layer Style - Gradient Overlay). Для каждой стороны нужно правильно настроить угол.

Режим – Умножение, Стиль – Линейный


Тёмный гранжевый текст

Тёмный гранжевый текст


Шаг 7: Коррекция теней
Хотя тени должны находиться дальше от источника света, есть несколько исключений. Одно из них это буква “T”. Область, указанная ниже стрелкой, имеет не стандартное затенение. Это происходит потому, что средняя часть буквы закроет левую верхнюю часть от света.


Тёмный гранжевый текст


Шаг 8: Усиливаем тени
Теперь затемним стороны, которые больше всего закрыты от света. Чтобы это сделать, воспользуйтесь стилем Наложение цвета (Layer Style - Color Overlay): цвет – чёрный, Непрозрачность – 20-60%.


Тёмный гранжевый текст


Шаг 9: Очерчиваем переднюю часть текста
К слою с фронтальной частью текста примените стиль Тиснение (Layer Style - Bevel and Emboss). Угол должен быть на стороне источника света.

Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Нормальный, Режим тени – Умножение


Тёмный гранжевый текст


Шаг 10: Настройка света
Теперь к фронтальной части примените стиль Наложение градиента (Layer Style - Gradient Overlay):

Режим – Перекрытие, Стиль – Линейный


Тёмный гранжевый текст

Тёмный гранжевый текст



Тёмный гранжевый текст


Шаг 12: Затемнение текстуры
Сначала определим центр холста. Отведите направляющие, функция Привязка (Snap) должна быть включена – ваши направляющие остановятся на серединах сторон. Выберите слой с текстурой и перейдите в меню Слой»Слой маска»Показать все (Layer > Layer Mask > Reveal All). Залейте маску чёрным цветом, потом выберите инструмент Градиент (Gradient Tool), тип – радиальный, цвет – от белого к прозрачному, и сделайте заливку из центра. Выберите слой с текстурой, перейдите в режим Свободного трансформирования (Free Transform) и, удерживая Alt, сведите верхнюю или нижнюю стороны друг к другу. Форма текстуры должна стать овальной.


Тёмный гранжевый текст


Шаг 13: Тень под текстом
Сделайте выделение каждого текстового слоя (Ctrl+Click), создайте новый слой (Create New Layer) и залейте его чёрным цветом. Сделайте копию этого слоя, чтобы у вас было два чёрных текстовых слоя. Расположите оба слоя под текстовыми в палитре слоёв. Примените фильтр Размытие в движении (Motion Blur Filter): угол должен исходить из правого верхнего угла к левому нижнему, как и источник света.


Тёмный гранжевый текст


Шаг 14: Усиливаем тень
Сделайте копию слоя (Ctrl+J) и объедините её с оригиналом (Ctrl+E).


Тёмный гранжевый текст


Шаг 15: Размытие тени
К другому чёрному текстовому слою примените фильтр Размытие по гауссу (Gaussian Blur Filter):


Тёмный гранжевый текст


Шаг 16: Маскируем части теней
Перейдите в меню Слой»Слой-маска»Показать все (Layer > Layer Mask > Reveal All). Используя чёрную кисть размером 100 пикселей с жёсткостью 0%, обрисуйте чёрные области тени сверху и справа (источник света).


Тёмный гранжевый текст


Шаг 17: Добавление текстуры к тексту
Откройте [url=http://www.egraphic.ru/images/text-effects/228/stuff/grunge.jpg]гранжевую текстуру и вставьте её в наш документ. Ширина текстуры должна быть немного больше ширины текста. Сделайте выделение каждого текстового слоя (Ctrl+Click) и перейдите в меню Слой»Слой-маска»Показать все (Layer > Layer Mask > Reveal All). Текстура будет видна только на тексте. Установите Режим наложения гранжевой текстуры – Мягкий свет (Blending Mode – Soft Light) и Непрозрачность – 40%.


Тёмный гранжевый текст


Шаг 18: Корректирующий слой Карта градиента
Создайте корректирующий слой Карта градиента (Layer - Gradient Map):


Тёмный гранжевый текст

Тёмный гранжевый текст


Шаг 19: Добавление подтекста
Используя шрифт “Franklin Gothic Demi Condensed” или похожий, напишите подтекст белым цветом. Установите Режим наложения этого слоя – Перекрытие (Blending Mode – Overlay), сделайте копию слоя, чтобы немного осветлить его.


Тёмный гранжевый текст


Шаг 20: Фильтр Цветовой контраст
Перейдите в меню Слой»Выполнить сведение (Layer > Flatten Image). Сделайте копию нового слоя и примените фильтр Цветовой контраст (High Pass Filter). Установите Режим наложения этого слоя – Мягкий свет (Blending Mode – Soft Light).


Тёмный гранжевый текст


Финальный результат:


Тёмный гранжевый текст



PSD файл

Ссылка на источник урока

написал : Азат

Я не понял 12 шаг, у меня не получается сделать такой фон

---------------


написал : positive11

маска слоя - с её помощью можно убирать то что находится на слое, но при этом не портить сам слой. там вроде всё нормально написано. что именно не получается? градиентную заливку на маску делаете?

---------------


написал : Азат

да я нечайно делал в лаер стайлеа надо было в ручную делать... щас у меня както не получается сделать тень на текстуре от текста(13 шаг) у меня полупрозрачная тень получается не как на рисунке=(

как понять выделение каждого текстового слоя ? не получается так...

а все понял там надо было Ctrl+Shift+clik делать чтобы плюсовалось выделение а не просто контрл клик

еее=) http://s010.radikal.ru/i311/1011/ac/1bcd1e2216ec.jpg

---------------


написал : tr1ton

У меня тоже не получается плиз мне тоже зделай но надпис должне бить Tr1TON а в незу Studio Sound Recards

---------------


написал : positive11

вставляйте ваши изображения в виде ссылки. писать нужно так:
[url=]Текст ссылки[/url]

Азат, ваше изображение было переведено в ссылку, так как оно слишком большое и нарушает дизайн сайта.

---------------


написал : kivetat14

Помогите, пожалуйста...я застряла на 13 шаге...

---------------


написал : positive11

что именно не получается или не понятно?

---------------


написал : JohaN

А какая версия фотошопа тут используется?

---------------


написал : CoveRz

Здравствуйте не получается копировать выбранную область пишет Could not make a new layer fro, the selection besause the selected area is empty

---------------


написал : positive11

Вам при копировании нужно выбрать слой в палитре слоёв.

---------------


написал : Krymchanin

У меня даже не получается сделать копию текстового слоя. При нажатии Ctrl+j ничего не происходит. Объясните, пожалуйста, как это сделать. Заранее спасибо.

---------------


написал : positive11

Кликните на слой в палитре слоёв и нажмите Ctrl+J. Или мышкой перетащите нужный слой на иконку создания нового слоя внизу палитры слоёв - так тоже копия делается. Либо правой кнопкой мыши кликните на слое, который нужно скопировать и выберите там Дублировать слой (Duplicate Layer)

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: