Рейтинг: 0.0/0

Метки

photoshop, фотошоп, вдавленный текст, дизайн элементов, эффект вдавленного текста

Опрос: Чего добавлять больше?

Чего добавлять больше?
Всего ответов: 192

Главная » Статьи » Дизайн элементов » Создание эффекта вдавленного текста. Часть 2-я

Продолжение урока, в котором мы с вами создаём красивый "вдавленный " текст с помощью графического редактора Adobe Photoshop.

Добавление стилей для слоя с текстом

10 Мы добавим 3 различных эффекта для слоя с текстом: Gradient Overlay, Inner Shadow, и Drop Shadow. Все это нам нужно для того, чтобы получить эффект вдавливания текста. Кликните правой кнопкой мыши на слое с текстом в панели слоев и выберите Blending Options - откроется диалог настройки стилей слоя (или, двойной щелчок по слою в панели слоев даст тот же результат).

11 Сперва мы добавим градиент. Установите флажок рядом с Gradient Overlay, чтобы применить этот стиль к тексту. Мы сделаем градиент, аналогичный градиенту фона: вертикальный градиент цвета с более темным цветом в нижней части текста и более светлым цветом в самом верху.

12 Дважды щелкните на цветовом поле рядом со словом Gradient, чтобы открыть редактор градиентов цвета. Для левого ползунка выберите темно-синий цвет (темнее темно-синего цвета фонового слоя). Я выбрал # 022854. Для правого ползунка выбирайте светло-синий цвет, светлее, чем цвет левого ползунка, но все же немного темнее темно-синего цвета фонового слоя. Я выбрал # 0F498C.

13 Так как мы будем далее использовать эффект для текста Inner Shadow, сделаем светло-синий цвет более доминирующим в цветовом градиенте путем перемещения средней точки цвета (Color Midpoint Location) на уровень 30%, чтобы сделать эффект Inner Shadow более заметным в левой верхней части текста.

14 Далее применяем эффект Inner Shadow. Установите флажок рядом с Inner Shadow. Задайте угол 120 °, чтобы создать внутренние тени от источника света из верхнего левого угла, который мы создали ранее.

15 Изменените значения Opacity, Distance и Size, которые будут определять как будет выглядеть эффект. Я решил установить непрозрачность (Opacity) на 50%, расстояние (Distance)на 2px и размер (Size) на 3px, потому что я хотел, чтобы эффект был видимым, но не чрезмерно. Экспериментируйте с этими значениями опций, пока вы не будете удовлетворены результатом.

16 Наконец, мы применяем Drop Shadow, чтобы эффект текста смотрелся в соответствии с источником света. Мы сделаем тень очень тонкой, как раз достаточной, чтобы подчеркнуть эффект текста . Для начала установите флажок рядом с Drop Shadow.

17 Установите режим Blend Mode нормальный.

18 Изменените цвет тени с чёрного (по умолчанию) до ярко-синего цвета. Я использовал Eyedropper Tool (I) из Панели инструментов, чтобы взять образцы цвета из верхнего левого угла, где начинается источник света, и выбрал оптимальной, пока не получил цвет,которым остался доволен: # A8C9E6.

19 Я сделал тень тонкой и малозаметной, используя для Distance значение в 1px, чтобы тень была видна как раз в правой нижней части текста, и 2рх для параметра Size. Затем я снизил прозрачность (Opacity) с помощью ползунка, чтобы тень была не слишком заметной,я остановился на 30% непрозрачности. Заметьте, что важно сохранить угол падения тени в 120 °.

Всё готово!

Разве я не говорил вам, что будет супер-легко?

Скачать исходный файл

Если вы хотите, проверить вашу работу, вы можете скачать PSD файл для этого урока.

Источник урока
Перевод урока: PS-Studio.Info

Ссылка:
BB-код:
HTML-код:
Всего комментариев: 1
  1.   Нет оценки: 0
    1  saw 2011-03-03, 11:25

    Попробовал по уроку, вот что получилось



    Кому нужен шрифт Rockwell Std (используемый в уроке), можно скачать здесь

Имя *:
Email:
Код *: