Курсы на DVD Контакты Гостевая Регистрация Партнерская программа

Вход

Уроки фотошопа
Уроки по сложности

Фотошоп дополнения
Векторные клипарты
Растровые клипарты
PSD исходники
Текстуры (фоны)
Стили для фотошоп

Информация

Реклама

Опрос
Хотели бы вы участвовать в конкурсах по Photoshop, где призовой фонд бы состоял из небольших вступительных взосов самих участников?

Да, взнос 10 руб.
Да, взнос 50 руб.
Нет



Наша кнопка



Делаем градиентный текст в Фотошоп

Версия для печати

Делаем градиентный текст в Фотошоп


В этом уроке мы будем делать стильный градиентный текст в фотошопе.

В начале, создайте новый документ 300х500 пикс. залейте его цветом #1a142c

Делаем градиентный текст в Фотошоп


После этого создаём новый слой, выбираем инструмент Elliptical Marquee Tool (овальное выделение),Делаем градиентный текст в Фотошоп создаём выделение, как на рисунке ниже и заполним его другим цветом #6d56b2.

Делаем градиентный текст в Фотошоп


Снимите выделение Ctrl+D и примените Filter> Blur> Gaussian Blur (Фильтр-Размытие-Размытие по гауссу) со следующими настройками:

Делаем градиентный текст в Фотошоп


Измените непрозрачность слоя до 70%

Делаем градиентный текст в Фотошоп


Ок, мы закончили с фоном, а теперь давайте начнем создавать текстовой эффект! Выберите Horizontal Type Tool (горизонтальный текст) Делаем градиентный текст в Фотошоп и напишите букву P шрифтом KabelBd любым цветом.

Делаем градиентный текст в Фотошоп


После этого применяем следующие режимы наложения для слоя с текстом:
Drop Shadow (Тень)
Outer Glow (Внешнее свечение)
Gradient Overlay (Наложение градиента)
Stroke (Обводка)

Делаем градиентный текст в Фотошоп


Делаем градиентный текст в Фотошоп


Делаем градиентный текст в Фотошоп


Делаем градиентный текст в Фотошоп


Результат вы можете видеть на рисунке ниже.

Делаем градиентный текст в Фотошоп


После этого щелкните ПКМ по слою на палитре слоев и выберите Copy Layer Style (Копировать Стили Слоя)

Делаем градиентный текст в Фотошоп


Под слоем с буквой P напишем еще одну букву H.

Делаем градиентный текст в Фотошоп


Затем щелкните ПКМ по слою на палитре слоев и выберите Paste Layer Style (Вставить Стили Слоя).

Делаем градиентный текст в Фотошоп


Результат должен быть следующим:

Делаем градиентный текст в Фотошоп


Добавим ещё букв по тому же принципу.

Делаем градиентный текст в Фотошоп


Хорошо выглядит, не так ли? Чтобы закончить урок, мы добавим несколько фигур на задний план. Теперь, используя Custom Shape Tool Делаем градиентный текст в Фотошоп (Произвольная фигура) выберите форму звезды, как на картинке.

Делаем градиентный текст в Фотошоп


Добавить эту звезду на задний план.

Делаем градиентный текст в Фотошоп


После этого ставим заливку (fill) на 0% и применить стиль слоя Stroke (Обводка)

Делаем градиентный текст в Фотошоп


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

Делаем градиентный текст в Фотошоп


Добавим больше звёзд по тому же принципу. И Ваш текст будет выглядеть примерно так:

Делаем градиентный текст в Фотошоп


Градиентный текст завершен. До новых встреч на DesignNavigator.RU

Автор перевода: DeMoN
Ссылка на источник

Хочешь первым узнавать о новом уроке на сайте? Тогда подпишись на RSS рассылку новых уроков на http://designnavigator.ru

Смотрите также:

  • Создаём постер из букв в фотошопе - В этом уроке мы будем учиться создавать оригинальный постер из букв в фотошопе.
  • Делаем векторный клевер в фотошопе - В этом простом уроке вы узнаете, как сделать прикольный клевер в фотошопе с помощью векторной графики. Следуя шагам урока вы будете развивать навыки работы с формами, стилями слоя, и градиентами в Photoshop CS5.
  • Светящийся 3D текст в фотошопе - В этом учебном руководстве вы узнаете, как создать необычный светящийся 3D текст в фотошопе. И поверьте мне, это не так сложно, как Вы думаете. Так что давайте начнем!
  • Создаем текст в стиле сердечного ритма - В этом уроке вы узнаете, как сделать один интересный эффект текста в фотошопе, который я получил, экспериментируя с фильтрами Photoshop. В конце наш эффект будет похож на сердечный ритм.



  • Голосов: 6

    Просмотров: 30288 Автор: DeMoN 16-02-2011 Комментариев: (0)


    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
     

    Фотошоп CS5 от А до Я

    RSS подписка


    Друзья сайта
    Photoshop-manja.ru/ - Уроки по Фотошопу


    Яндекс.Метрика