Меню сайта
Форма входа
Уроки Photoshop
Эффекты
Анимация
Текст
Работа с фото
Web-дизайн
Поиск







Среда, 15.01.2025, 08:00ГлавнаяРегистрацияВход
Best Photoshop
Приветствую Вас Гость |
Главная » 2011 » Февраль » 23 » Профессиональная кнопка для панели навигации
13:38
Профессиональная кнопка для панели навигации
В этом уроке вы научитесь создавать профессиональные кнопки для веб-сайтов, а также использовать их в панели навигации. 

    

Шаг 1

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




Шаг 2

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








Шаг 3

Затем Stroke, цвет #424242










Шаг 4

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




Шаг 5

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












Шаг 6

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




Шаг 7

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







Шаг 8

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







Шаг 9

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




Шаг 10

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




Шаг 11

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


Категория: Web-дизайн | Просмотров: 554 | Добавил: Zander94 | Теги: навигационная панель, навигация, Кнопки | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Copyright MyCorp © 2025