Рисуем градиентный текст в Photoshop

Апр 25

Рисуем градиентный текст в Photoshop

Здравствуйте, уважаемые читатели.  Сегодня мы продолжаем тему уроков photoshop. И на сегодня мы научимся делать градиентный текст в photoshop.

1) Создайте документ размером 500х300 px. После этого заливаем фон цветом #1a142c.


Создаем новый слой, выбираем овальное выделение и делаем выделение как на рисунке ниже, после чего заливаем это выделение цветом #6d56b2.


2) Снимаем выделение с помощью клавиш «Ctrl+D» и применяем фильтр Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по гауссу) со следующими настройками:


Теперь изменяем opacity (непрозрачность) на 70%.


Всё, с фоном мы закончили. Теперь переходим непосредственно к тексту.

3) Выбираем инструмент Горизонтальный текст и пишите букву нужную вам, я взял букву «P».  Стоит использовать жирный шрифт и белый цвет текста.


4) Теперь нужно придать слою наилучшие эффекты, для этого делаем всё как показано на рисунках ниже:

Drop Shadow (Тень)


Outer Glow (Внешнее свечение)


Gradient Overlay (Наложение градиента)


Stroke (Обводка)


В результате этих действий должно было получиться следующее:


5) Нажмите ПКМ на палитре слоев и выберите: Copy Layer Style (Копировать стили слоя).


6) Теперь под слоем с буквой «P» пишем ещё одну букву «h». После чего снова кликнем ПКМ на палитре слоем и выбираем: Paste Layer Style (Вставить стили слоя).


Результат должен получиться следующим:


7) Добавляем остальные буквы по тому же принципу:


8) Вроде бы смотрится неплохо, но добавим ещё несколько фигур на задний план. Для этого выберите инструмент Произвольная фигура и выберем оттуда одну из форм звезды. И добавляем эти звезды на задний план.


9) Поставим заливку этих слоев 0% и применяем стиль слоя «Обводка».

Ваша картинка должна выглядеть примерно так:


2leep.com
  • Дмитрий

    Спасибо за интересный урок :)

    • http://spravenergo.ucoz.ru Arty

      Как всегда, все гениальное просто.

  • http://ruwinner.com MikeKovalev

    Блин,я похоже никогда не научусь такие красивые вещи в ФШ делать((

    • DarkAngel

      Ну почему же? Я выкладываю сейчас уроки более легкие, но примерно через месяц будут уроки о рисовании дизайна для сайт и т.д.

  • http://black0wolf.rv.ua black0wolf

    Хороший урок. А что это за шрифт?

    • http://in4art.ru Роман

      Честно сказать — не помню, пару дней назад слитела винда и все шрифты удалились. Но можно использовать любой шрифт, даже тот же Arial с теми параметрами, которые указаны в уроке.

      • http://black0wolf.rv.ua black0wolf

        Знаю что любой, просто этот мене понравился :)

        • DarkAngel

          Поищите подобные на других сайтах, их много подобных :)