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

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

Создайте кнопки в стиле Vista используя только стили

create-vista-buttons-using-styles-onlybonus.jpg

Шаг 1

Примените немного (не имеет значения какого) цвета к выбранной области

create-vista-buttons-using-styles-only1.jpg

Шаг 2

Теперь поработаем со стилями. Сначала выберите цвета для градиентов, наиболее подходящие для создания эффекта стекла.

Я использовал: #656a6d - #000000; #434343 - #dedede;
Получилось что-то вроде этого:

create-vista-buttons-using-styles-only2.jpg

Шаг 3

Примените стиль градиентов к слою и вы увидите следующее:

create-vista-buttons-using-styles-only3.jpg

Шаг 4

Добавьте немного штрихов к слою

Я использовал однопиксельный темный штрих

create-vista-buttons-using-styles-only4_1.jpg

Результат

create-vista-buttons-using-styles-only4_2.jpg

Шаг 5

Примените ещё один внутренний штрих, поскольку это невозможно, мы использвали “Inner Glow”.

create-vista-buttons-using-styles-only5_1.jpg

Результат

create-vista-buttons-using-styles-only5_2.jpg

Шаг 6

Кнопка почти готова, кроме одной мелочи - маленьких закругленных углов. Я использовал прямоугольник со скругленными углами и выбрал мягкие углы (не забывайте удерживать Shift, пока выбираете прямоугольник). Чтобы лучше понять, что вы делаете, отключите стили слоев.

create-vista-buttons-using-styles-only6.jpg

Шаг 7

Снимите выделение со всех углов кроме верхнего левого, а затем нажмите Del. Чтобы выбрать и удалить остальные углы, вы можете трансформировать выделение (Select->Transform selection), либо скопируйте верхний левый угол в другой слой и после этого отредактируйте. Второе решение предпочтительнее, потому что вы получите абсолютно идентичные углы.

Включите стили и вы увидите следующее:

create-vista-buttons-using-styles-only7.jpg

Вот и всё!

Вы можете сравнить мой результат с скриншотами из Vista.

create-vista-buttons-using-styles-onlyvista.jpg

Сохраните стиль для последующего использования (Blending Options->New style)



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


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

Хостинг от uCoz