Красивый эффект светящегося текста

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



Шаг 1

Сделайте новый документ, 2000px 1200px. Сделайте новый Gradient Adjustment Layer, который идет от темной серости (#464646) в основании в черный (#000000) наверху. Это будет нашим фоном.



Шаг 2

Сделайте другой Gradient Adjustment Layer выше предыдущего, и с радугой цветов по вашему выбору. Вы можете выбрать из в палитре градиента, или создать свой собственный. Установите заливку слоя на 25%. А способ смешивания blending mode слоя на Color.



Шаг 3

Теперь создаем другой Gradient Adjustment Layer выше предыдущих двух. Он будет с радиальной заливкой. Сделайте так, чтобы только два цвета в градиенте были черными, затем установите прозрачность на 100% на одном и 0% на дргом.

Если Вы видите, что черный охватывает центр изображения, проверьте наличие галочки на Reverse. Установите прозрачность слоя на 65%



Шаг 4

Теперь приступим к обработке текста. Нажмите T для того чтобы написать текст. Затем выберите Move tool и зажмите CTRL+T для трансформирования до нужных размеров.

Режим Blending mode ставим на Screen



Шаг 5

(Двойной щелчок) справа по слою с текстом, чтобы попасть в настройки слоя Blending options. Включаем Outer Glow и Stroke с настройками как на примере. Теперь должны быть слегка заметны очертания текста.

Мы будем использовать этот слой с текстом как образец для всего текста. Позже, продублируя несколько раз этот слой, каждый раз поверх предыдущего, мы получим итоговое изображение.



Шаг 6

Дублируем слой с текстом. Меняем шрифт для нового слоя с текстом. можно также воспользоваться free transform (CTRL+T).

Теперь повторите этот шаг 20 раз, каждый раз, используя различный шрифт. Я хотел использовать все различные шрифты, которые имею.



Шаг 7

Объедините все слои для этой буквы в один. Повторите все действия для остальных букв вашего текста



Шаг 8

При помощи elliptical marquee tool сделайте очень тонкое выделение у основания текста. Затем примените Feather с параметрами 20 px. Войдите в режим быстрой маски (Q) Теперь применим Filter>Blur>Motion Blur. Угол 0px длина 700px. Выйдем из быстрой маски.

Создайте слой curves adjustment layer, выше градиентов, но ниже слоев с текстом. Кривые выставляйте как на картинке ниже.



Ну вот и все.

дальше по своему усмотрению можно добавить отражение и симуляцию плоскости.



Источник - http://psdtuts.com/
Перевод - Азат Хайрикенов

Если наш сайт был полезен Вам, НЕ ПОЛЕНИТЕСЬ, нажмите на любую из кнопок ниже, для того, чтобы поделиться с другими людьми полезной ссылкой!
Нравится
!!! Спасибо !!!


Эта новость называется - Красивый эффект светящегося текста. Не забудьте добавить в закладки, чтобы не потерять.


Распечатать
1

Вах, вот это классный урок! = ))) Эффект классно смотрится.
Спасиибо)))
26 июня 2008 18:35
2

как сделать отражение и симуляцию плоскости.
26 июня 2008 21:27
3

отражение - дублируешь слой, переворачиваешь его, уменьшаешь прозрачность и немного затираешь стеркой нижний край

Симуляцию плоскости - создай pattern в виде квадрата. Затем залей на новый слой. деформацией растяни и все.
26 июня 2008 21:47
4

А можно не только на Английском писать, но и на русском...а то у меня русский фотошоп, и я не могу понять что, где и как менять!!!
27 июня 2008 10:16
5

а ты спрашивай, мы поможем. ok
27 июня 2008 11:25
6

Так буквы сделать неполучаеться лажа выходит, а тут как-то красиво прозрачненько идут последующие буквы, а когда сам делаешь то кал короче

Помогите сделать также только вот заместо "PSD" написать "EVO", а заместо "TUTS" написать "lution". БУду очень рад и благодарен если кто-то так сделает.
30 июня 2008 14:16
7

Народ!!! у когонить получилось??? у меня например нет... 4 часа парилася и все напрасно!!!!! обидно...
11 июля 2008 18:36
8

Давид,
на каком шаге у тебя лажа пошла?
11 июля 2008 19:18
9

Kharikein,
ну вот например blending mode слоя на Color, в русском фотошопе это как называется? цветовой тон или цветность или ни то и не другое? потооооом.... шаг 3, делаю один цвет прозрачным другой нет,все как сказано,показано, но прозрачным он ставать нехочет почемуто а если меняю наложение слоя, например на перекрытие то всеравно совсем не так как на скриншоте, но эт все мелочи, теперь к главному моему тупику, текст! текст набрать получилось smile !!! а дальше я познакомился с лажай... делаю такие же параметры для текста, а получается не то, свечения вокрук буквы слишком много, контур непрозрачный с фоном не смешивается, и свечения нету такого, тоесть свечение есть но не в контурах а внутри самой буквы, ух.... настрочил я... незнаю, понятно я тут выложился или нет... но я зарюхался тут конкретно !!! мож обьяснишь мне??? а?
12 июля 2008 02:45
10

для начала, ты точно блендинг мод СЛОЯ меняешь? если да, то не составит труда попробывать и один и второй вариант.

