demaker.ru ||| здесь куют дизайн (тм)  
Знания > Создание «хромированных» надписей
Автор: © Михаил Сергеенко
Добавлено: 2005-10-07 11:52

Рейтинг:
Пока не оценено   
0
| Комментарии: (0)


Автор данного эффекта - Дик Мак-Клелланд (Deke McClelland).

<hr size="1">

1. Начальное изображение - 470х150 точек.
Слово "Chrome" набрано шрифтом Ambradem высотой 132px. Здесь вы можете скачать файл в формате PSD, в котором этот текст уже отрастеризован (это на тот случай, если у Вас нет такого шрифта, но Вы хотите в точности повторить все пункты этой статьи). Вы, естественно, можете использовать любой другой шрифт, однако, Вам понадобится корректировать переменные значения некоторых стилей слоя.

Цвет текста R-130/G-0/B-130. Для самого эффекта цвет текста абсолютно не важен, я задал его лишь для того, чтобы более наглядно продемонстрировать промежуточные шаги, необходимые для достижения качественного результата.

<center></center>

<hr size="1">

2. Далее необходимо применить к этому слою три стиля: Inner Shadow, Inner Glow, Bevel and Emboss.


<center>

</center>

<center></center>


После применения всех трех стилей надпись будет выглядеть вот так:

<center></center>

<hr size="1">

3. Создайте новый слой (он должен находиться над слоем с текстом), залейте его градиентом из черного в белый, например по вертикали, и сгруппируйте этот слой с низлежащим (Ctrl+G).

Результат Вы видите на нижней картинке. Уже не плохо выглядит! Осталось только добавить цвет.















<center></center>

<hr size="1">

4. Создайте новый Layer > New Adjustment Layer > Curves, нажмите "Ok", после чего, в появившемся окне регулировки кривых, добейтесь максимального сходства кривых с теми, что видите на картинках снизу. Либо просто загрузите готовый профиль из файла, который можно скачать здесь. Цвет задается регулировкой кривых в отдельных каналах, кривую Master (RGB) трогать не обязательно.


<center> </center>
<center></center>

Результат Вы видите ниже. Великолепно, не правда ли? Но это еще не все! Читайте дальше!

<center></center>

<hr size="1">

5. Вернитесь на слой с градиентом. Перерисуйте градиент в другом направлении, например, сверху вниз, а потом справа на лево, а затем наоборот. Смотрите как меняется окрас нашей надписи! Просто фантастика, простым градиентом можно добиться такого множества эффектов! Обратите внимание на то, что градиент обязательно должен быть из черного в белый цвет. Никаких других цветов! Никакой прозрачности!


<center></center>
<center></center>
<center></center>

<hr size="1">

6. И в завершении я расскажу о том, как избежать появления шума по краям букв. Во всем виноват anti-aliasing. Шум появляется в результате воздействия слоя, корректирующего кривые, на точки по краям букв, смешанные с фоном. Достаточно отключить отображение фона - и этот неприятный эффект пропадает. После отключения фона произведите слияние видимых слоев (Layer > Merge Visible (Ctrl+Shift+E)). Теперь можно включать отображение фона.


<center></center>





psd.ru



Смотри также:


Комментарии:

Пока комментариев нет


 
Навигация:
Меню пользователя:
Вы не вошли!
Логин:

Пароль:

Запомнить тебя?


 
Новое на форумах:
10-27 15:07 Обсуждения > Обсуждение сайтов > Studiya.net (4)
10-26 12:41 Основные > Веб - дизайн > Conquer the Infinite Descent: Get Ready to Roll with Slope! (1)
10-26 10:27 Основные > Веб - дизайн > A Beginner's Guide to Dominating the 8 Ball Pool Table (2)
10-24 05:20 Основные > Веб - дизайн > Bang King 85K 3-en-1: Le Meilleur Guide? (0)
10-24 05:18 Основные > Веб - дизайн > Al Fakher 60K vs. 40K: Welcher High-Puff Vape? (0)
10-24 04:20 Основные > Веб - дизайн > Stickers ongles sur mesure : l'alternative manucure idéale (0)
10-24 04:13 Основные > Веб - дизайн > Badehose selbst gestalten: Minimalistisch packen für den pe (0)
10-23 09:46 Основные > Веб - дизайн > 편하게 알아보는 ᄵ (0)
10-23 06:46 Основные > Программирование > Destroy Planets for Fun: A Guide to Playing Solar Smash (0)
10-21 20:23 Основные > Веб - дизайн > 처음 이용하는 분Ꮽ (0)
Новые статьи:
Новые файлы:


Наши спонсоры:



0 пользователь(ей), 9 гость(ей) :



Copyright © 2002-2007 Demaker.Ru v.2 ?
Контактная информация
При использовании материалов ссылка на Demaker.ru обязательна