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

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


Закрыть
 
Гранджево-гламурный текст
(57 голосов)
Автор\Перевод Вячеслав Пчелов   
09.10.2008
 
В этом уроке мы с вами создадим уникальный текстовый эффект. Этот текстовый эффект мы будем создавать в основном базируясь на стилях слоя.



Шаг 1 Документ и фон
Начнем с создания нового документа в фотошоп, порядка 1000х600 пикселей, этого будет вполне достаточно. Залейте фон черным цветом или градиентом (#2b2e2c и #1a1a1a). Теперь для большего эффекта нанесите на новый слой какие-нибудь фигуры или воспользуйтесь кистями, используя те же цвета, что и для градиента. Уменьшите Opacity слоя в 20% или что-то около этого.



Теперь у нас есть отличная, красивая область для нашего текста.

Шаг 2 Текст
Отлично, теперь пришло время текста. Выберите Horizontal Type Tool и напишите какой-нибудь текст, используя достаточно большой и ровный шрифт (без всяких завитушек и пр.), и какой-нибудь забавный цвет.



Все настройки текста:

Шрифт: NeoTech (платный)
Цвет: #b0cc00
Размер: 182 pt

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

Шаг 3 Стиль текста
Давайте придадим немного стиля нашему тексту! Нажмите правую кнопку мыши на слое во вкладке Layers и выберите Blending options , после примените вот такие эффекты:

Inner Shadow



Gradient Overlay



Stroke



После этого у нас получиться вот такой замечательный, красивый текст:



Это было легко!

Шаг 4 3d тень
Давайте придадим тексту тень. Конечно же вы можете зайти в управление стилями слоя и выбрать там Drop Shadow , но мы создадим более красивую тень, она у нас будет трехмерная.

Начните с выделения текстового слоя (во вкладке Layers ), теперь нажмите и удерживайте клавишу Alt и нажмите один раз стрелку вниз, и стрелку вправо. Этот шаг создаст дубликат слоя и сдвинет его на один пиксель вниз и вправо. Теперь повторите процедуру несколько раз.



После того как вы создадите достаточно дубликатов, чтобы получить трехмерный вид, объедините все дублированные слои (не включая оригинал) и положите их снизу оригинального слоя. Теперь вам необходимо залить эту «тень» черным цветом, вы можете это сделать блокированием прозрачных пикселей и залить черным (либо применить в Blending options , Fill )



Смотрится еще лучше:)

Шаг 5 Последние штрихи
Перед использованием этого теста где-нибудь, я бы, сперва, хотел придать ему еще более интересный вид. Сперва я создал дубликат текстового слоя и объединил его с новым, пустым слоем, чтобы слить все стили. Теперь вы можете создать маску слоя и использовать какую-нибудь гранджевую кисть внутри этой маски, либо же использовать Eraser Tool . Обычно я предпочитаю пользовать масками, так что давайте создадим ее ( LayerLayer MaskReveal all ).

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



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

В самом конце я попробовал еще изменить цвета:



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

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

 

Комментарии 

 
# 2nge1 24.10.2008 23:23
А мне вот стало немного непонятно вот это:

Цитата:
После того как вы создадите достаточно дубликатов, чтобы получить трехмерный вид, объедините все дублированные слои (не включая оригинал) и положите их снизу оригинального слоя. Теперь вам необходимо залить эту «тень» черным цветом, вы можете это сделать блокированием прозрачных пикселей и залить черным (либо применить в Blending options , Fill )


Поясните? А так урок очень даже неплохой:)
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 25.10.2008 12:41
Цитирую Андрей:
Поясните? А так урок очень даже неплохой:)


