Навигация
Статистика

10 января 2009    Создание эффекта светящегося текста
Категория: Текстовые Эффекты | Просмотров: 10342 | Автор: traglodit
В этом уроке мы будем создавать такой эффект, используя самые элементарные инструменты Photoshop и эффекты слоев. Урок является достаточно простым , но я должен предупредить Вас о том, что будет использоваться более 60 активных текстовых слоев, которым может понадобиться большое количество память вашего компьютера. Давайте перейдём к уроку.
Для начала давайте посмотрим, что же должно получиться.

Создание эффекта светящегося текста


1. Создаем новый документ нужного размера, я делал 2000px * 1200px. Создаем корректирующий слой с линейным градиентом. Цвета от серого (#464646) к черному (#000000).

Создание эффекта светящегося текста


2. Выше создадим еще один корректирующий слой с градиентом, цвета по вашему вкусу. Вы можете выбрать градиенты из стандартного набора или создать сами. Fill этого слоя понизьте до 25%. Режим смешивания слоя поменяем на Color.

Создание эффекта светящегося текста


3. Создайте еще один корректирующий слой Gradient, выше двух предыдущих. Тип градиента Radial. Выберите готовый градиент с переходом от черного в 100% прозрачность. Если черный цвет перекрывает центр изображения, в окне Gradient Fill, поставте галочку на Reverce. Установите прозрачность слоя 65% и настройте сам градиент, что-бы он не сильно затемнял видимую область, для этого я немного поиграл ползунками в настройках градиента.

Создание эффекта светящегося текста

4. Выберите инструмент
Создание эффекта светящегося текста
(T) и щелкните по холсту. Напечатайте букву. В данном случае это P. Затем выберите инструмент
Создание эффекта светящегося текста
(V), активируйте трансформацию ctrl+T и масштабируйте размер буквы , увеличив ее по желанию. Снова выберите инструмент текста и поменяйте цвет буквы на черный ( в верхней панели настроек инструмента). Режим смешивания поменяйте на Screen. Буква исчезнет.
Создание эффекта светящегося текста


5. Двойной щелчек по слою с буквой, чтобы перейти в настройки стилей слоя. Установите стили Outer Glow и Stroke с настройками, данными ниже на скрине. Буква при этом будет слабо просматриваться.
Используйте эту первую букву как оригинал для создания всего текста . как только мы наслоим несколько букв друг на друга, наш эффект оживет.

Создание эффекта светящегося текста


6. Дублируйте слой с буквой (ctrl+J). Выберите инструмент
Создание эффекта светящегося текста
, и измените шрифт на этом продублированном слое. Если вас не устраивает полученный вариант, то можете воспользоваться трансформацией и изменить масштаб буквы. Удостоверьтесь, что буквы выстраиваете ровно по линейке, для этого можно переместить опорную точку трансформации на основание букв во время масштабирования.
Повторите этот шаг около 20 раз, каждый раз используя новый шрифт.
Создание эффекта светящегося текста



7. Выберите слои с текстом (Shift или Ctrl+клик) и сгруппируйте их(Ctrl+G). Убедившись что созданная группа активна в палитре слоев, возьмите
Создание эффекта светящегося текста
(V), и с зажатой кнопкой Alt, щелкните и переместите текст, дублируя его, расположите его справа, как вам понравится.
Теперь в палитре слоев у вас должно быть 2 группы.
В только что созданной группе отключите видимость всех слоев(иконка газа), кроме нижнего, сделайте его активным, выберите
Создание эффекта светящегося текста
(T), и кликнув по букве P, замените ее на S, включите видимость следующего слоя и проделайте то-же самое, так со всеми слоями данной группы.
Повторите данный шаг столько раз, сколько букв будет в слове.

Создание эффекта светящегося текста



8. Выберите инструмент
Создание эффекта светящегося текста
и создайте узкий эллипс у основания ваших букв, .примените Select > Feather - установите значение около 20px. Включите режим быстрой маски (Q) и примените Filter > Blur > Motion Blur (angle-0, distance-700px), выходим из режима быстрой маски, также нажав Q.
Создайте корректирующий слой Curves, разместив его над слоями с градиентами, но ниже слоев с буквами, установите кривую как показано на скрине
Создание эффекта светящегося текста



9. Создайте новый документ 300х300px. Двойным кликом вызовите окно Layer Style (если слой заблокирован, сделайте по нему двойной клик и нажмите Ок), Включите Color Overlay, цвет черный, и Stroke белого цвета, мои настройки показаны на скринах.
Теперь склеиваем слои, Layer > Flatten Image, выделить все (Ctrl+A), и Edit > Define Pattern.
Создание эффекта светящегося текста




10. Вернитесь к другому (первоначальному) документу. Создайте новый слой выше слоя с кривыми (Ctrl+Shift+N). Перейдите в Edit > Fill , установите меню Pattern , в диалоговом окне выберите созданную заливку, и нажмите ОК. Включите трансформацию (Ctrl+T) и сожмите немного изображение. Затем правый клик на рамке, в меню выберем трансформацию perspective. Потяните за правый нижний бегунок , тем самым растянув рамку по форме трапеции. Жмем Enter.

Создание эффекта светящегося текста


11. И заключительный шаг! Выберите группу с буквами и продублируйте ее. Вызовите меню трансформации Сtrl+T, правый клик по рамке и выбираем меню Flip Vertical. Переместите эти слои ниже, тем самым у нас получится отражение.
Теперь применим к группе букв(выделить нужные группы), группировку слоев Ctrl+G. Добавим к ней маску слоя , нажав на иконку Add Layer Mask внизу панели слоев и выбрав инструмент
Создание эффекта светящегося текста
(G), проведем по маске, черно-белым, линейным градиентом. Прозрачность слоя с отраженной группой ставим примерно 25%.

Создание эффекта светящегося текста


Вот что в итоге получилось.

Создание эффекта светящегося текста
 (голосов: 48)
#1 написал: mynusfsy (11 января 2009 03:28)
Ваш сайт в опере не очень то корректо показывается, а так все отлично! Спасибки вам за умные мысли!
   
#2 написал: puityrr (11 января 2009 06:12)
Я в принципе, мало, что смыслю в этм посте, но постараюсь все таки понять.
   
#3 написал: Pipiska (12 января 2009 20:11)
Очень интересно, но все в будущем хотелось бы еще побольше узнать об этом. Очень понравилась ваша статья!
   
#4 написал: olessya2010 (12 января 2009 23:18)
Неплохой пост, но много лишнего.
   
#5 написал: ferrari (13 января 2009 01:17)
Спасибо за статью.. Актуально мне сейчас.. Взяла себе еще перечитать.
   
#6 написал: baggirra (13 января 2009 02:47)
Автор молодец, посмотрел блог, довольно живые темы
   
#7 написал: mizantyk (13 января 2009 05:37)
Отчего глаза закрывают чаще всего на то, что больше всего в них бросается? Автор, открывай глаза статьями, удачи!)
   
#8 написал: depeltersa (13 января 2009 07:48)
отличная информация
   
#9 написал: fe65ari (13 января 2009 14:10)
А как думает автор, американцы были все же на луне?
   
#10 написал: moydodblr (13 января 2009 17:49)
Спасибо за статью.. Актуально мне сейчас.. Взяла себе еще перечитать.
   
#11 написал: mudazvon (13 января 2009 18:26)
Thank you
   
#12 написал: savchenkoff (13 января 2009 18:29)
Thank you
   
#13 написал: otsocity (13 января 2009 19:59)
Интересная тема, спасибо!
   
#14 написал: fireman (13 января 2009 22:21)
Автор молодец, посмотрел блог, довольно живые темы
   
#15 написал: eduard (13 января 2009 22:27)
Thank you
   
#16 написал: mamamia (14 января 2009 02:39)
Очень интересно!!! Только не очень могу понять как часто обновляется ваш блог?
   
#17 написал: MadoNNa-Best (20 января 2009 20:01)
Отличная статья!
   
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.