Главная >> Эффекты с текстом >> Шикарный металлический текст в фотошопе

Шикарный металлический текст в фотошопе

Автор: Виктория   
12.04.2010 19:39

металлический текст фотошопВ этом уроке Фотошопа вы узнаете, как создать "металлический" текст с подсветкой сверху и тенью. Мы будем использовать базовые трансформации в photoshop, некоторые фильтры и действия (Actions), чтобы добиться нужного результата. Итак, начнем :)

 




Как всегда в самом начале урока результат. Если есть желание, можете даже скачать и просмотреть его в формате PSD.


Шаг 1

Перед началом, можете скачать и установить себе шрифт, который используется в этом уроке. Создаем документ с размерами 900 px на 600 px и разрешением 300 pixels/inch. Заполняем фоновый слой цветом #332222. Выбираем белый, как цвет переднего плана. Пишем нужный текст (размер здесь взять 36, но можете поменять).

 

Шаг 2

Создаем новый слой, назовем его "Metal" и заполним 90%-ым серым. Идем Filter > Render > Lens Flare (Фильтр > Освещение > Блик) и устанавливаем следующие настройкиs: Brightness (Яркость) > 125, Lens Type (Тип блика) > 50-300mm Zoom. Теперь идем на палитру слоев и зажимаем Alt между слоями "Awesome" и "Metal", чтобы получилась маска для слоя "Metal".

 

Шаг 3

Выбираем слой "Awesome", открываем Blending Options (Опции смешивания) и выбираем там Drop Shadow (Падающая тень) со следующими настройками: Blend Mode (Тип смешивания) > Multiply (Умножение), Opacity (Непрозрачность)> 75%, Angle (Угол)> 90, Distance (Расстояние)> 2px, Size (Размер)> 8px. Затем применяем Bevel and Emboss (Скос и Рельеф) со след. настройками: Style (Стиль) > Inner Bevel (Внутренний скос), Depth (Глубина)> 100%, Direction (Направление)> Up (Вверх), Size (Размер)> 0, Angle (Угол)> 90, Altitude (Высота) > 65.

 

Шаг 4

Выбираем слой "Background", идем Filters > Render > Lens Flare (Фильтр > Освещение > Блик) меняем Brightness (Яркость) на 100% и жмем ОК. Теперь идем Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие Гаусса) и ставим Radius (Радиус) 45 px. Далее следуем Image > Adjustments > Hue/Saturation (Изображение > Настройки > Оттенок/Насыщенность) и ставим Lightness ("Светлость") -20.

 

Шаг 5

Выбираем слой "Awesome" и топаем Select > Load Selection (Выделение > Загрузить выделение), создаем новый слой над слоем "Background" и называем его "Shadow". Заполняем выделение черным цветом.

 

Шаг 6

Теперь займемся тенью. Для этого мы увеличим наш рабочий холст, через пару минут поймете зачем. Итак, идем Image > Canvas Size (Изображение > Размер холста). Нажмите на нижнюю среднюю стрелку, убедитесь, что галоска возле Relative (Относительный) не стиот. Выставляем высоту 1600 px и жмем ОК. Выбираем слой "Background", устанавливаем Vertical guide (Вертикальную направляющую), для этого нам нужно сделать видимыми Rulers (Линейки), идем View > Rulers (Вид > Линейки) и вытягиваем сбоку вертикальную направляющую в центр нашего документа. Дальше выбираем слой "Awesome".

 

Шаг 7

Теперь займемся самым интересным -Actions (Действия или, в народе, просто Экшны). Создадим экшн, чтобы надлежащим образом бросить тень. Идем Window > Actions (Окно > Действия), чтобы открыть панель Действияl. Открываем меню этой панели и выбираем New Set (Новый набор), назовем его "Shadow" и кликнем ОК. Теперь жмем кнопку New Action (Новое действие), назовем его "Drop" и нажимаем на Record (Запись), чтобы начать записывать. Запись экшна это полезная вешь, если нужно сделать много одинаковых операций.

 

Шаг 8

Первой, что мы сдемаем, это продублируем слой "Shadow", нажав CTRL+J. Затем жмем CTRL+T, чтобы появилась рамка Free Transform (Свободная Трансформация), перетаскиваем центр трансформации на верхнюю грань документа, как показано на рисунке ниже. Теперь устанавливаем вертикальный (W) и горизонтальный (H) масштабы 100,2% и клацаем Enter. И на последок идем на панель экшнов и жмем кнопку Stop (Стоп). Ну мы закончили запись действия, теперь пора его воспроизвести.

 

Шаг 9

Убедитесь, что выбран слой "Shadow copy " и следуйте на панель действийl, сперва выбираем наше Drop Action, затем нажимаем кнопку Play (Проиграть) 12 раз. Затем выбираем все содданныей слои с тенью и кликаем CTRL+E, чтобы их обьединить.

 

Шаг 10

Идем Filter > Blur > Radial Blur (Фильтр >Размытие >Радиальное размытие), передвигаем Blur Center (Центр размытия) вверх и применяем следующие настройки: Amount (Величина) > 3, Blur Method (Способ размытия) > Zoom, Quality (Качество) > Best.

 

Шаг 11

Будем заканчивать с тенью. Жмем CTRL+T и передвигаем центр трансформации вверх (опять). Сдвигаем нашу тень вниз, удерживая SHIFT. Затем идем Filter > Blur > Gaussian Blur (Фильтр >Размытие >Размытие Гаусса) и ставим Radius (Радиус) 2 px.

 

Поздравляю, мы сумели! :)

Теперь возьмите инструмент Crop tool (Обрезка) и верните размеры нашего холста в исходное состояние. Вот и все, надеюсь вы чему-нибудь научились (желательно хорошему и полезному).



Оригинал: psawesome.com

Перевод: Виктория для сайта graphic-tutorials.ru

При копировании урока активная ссылка на сайт graphic-tutorials.ru обязательна!


P.S. Как всегда жду комментарии :)

Комментарии (45)


Показать/скрыть комментарии
...
прикольно!
CaHek , 16-04-2010
...
Тока где шрифт скачать?
CaHek , 16-04-2010
...
В первом шаге есть ссылка, присмотритесь! =)
Basfito , 16-04-2010
...
Спасибо за урок текст очень понравилсяsmilies/cheesy.gifsmilies/cheesy.gifsmilies/cheesy.gif
Kim600 , 26-04-2010
...
подскажите,пожалуйста!

у меня проблема!в фотошопе рисует только черно-белые цвета!как сделать цветной????smilies/sad.gif
?@8=F5AA:0 , 04-05-2010
...
Image - Mode - RGB
Basfito , 04-05-2010
...
спасибо,Вам большое!!!!!!!!!!!!!!!
?@8=F5AA:0 , 05-05-2010
...
ВОт) сделал, вроде хорошо)
ИГорь Золотько , 05-05-2010
...
Игорь, шикарно!
Артемий , 08-05-2010
...
Огромное спасибо за урок!
alex2218 , 09-05-2010
...
Отличный урок.Но он работает с так сказать строгими шрифтами.


Эльмир , 18-05-2010
...
Вот чуточку доделал.

Игорь Золотько , 30-05-2010
...
Добрый день! Как сдвинуть тень (спомошью клавиши SHIFT) откуда ее сдвинуть и куда?
Levdon , 02-06-2010
...
Зажимаешь shift,хватаешь угол трансформируемой рамки(смотри на рисунок)и тянешь как тебе угодно. shift для того чтобы все тянулось пропорционально.
Эльмир , 30-06-2010
...
застрял на 1м шаге smilies/grin.gif как заполнить фоновый слой цветом #332222 ???
DImaster , 15-08-2010
...
нашел заполнение фонового цвета, но восстала другая проблема,не могу найти "Опции смешивания", есть только "параметры наложения"! может у меня фотшоп старенький? cs3 всё-таки ))
DImaster , 15-08-2010
...
Ужас какой-то. Да кому эта каша-малаша нужна. Такую тягомотину развели ради херовенького результата. всё это делается проще и в 10 раз быстрее. Упиваетесь тасовкой слоёв.
Артур , 25-08-2010
...
DImaster , "Параметры наложения" это оно. Извините, что раньше не ответила, не было возможности.
Насчет старенького Фотошопа, то у меня у самой до сих пор CS3, только англоязычный. Мне с ним удобней работать, а команды переводить не всегда получается точно. За этот грешок, очень сожалею, работаю над собой...

