Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков

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

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

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

Шаг 4

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

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

Результат

Шаг 5

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

Результат

Шаг 6

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

Шаг 7

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

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

Вот и всё!

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

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

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

Популярность: 12%