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

Рейтинг: | Комментарии: (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



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


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

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


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

Пароль:

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


 
Новое на форумах:
11-02 05:49 Основные > Веб - дизайн > Puffs 60k : autonomie record et saveurs intenses (0)
11-02 05:39 Основные > Веб - дизайн > Vape Oltre 80K: Conviene Davvero nel 2026? (0)
10-31 04:58 Основные > Веб - дизайн > Vozol Neon 60k : Révolution du Réservoir Transparent&# (0)
10-31 04:55 Основные > Веб - дизайн > 20K Züge Vapes: Was bedeutet das? (0)
10-30 06:48 Основные > Программирование > Swing for the Fences: A Guide to the Delightful World of Doodle (0)
10-28 14:49 Основные > Веб - дизайн > 실제 경험으로 본 Ƹ (0)
10-28 04:26 Основные > Веб - дизайн > AiRMEZ 50K: è davvero tascabile? (0)
10-28 04:19 Основные > Веб - дизайн > Al Fakher Mega Max 40k/60K: Die neuen Riesen? (0)
10-27 15:07 Обсуждения > Обсуждение сайтов > Studiya.net (4)
10-26 12:41 Основные > Веб - дизайн > Conquer the Infinite Descent: Get Ready to Roll with Slope! (1)
Новые статьи:
Новые файлы:


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



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



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