Главная | Регистрация | Вход Привет Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
3d-кнопка
GeorgeДата: Четверг, 24.07.2008, 13:29 | Сообщение # 1
Самый главный!!!
Группа: Администраторы
Сообщений: 713
Репутация: 2
Статус:
Итак, делаем объемную кнопку (псевдо 3D). Сразу хочу оговориться, что во многом внешний вид ваших кнопки зависит от вас, от вашего воображения и даже смелости.

Для начала нарисуем контуры кнопки. Для этого воспользуемся инструментом Rounded Rectangle Tool (U) на панели инструментов:

Значение Radius выставляем равным 20 пикселей:

Вот что у вас должно получиться:

Далее мы должны перевести нашу фигуру в растр, т.е. в точечное изображение:

Теперь лезем в свойства слоя (Blending options) и выставляем следующие параметры:

Gradient Overlay:

Inner Shadow

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

Теперь мы должны как бы "склеить" свойства слоя с самим слоем. Для этого создаем новый слой ниже того, что с кнопкой. Выделяем верхний слой и жмем Ctrl+E, при этом два слоя соединяются в один. Обратите внимание на то, что теперь у слоя с кнопкой нет свойств, хотя внешний вид его остался прежним.

Дублируем наш слой с кнопкой и перекрашиваем его в красный цвет. Обрезаем лишнюю часть.

Получается:

Создаем новый слой и в нем рисуем круг, во много раз превосхо-дящий размер нашей кнопки, заливаем его белым цветом. Параметр Opacity слоя, в котором находится круг, выставляем равным 5-10% (по настроению), накладываем его так, чтобы он наезжал на кнопку и отрезаем лишнее (не пугайтесь, красную часть я просто скрыл):

Теперь рисуем разделитель для кнопки воспользуемся инструментом Pencil Tool

Полупрозрачность разделителя нужно сделать исходя из этого урока. Операцию можно повторить два раза, с верхней и нижней частью разделителя. Если вам кажется этот процесс сложным, можно отказаться от него вовсе.

Далее делаем легкое внутренне свечение кнопке. Выделяем в новом слое эллипс:

Заливаем его белым цветом. Далее Filter->Blur->Gaussian Blur и значе-ние Radius выставляем по настроению, например 10px. Немного подровнять и вот что вышло:

Все остальное зависит целиком и полностью от вашей фантазии:



 
CEMДата: Четверг, 04.09.2008, 15:22 | Сообщение # 2
Любитель Counter-Strike
Группа: Администраторы форума
Сообщений: 246
Бог сайта и форума
Репутация: 0
Замечания: 0%
Статус:
victory



 
MuSTuKДата: Воскресенье, 21.09.2008, 09:59 | Сообщение # 3
Полковник
Группа: Пользователи
Сообщений: 246
Репутация: 0
Замечания: 0%
Статус:
biggrin

 
  • Страница 1 из 1
  • 1
Поиск:


| Сайт Жоры:) © 2026 |