Фотошоп для чайников | Уроки фотошопа
Фотошоп для чайников - портал для любителей фотошопа!
Меню сайта
Категории раздела
Обработка фото [109]
Текстовые эффекты [87]
Анимация [32]
Спецэффекты [142]
Веб-дизайн [40]
Тюнинг [9]
Фотомонтаж [62]
Кнопки [39]
Рисование [55]
Наша группа
Опрос
Уроки каких тематик вам наиболее интересны?
Всего ответов: 579
КтО ОнЛаЙн

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная - Уроки фотошопа CS5 на русском - Веб-дизайн - Профессиональная темная кнопка для веба

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

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

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

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

professional-dark-web-button1.jpg

Шаг 2

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

professional-dark-web-button2.jpg

Шаг 3

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

professional-dark-web-button3.jpg

Шаг 4

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

professional-dark-web-button4.jpg

Шаг 5

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

professional-dark-web-button5.jpg

Шаг 6

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

professional-dark-web-button6.jpg

Шаг 7

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

professional-dark-web-button7.jpg

Шаг 8

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

professional-dark-web-button8.jpg

Шаг 9

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

professional-dark-web-button9.jpg

Шаг 10

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

professional-dark-web-button10.jpg

Шаг 11

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

professional-dark-web-button11.jpg

Вы также можете сделать вот такую панель навигации, выполняя те же шаги.



Похожие материалы:


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

Хостинг от uCoz