PHOTOSHOP



ДЕЛАЕМ 3D КНОПКУ - Форум
Главная | Регистрация | Вход

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » УРОКИ PHOTOSHOP » Графика для сайта » ДЕЛАЕМ 3D КНОПКУ
ДЕЛАЕМ 3D КНОПКУ
VeraДата: Воскресенье, 16.08.2009, 20:46 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 46
Репутация: 0
Статус: Offline
Итак, делаем объемную кнопку (псевдо 3D). Сразу хочу оговориться, что во многом внешний вид ваших кнопки зависит от вас, от вашего воображения и даже смелости.

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


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

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

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

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

Gradient Overlay:


Inner Shadow

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

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

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

Получается:

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



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


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


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


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


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

 
Форум » УРОКИ PHOTOSHOP » Графика для сайта » ДЕЛАЕМ 3D КНОПКУ
  • Страница 1 из 1
  • 1
Поиск:

Форма входа
Наша кнопка
  • Реклама
    Graffiti Decorations(R) Studio (TM) Site Promoter VALLEZ-ToP SEO services - site-submit.com.ua
    Наш опрос
    Оцените мой сайт
    Всего ответов: 10
    Copyright MyCorp © 2024