Приветствую Вас, Гость! Регистрация RSS

.::Public CepBep[rus]::.

Вторник, 12.11.2024
Главная » 2010 » Январь » 3 » Создайте кнопки в стиле Vista используя только стили
20:01
Создайте кнопки в стиле Vista используя только стили

В этом уроке я покажу вам, как создать кнопки в стиле Vista, используя только стили слоев в Photoshop.

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

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

Шаг 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)

Источник: http://thenotsimple.com/2007/10/18/create-vista-buttons-using-styles-only/

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