Уникальные Видеоуроки по Photoshop.
Убедитесь Сами в их Эффективности!
(каждый месяц свежие уроки)

+ ПОДАРОК
(Ваше реальное имя,
желательно на русском языке)


Закрыть
 
Потрясающий гламурный текст
(43 голосов)
Автор\Перевод Вячеслав Пчелов   
06.10.2008
 
Сейчас я покажу как создать потрясающий текстовый эффект в этом простом фотошоп уроке.

Сперва создайте новый документ размером 1500х1000 пикселей и залейте его вот таким цветом #542d87.



Теперь пришло время добавления сетки на фон. Создайте новый документ размером 4х4 пикселя и нарисуйте скошенную линию при помощи Pencil Tool так, как показано на картинке ниже.



Теперь зайдите в EditDefine Pattern и сохраните. После этого возвратитесь к главному документу и примените Pattern Overlay , чтобы получить следующий эффект:





Хорошо, теперь фон почти готов. Теперь давайте начнем создание самого текстового эффекта. Выберите Horizontal Type Tool что-то вроде этого «Glamourous» посредине холста. Теперь установите такие параметры для текста:



Теперь у нас есть что-то вроде этого:



Итак, второе что мы сделаем – найдем элементы для придания эффекта. Я использовал вот эти. Теперь давайте начнем смешивать эти завитушки с тестом. Сперва вам нужно найти фрагмент орнамента, который подойдет для какой-то конкретной буквы. Потом необходимо найти наиболее лучшие точки соединения части фрагмента с буквой.



После того, как вы закончите процесс наложения завитушек к тексту, объедините все фрагменты завитушек в один слой. Теперь пришло время добавить градиент к тексту. Создайте выделение используя Rectangular Marquee Tool .



Создайте новый слой и залейте его белым цветом, нажмите Ctrl+D, чтобы убрать выделение и примените Gradient Overlay (можно выбрать из Blending options текущего слоя), чтобы получить вот такой эффект:





Теперь создайте новый слой и объедините его с слоем градиента, нажмите Сtrl+J, чтобы создать дубликат слоя с градиентом. Удерживая клавишу Ctrl нажмите левой кнопкой мыши на миниатюре слоя с завитушками - в панели слои (таким образом создастся выделение вокруг завитушек, но не переключайтесь на этот слой) Теперь нажмите Ctrl+Shift+I, чтобы инвертировать выделение, потом нажмите Del, чтобы отчистить выбранную область и снимите выделение (сейчас изменений видно не будет, т.к. под удаленным фрагментом дубликата слоя с градиентом, на котором мы сейчас находимся, лежит точно такой же), выбрав SelectDeselect . Теперь переместитесь к оригиналу слоя с градиентом (который находится сразу под текущим слоем) и проделайте все тоже самое (дублировать слой с градиентом уже не нужно), только в этот раз выделяйте слой со словом, а не с завитушками.



Мы используем данный метод, в отличии от заливки каждого слоя в отдельности, чтобы избежать рассинхронизации эффекта градиента, т.к. объекты имеют разную ширину и высоту. Теперь перейдите к новому слою с градиентом и примените к нему Drop Shadow , чтобы получить такой эффект:



Вот что получилось

После этого примените Outer Glow к слою с завитушками.





Пришло время обрезать части завитушек, чтобы повысить читабельность текста. Переместитесь к текстовому слою градиента и выберите SelectLoad selection . Теперь возвратитесь к слою с завитушками и удалите ненужные части, используя Eraser Tool , чтобы получить подобный результат:



Нажмите Ctrl+D чтобы снять выделение. Симпатичный, элегантный эффект, как вы думаете?



Если вам понравился или не понравился этот фотошоп урок, в любом случае - можете оставить свой комментарий и проголосовать за него. Хотя, я надеюсь, что он вам понравился:)

Если вы нашли опечатку, можете уведомить меня об этом, выделите текст и нажмите Shift+Enter

 

Комментарии 

 
# Bee 09.10.2008 16:37
Здрасьте!) Скажите, а почему после нажатия слова "вот эти" н6ичего не скачивается?
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 09.10.2008 16:45
Цитирую Bee:
Здрасьте!) Скажите, а почему после нажатия слова "вот эти" н6ичего не скачивается?

