поиск:
Замечено, что красиво сработанные заголовки и названия действуют на заказчика очень ободряюще. Потому продолжаем учиться оформлять буквы :). Еще одна достаточно распространенная Web2.0 фича - ПЛАСТИКОВЫЕ БУКВЫ. Работаем со свойствами слоя...
Открываем Photoshop. Для фона настраиваем цвет #373737. Затем открываем новый документ с параметрами указанными на рисунке:
открываем новый документ
Открыли, теперь переопределяем цвета: - фон (#225157); передний план (#59cdd0)
переопределяем цвета
Выбираем в панели инструментах курсор для текста, настраиваем шрифт, размер, цвет (я выбрал банальный Arial, размер 90pt, цвет черный). Вы можете выбрать свои настройки шрифта, но цвет надписи должен быть черным. И пишем в документе заголовок (понятно дело, я написал "PsdTalk")
шаг 1
Теперь в палитре слоев (Layers) над фоном появился новый слой - слой с надписью "PsdTalk". Переводим этот слой из текстового формата в обычный - в формат картинки. Для этого в палитре слоев (Layers) кликаем левой клавишей мыши на строчку слоя "PsdTalk" и в открывшемся локальном меню выбираем действие "Rasterize layer".
переводим текстовой слой в режим картинки
Теперь создаем копию слоя с надписью - снова кликаем левой клавишей мыши на строчку слоя "PsdTalk" и в локальном меню выбираем действие "Duplicate layer".
создаем копию слоя с надписью
Теперь исходный слой с надписью немного размываем. Для этого идем: "Filters > Blur > Gaussian blur". В настройках фильтра Gaussian blur для размера радиуса выбираем значение: 2.0 pixeles.
размываем исходный слой с надписью
Теперь картинка выглядит так:
Продолжаем. Объединяем оба слоя с надписью в один слой. Для этого в палитре слоев (Laeyrs) выбираем самый верхний слой и жмем на клавиатуре Ctrl + e.
объединяем слои с надписью
Теперь у нас опять два слоя: фон и немного размытая черная надпись. Осталось самое интересное, теперь настраиваем свойства слоя с надписью. Для этого нам надо перейти в редактор свойств слоя (Layer Style). Это делается просто - двойной правый клик на строчку слоя в палитре (Laeyrs) и перед вами откроется окно Layer Style.
открываем Layer Style
В редакторе Layer Style слева расположен список свойств слоя, справа панель с ползунками и переключателями для настройки этих свойств. Мы настроем только два свойства:
  • 1) Outer Glow (Внешнее Свечение);
  • 2) Gradient Overlay (Градиент);
Для того чтобы перейти к настройке определенных свойств слоя, кликните мышкой на название этого свойства в левой панели редактора Layer Style, а затем настройте каждое свойство в соответствие с рисунком. Внимательно смотрите на рисунки – постарайтесь повторить у себя все положения ползунков и переключателей.
1.Outer Glow (Внешнее Свечение):
настройка Outer Glow
2.Gradient Overlay (Градиент):
настройка Gradient Overlay
Ну вот теперь всё! Жмем "Ok" в окне Layer Style и получаем ПЛАСТИКОВЫЕ БУКВЫ:
пластиковые буквы
Если что-то ни как не получается, качайте PSD файл со всеми слоями и настройками от сюда:
Перевод и доработка: Ikarushka
в тему:
собираю на хостинг
ЯндексЯндекс. ДеньгиХочу такую же кнопку
Добавить комментарий
Обязательные для заполнения поля помечены знаком *
Если у Вас возникли проблемы с чтением кода, нажмите на картинку с кодом для нового кода.
 
облоко тегов:
подарки к Новому году и Рождеству:
handmade подарки на Новый год и Рождество
толковые блоги:

www.designformasters.info

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

www.nomagic.ru

Еще один мощный ресурс. Ориентирован на решение проблем создания сайтов как таковых. Много теории. Отличные переводы.

www.dimox.name

Просто если вдруг кто еще не знает. Практик от верстки - обалденный блог!

 
BUKI :) DUKI © 2008 ПРИ КОПИРОВАНИИ МАТЕРИАЛОВ НЕ ЗАБУДЬТЕ ПОСТАВИТЬ АКТИВНУЮ ССЫЛКУ WWW.PSDTALK .RU