Объедините все слои, кроме самого первого (который Вы многократно продублировали) . Для объединения необходимо их сначала выделить (в панели Layers, выделяйте слои удерживая клавишу shift, либо ctrl) все слои (кроме самого первого), теперь нажмите ctrl+e (это их объединит). Теперь у Вас есть новый слой из объединенных (назовем его Х). Сейчас его необходимо поместить под тот, самый первый текстовый слой (оригинал, из которого были созданы дубликаты и объединены). Зайдите в Параметры наложения (Blending options) слоя X, теперь выберите в диалоговом окне (слева окна), опцию Fill (Заливка цветом)

Андрей, если в объяснении есть что-то непонятное, уточните, что именно вызывает трудности.
Ответить | Ответить с цитатой | Цитировать
 
 
# 2nge1 25.10.2008 22:04
Цитата:
Для объединения необходимо их сначала выделить (в панели Layers, выделяйте слои удерживая клавишу shift, либо ctrl) все слои (кроме самого первого), теперь нажмите ctrl+e (это их объединит).


Спасибо большое - именно это и было не совсем понятно.
Ответить | Ответить с цитатой | Цитировать
 
 
# You_next 14.01.2009 19:34
"Начните с выделения текстового слоя (во вкладке Слои ), теперь нажмите и удерживайте клавишу Alt и нажмите один раз стрелку вниз, и стрелку вправо. Этот шаг создаст дубликат слоя и сдвинет его на один пиксель вниз и вправо. Теперь повторите процедуру несколько раз."

Удерживаю клавишу альт и нажимаю всё как есть ну ничего не происходит=( Что делать? Может что-то нитак..
Ответить | Ответить с цитатой | Цитировать
 
 
# yak off 02.02.2009 19:50
попробуй не альт, а шифт# You_next
Ответить | Ответить с цитатой | Цитировать
 
 
# Tuki 20.02.2009 22:16
;-) Спасибо, мне очень понравился этот урок)
Ответить | Ответить с цитатой | Цитировать
 
 
# M@ks 07.03.2009 19:19
Урок достаточно. Простой и быстрый. Эффект классный. Только не понял про брызги. Все таки зачем там пустой слой и дубликат слоя для слияния всех слоев?
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 08.03.2009 21:46
Не помню что было в уроке, но обычно пустой слой создается и объединяется с другим для того, чтобы слить стили этого, другого слоя.
Ответить | Ответить с цитатой | Цитировать
 
 
# Keot 16.03.2009 15:23
А зачем столько дубликатов делать если их потом не видно...
Ответить | Ответить с цитатой | Цитировать
 
 
# Adelkan 11.04.2009 20:43
помогите я не понимаю как это сделать!

Цитата:
Начните с выделения текстового слоя (во вкладке Слои ), теперь нажмите и удерживайте клавишу Alt и нажмите один раз стрелку вниз, и стрелку вправо. Этот шаг создаст дубликат слоя и сдвинет его на один пиксель вниз и вправо. Теперь повторите процедуру несколько раз.
Ответить | Ответить с цитатой | Цитировать
 
 
# Groove 06.07.2009 10:08
А можно гораздо проще сделать!
1) Установите основной цвет на чёрный(или нажмите D для установки настроек по умолчанию)
2) Ctrl + клик по слою с текстом, создаём новый слой под текстом. Нажмите стрелку вниз и вправо на клавиатуре по одному разу. Нажмите ALT-BACKSPACE для заливки чёрным. Один раз вниз и вправо, залейте чёрным. Каждый раз мы перемещаем на 1 пиксель вправо и вниз. И мы экономим много времени. Это я так для новичков написал :-)
Ответить | Ответить с цитатой | Цитировать
 
 
# nhhkkyhggjjkl 21.12.2009 21:55
Подскажите, что за ерунда такая... до этого качала спокойно и не задумываясь ШРИФТЫ и все было норм! А сейчас же... качаю все как всегда, ставлю, в фотошопе хочу использовать шрифт, а он мне ошибку выдает: тип, невозможно выполнить ваш запрос, произошел программный сбой!
Открываю скаченный файл, а там только цифры...
Ответить | Ответить с цитатой | Цитировать