прозрачность слоя устанавливается в панели слоев, при активном нудном слое. там есть opacity(прозрачность) и fill(заливка)

Текст.... хм... попробуй увеличить размер своего изображения, размер букв. или параметры outer glow поменьше сделать. свечение тогда должно наладиться.

Может я тебя не правильно понял. Как попробуешь, отпиши.
Удачи ;)
12 июля 2008 02:50
11

кароче, делая по уроку у меня ниче не получилось, решил сделать все по своему и своими методами boss . вот результат глянь http://foto.mail.ru/mail/dolphin-85/25/26.html
12 июля 2008 17:49
12

а color dodge это что?)))
с англиийским плохо у мя)))

сорь, нашол

другой вопрос: каждый раз копировать 1-й текстовый слой или предыдущий текстовый?
14 июля 2008 09:11
13

Давид,
получилось очень даже хорошо и правильно. Что же ты делал своими методами?
xasd, разницы не имеет.
14 июля 2008 10:37
14

сделал градиент как в уроке, поверху новы черный слой, который я просто размыл поцентру, чтоб было также как на скрине, написал текст, заливку текста сделал на 0% а контур сделал примерно на 50% и придал ему не цвет а градиент, такойже как и для фона и добавил слегка внешнй свет. Ну а дальше началась миссия "клонирование", текст дублировал не 20 раз а намного намного больше, пока не сказал себе стоп, при этом я использовал один и тотже шрифт,только иногда парочку других двигая на все четыре стороны туда сюда на пару пикселей, делается это оч просто: зажимается Contrl Alt и стрелочки лево право верх и низ, легко, быстро и безболезненно! Потом всех и вся обьединил в один единственный слой и стал добовлять световым инструментиком свечения, ровно столько сколько хотел, ну а остольное сам знаешь... Смешиваний неиспользовал, кароче в принципи все тоже самое только на глаз и от руки. Вот... если плохо описал, возражать не буду, у меня в школе по сочинению всегда пара была pleasantry
16 июля 2008 15:18
15

а какой нужен для этого фотошоп. у меня просто Adobe Photoshop CS3
6 августа 2008 12:05
16

твоя версия точно подойдет.
6 августа 2008 12:49
17

Kharikein плиз обясни как такой цвет шрифта сделать? он какойто не одно тонный...и еще вопросик: как мне этот тест добавить на фотку чтоб был чито текст без фона...
7 августа 2008 18:59
18

chester,
в смысле как такой цвет шрифта сделать? если тебя просто цвет интересует - то сделай градиентную заливку, а чтобы такой же эффект нужно весь урок повторить... а он не из легких ;)

чтобы без фона - то делай сразу на своей фотке
7 августа 2008 23:54
19

спасибо Kharikein!!!
8 августа 2008 22:45
20

У меня лажа вышла. Вроде делал все как написанно, а получилось вот такая картинка
12 сентября 2008 12:27

Макс
21

Тоториал класынй, у меня все получилось!!!!! dance3

Цитата: Давид
ну вот например blending mode слоя на Color, в русском фотошопе это как называется?

недавно нашел интересную штуку, что-то вроде переводчика для фтшопа, вводиш фразу или название фильтра на англличком или на русском, а он тебе выдает оригинальный перевод, вот линка переводчик фотошопа
17 сентября 2008 22:52
22

ребят просто нужно внимательно делать то что написано..вот и все..получается без вопросов ok
3 октября 2008 12:14
23

народ помогите пожалуйста,у меня видемо в 5шаге проблемка,вообщем всё вроде правельно но текст не прозрачный,а как в этоге текст должен сливаться с фоном.
3 октября 2008 21:25
24

Красиво...очень достойный текст +5
28 декабря 2008 23:47
25

Класс! Большое спасибо!!!
18 января 2009 20:09
26

Все верно написано, но есть опечатки ;)
24 февраля 2009 20:12
27

бомба! спасибо за перевод и потраченое время
12 марта 2009 13:32
28

f15hka, это урок, а не ТАБЛЕТКА. К каждой работе свой подход!
17 марта 2009 18:37

jam
29

дайте подобный стиль (((
2 декабря 2009 23:27

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости. Только для зарегистрированных пользователей
теги 2дтуториалс
фотошоп скачать клипарт Кисти шрифтов коллекция скачать иконки набор Обои для рабочего стола иконок Тонкости и секреты Часть шаблоны Новогодние фоторамки разные шаблоны исходники фотошопа кистей Wallpapers текстуры Иконки стилей Стили для фотошоп обоев Подборка скачать обои стиле текстур Скачать текстуры бесплатно текстуры для фотошоп Рамки для фотографий psd исходники фотошоп Клипарт скачать clipart бесплатно бекграундов фоторамок скачать иконки для windows Кисти для фотошопа скачать кисти фотошоп
{slin}
2дтуториалс.ру - проект компании ООО "Российские Интернет Технологии", 2011г.
Офис расположен по адресу - Россия, г. Москва, ул. Обуховской обороны, д. 12, оф.5.

счетчик рамблер   Рейтинг SIMPLETOP.NET   [Valid RSS]   Здесь находится аттестат нашего WM идентификатора 194801541119