там есть завитушки, только они белым цветом, на белом фоне, поэтому нажмите на ссылке (перейдя на белую страницу), а потом, в браузере сохраните как html страницу...
Ответить | Ответить с цитатой | Цитировать
 
 
# homka 22.10.2008 18:01
А у меня нету Pencil Tool (( у мя CS2
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 22.10.2008 19:21
Цитирую Светлана:
А у меня нету Pencil Tool (( у мя CS2


Он точно есть, возможно, у Вас обрезная версия фотошоп... (вызывается клавишей B, либо shift+B)
Ответить | Ответить с цитатой | Цитировать
 
 
# Фуфанна 09.11.2008 13:07
Вячеслав, а что после того, как сохраняешь в формате html? Как эти узоры потом перенести в фотошоп?
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 09.11.2008 16:00
на сколько я понимаю, вы говорите вот об этих узорах: http://rukurs.com/img/tutorials/scr/txt/41_6.png
На самом деле когда Вы переходите на страницу с завитушками, и сохраняете их, они сохраняются в png формате, т.е. как обычная картинка, только с прозрачностью. Вам достаточно просто открыть этот файл как картинку в фотошопе, и переместить ее в документ с текстом...
Ответить | Ответить с цитатой | Цитировать
 
 
# Christina 15.01.2009 23:55
пожалуйста можно поподробней о соединении завитушек с текстом...даже не знаю с чего начать? текст есть фон есть.а заветушек нет, а их отркыла вновом окне ,а дальше что? спасибо:)
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 16.01.2009 15:56
Начните с выделения фрагмента завитушек (если плохо видно завитушки на фоне, тогда создайте новый слой в документе с завитушками, и поместите его под слой с завитушка, теперь залейте темным фоном - но прежде два раза кликните по слою с завитушками, чтобы сделать его редактируемым). Выделяйте инструментом лассо. Теперь скопируйте фрагмент ctrl+c, переместитесь в документ с текстом и нажмите ctrl+v. Теперь завитушка в док-те с текстом. Завитушка может быть не видна, т.к. она белая и на белом фоне, просто смените цвет фона, как я описывал выше. Теперь можете трансформироват ь завитушку (ctrl+t) и подгонять к тексту по вкусу.
Ответить | Ответить с цитатой | Цитировать
 
 
# настюша 17.02.2009 13:25
Теперь зайдите в Edit ? Define Pattern и сохраните. После этого возвратитесь к главному документу и примените Pattern Overlay , чтобы получить следующий эффект как будет по русски??
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 17.02.2009 14:37
попробуйте панель перевода, см под меню...
Ответить | Ответить с цитатой | Цитировать
 
 
# Юлькин 17.03.2009 02:42
Вячеслав :-) здравствуйте! Я может что то не допонимаю, но у меня не получается! Дело в том, что когда я инвентирую выделения, потом нажимая DELETE,у меня удаляется весь слой, я понимаю так не должно быть??? :sad: :cry:
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 22.03.2009 13:56
Здравствуйте, я исправил там немного и расписал более подробно этот момент, т.к. он действительно был трудноват в понимании, прочитайте снова этот абзац (где было о слое с градиентом и о инвертировании) ...
Ответить | Ответить с цитатой | Цитировать
 
 
# Араси 06.04.2009 04:53
"После этого возвратитесь к главному документу и примените Перекрытие узора"
я ни где не могу найти это перекрытие помогите пожайлуста!
Ответить | Ответить с цитатой | Цитировать
 
 
# _Фанатка_ 17.05.2009 00:25
Замучилась с этими "завитушками"... :-? Можно было бы в виде кистей сделать..
А так урок не плохой, спасибо))
Ответить | Ответить с цитатой | Цитировать
 
 
# хуй 15.06.2009 01:33
=((у мя русский фотошоп!т.к я ничо не понимаю(
Ответить | Ответить с цитатой | Цитировать
 
 
# Полина101101101 07.07.2009 13:05
у меня русский фотошоп!Я нечего не поняла!
Ответить | Ответить с цитатой | Цитировать
 
 
# Оксана Oksa 25.07.2009 17:34
Переводчиком воспользуйтесь раз ничё вам не понятно
Ответить | Ответить с цитатой | Цитировать
 
 
# просто Я 06.08.2009 06:22
вот млин я попыталась кое что сделать и не получилось...
с этими завитушка обидно( :oops:
Ответить | Ответить с цитатой | Цитировать
 
 
# Crasher 18.01.2010 20:12
возможно ли что бы кто то сделал видео урок по этой теме.
Ответить | Ответить с цитатой | Цитировать
 
 
# ЯнОчКа....123456789 01.01.2011 12:50
Вячеслав,у меня текст не работает.С чем это может быть связано? :oops: :-| :cry: :o
Ответить | Ответить с цитатой | Цитировать