Главная | Регистрация | Вход | RSSСреда, 27.11.2024, 01:25

Уроки PhotoShop

Меню сайта
Категории раздела
Эффекты [44]
Работа с текстом [20]
Работа с фото [32]
Графика для сайта [5]
Дизайн/Рисование [6]
Анимация [4]
Практика [2]
Работа с планшетом [2]
Видео уроки [99]
Статистика

Уроки по фотошопу бесплатно

Главная » Статьи » Графика для сайта

Как сделать кнопки для сайта в photoshop

Найденные файлы
Сначала мы создаём новый документ.
С помощью Rounded Rectangle Tool (U) рисуем 
прямоугольник с закругленными углами (цвет #747474).


Выбираем Elliptical Marquee Tool (M), и рисуем
выделение как на изображении ниже:

Кликаем правой кнопкой на слое с прямоугольником и выбираем команду Rasterize Layer.
Далее щёлкаем правой кнопкой в центре нашего 
выделения и выбираем команду Layer via Cut.

Делаем двойной клик на новом слое, чтобы перейти 
к панели Layer Style. Применяем следующие настройки:

В итоге мы должны получить что-то вроде этого:

Далее выбираем Elliptical Marquee Tool (M)

и рисуем выделение как на изображение ниже:

Нажимаем delete

Затем нажмите комбинацию Ctrl + Shift + N , чтобы перенести выделение в новый слой.
На новом слое заливаем выделение любым цветом,
и переходим к панели Layer Style

Вот что мы получаем:

Возьмите Brush Tool (B), цвет белый, с настройками как на рисунке :

Ставим точку в правой верхней части круга, как показано ниже:

Далее выбираем слой Shape 1 (слой с основной частью кнопки)

и переходим к панели Layer Style со следующими настройками:

В результате получаем вот такую красивую кнопку:

Для достижения наибольшего эффекта, можно доработать нашу кнопку: добавить надпись и отражение.

Надеемся у вас все получилось, и вы довольны своей кнопкой.

Пусть только попробуют на нее не кликнуть!

Найденные файлы

Категория: Графика для сайта | Добавил: Uroki-Photoshop (03.09.2009)
Просмотров: 4875 | Комментарии: 2 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Интересное
Форма входа
Поиск

Copyright MyCorp © 2024
Создать бесплатный сайт с uCoz