Артур, напишите, как быстрее. Я думаю, все кто заинтересован будут очень рады, если Вы поделитесь опытом.
Виктория , 25-08-2010
...
Спасибо, Виктория, за ответ. Вы очень вежливы! Извините за предыдущий
резковатый тон. Я никакой не мастер, хотя учителя были очень приличные,
художники-дизайнеры. От них и набрался.
А быстрее, при таком маленьком тексте, легче всё сделать вручную.
Конечно при определённом художественном опыте.
Образовать слой падающей тени, хоть на 100 %, без глобального освещения.
Растушевать пикселей на 40.
Выделяя по букве, исказить, как угодно по вкусу.
А уж эффектов освещения в фотошоп - непочатый край возможностей.
А заливки там, градиенты, тиснения и обводки - опять по вкусу.
Подобная надпись получается минут за 10-15, если аккуратно.
Ну и Вам непростительно в документе 800х600 ставить 300 пикс.
Это спичечная коробка. Что будет в растре? Иконка разьве что.
С уважением, Артур.
Артур , 18-09-2010
...
"Ну и Вам непростительно в документе 800х600 ставить 300 пикс..."
Артур, я бы может и по-другому сделала, только в этих уроках от меня требуется всего перевод.
А вот чтобы самостоятельно писать, до этого я точно не скоро дойду.
Виктория , 18-09-2010
...
Здравствуйте.У Вас на сайте текс статьи залазит на боковой фон.Может быть стоит залесть в код и поколдовать что бы всё было на уровне.Это ведь не сложно.
laskavaya , 23-11-2010
...
Ну и Вам непростительно в документе 800х600 ставить 300 пикс.
Это спичечная коробка. Что будет в растре? Иконка разьве что.
- Артур, при переводе данного документа в растр, имеющий разрешение 72 dpi (для растра больше и не нужно), получится никак не иконка. Для документа высокого разрешения можно задать практически любой размер без потери качества. Т.е. можно при изменении разрешения еще и нужный размер изображения поставить.
MasterAme , 26-11-2010
...
тяжело заделать для новичку smilies/angry.gifsmilies/angry.gifsmilies/angry.gifsmilies/cry.gif
AZA , 17-01-2011
...
Шаг 5

Выбираем слой "Awesome" и топаем Select > Load Selection (Выделение > Загрузить выделение), создаем новый слой над слоем "Background" и называем его "Shadow". Заполняем выделение черным цветом.

вот я сделал выделение, и что с ним делать?
Хлеб , 05-02-2011
...
не отвечайте на мой бред)) все сделал) все просто и понятноsmilies/smiley.gif
Хлеб , 05-02-2011
...
Вот здесь урок полегче будет для новичков http://www.portaldesign.ru/les...ogo-teksta
olga25 , 14-02-2011
...
в какой версии фотошопа вы это делали, а то у меня не почучается(((вот это :Выбираем слой "Background", идем Filters > Render > Lens Flare (Фильтр > Освещение > Блик) меняем Brightness (Яркость) на 100% и жмем ОК. Теперь идем Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие Гаусса) и ставим Radius (Радиус) 45 px. Далее следуем Image > Adjustments > Hue/Saturation (Изображение > Настройки > Оттенок/Насыщенность) и ставим Lightness ("Светлость") -20.
Блинов Сергей , 07-03-2011
...
вот и у меня получилось))))
Блинов Cергей , 09-03-2011
...
У меня CS5, поэтому по названиям меню разногласия, но старался повторять
Evgeny , 19-03-2011
...
Подскажите пожалуйста как заполнить фоновый слой цветом #332222
megaredaktor , 31-03-2011
...
подскажите пожалуйста в шаге 6 как сделать Vertical guide?smilies/shocked.gif
ыыы , 01-04-2011
...
извините а подскажите пжл как в шаге 8 сделать такую синюю полоску или это просто так показано куда центр относить?
Ilia , 08-04-2011
...
Ilia, там никаких полосок нету. Лишнего ничего дорисовывать не нужно.
Виктория , 08-04-2011
...
здравствуйте
спасибо за урок он очень поучительный
только я застряла на 10-м шаге
когда нажимаю ctrl+ e
и ничего не происходит
как быть спасибо
jenjen , 27-04-2011
...
закрыла открыла и заработало но результат совсем не тот
jenjen , 28-04-2011
...
Застраял на 10ом шаге, нужно сделать действие (actions) умну в сs5 нет такой опции в меню, что можете посоветовать?
art-clochar , 22-07-2011
...
Пардон, на 7ом шаге остановился.комментом выше ошибся
art-clochar , 22-07-2011
...
блин(
у меня в фильтре мало того что освещения нет... и блика никакого нет...
eile , 19-08-2011
...
В пункте экшн не могу найти. Пункт "действие". Что делать или название другое?
Игорка , 18-12-2011
...
Уже разобрался. "Операции" называется.
Игорка , 18-12-2011
...
Не очень урок понравился, так как долго искал нужные элементы! В CS5 они либо называются по другому либо, извините автор немного глуповат!
ПавелКок , 08-01-2012
...
где установку Vertical guide (в 6 шаге) подскажите плиз
Sasha00000 , 28-01-2012
...
Как в 5 шаге выделить текст, чтобы без рамки получился? А то при заливке, все, кроме текста заливается)
Polina , 27-03-2012
...
yeaaaah!спасибо!
Polina , 27-03-2012
...
Подскажите пожалуйста Если фон оранжевый какой для него взять цвет вместо 90 % серого? Или и этот нормально ? Заранее спасибо smilies/wink.gif
Kira , 11-12-2014

Написать комментарий

меньше | больше

busy