-=ALL4US=-
Добро пожаловать на форум ALL4US!

Пожалуйста,зарегистрируйтесь или авторизируйтесь.



P.S. форумы "Всё для Web-мастеров" и "Заработок в сети" доступны только зарегистрированным.


На форуме проводится набор модераторов.Все заявки оставлять в этой теме


С уважением,администратор.

Профессиональная темная кнопка для веба

Перейти вниз

Профессиональная темная кнопка для веба Empty Профессиональная темная кнопка для веба

Сообщение автор GLADMAN в Пт Июл 31, 2009 12:11 am

В этом уроке вы научитесь создавать профессионально кнопки для веб-сайтов, а также использовать их в панели навигации.
Профессиональная темная кнопка для веба Professional-dark-web-button_fin


Приблизительное время выполнения: 10 минут

Шаг 1
Создайте прямоугольник с помощью Rectangle Tool (любого цвета) и растеризуйте его.

Профессиональная темная кнопка для веба Professional-dark-web-button1


Шаг 2
Затем добавьте Gradient Overlay: #252525, #595959 и #9a9a9a

Профессиональная темная кнопка для веба Professional-dark-web-button2


Шаг 3
Затем Stroke, цвет #424242

Профессиональная темная кнопка для веба Professional-dark-web-button3


Шаг 4
Создайте градиент прямо над центром кнопки и затем зайдите в Select/Modify/Contract и поставьте значение 1 пиксель, затем создайте новый слой и залейте его любым цветом, нажмите Ctrl + D и поставьте fill на 0%

Профессиональная темная кнопка для веба Professional-dark-web-button4


Шаг 5
Добавьте Stroke, от белого к прозрачному.

Профессиональная темная кнопка для веба Professional-dark-web-button5


Шаг 6
Ваша кнопка будет выглядеть приблизительно так:

Профессиональная темная кнопка для веба Professional-dark-web-button6


Шаг 7
Создайте новый слой и выделите область 1 пиксель высотой и залейте её градиентом типа Radial, от белого до прозрачного, начиная с середины и затем снимите выделение.

Профессиональная темная кнопка для веба Professional-dark-web-button7


Шаг 8
Теперь вы должны сделать то же самое, что и в седьмом шаге, но используя #4a4a4a в качестве цвета для градиента.

Профессиональная темная кнопка для веба Professional-dark-web-button8


Шаг 9
У вас должно получиться что-то подобное:

Профессиональная темная кнопка для веба Professional-dark-web-button9


Шаг 10
Создайте новый слой и выделите область, как показано внизу, залейте её градиентом типа Linear цвета от #dadada до прозрачного.

Профессиональная темная кнопка для веба Professional-dark-web-button10


Шаг 11
Наконец добавьте текст, используя шрифт Segoe размером 13 pt.

Профессиональная темная кнопка для веба Professional-dark-web-button11
GLADMAN
GLADMAN
Админ
Админ

Сообщения : 184
Очки : 384
Репутация : 2
Дата регистрации : 2009-05-31
Возраст : 27
Откуда : SnZ

http://snzteam.clan.su

Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения