20:01 Создайте кнопки в стиле Vista используя только стили | |
В этом уроке я покажу вам, как создать кнопки в стиле Vista, используя только стили слоев в Photoshop.
Приблизительное время выполнения: 5 минут Примените немного (не имеет значения какого) цвета к выбранной области
Шаг 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/ | |
|
| |
| Всего комментариев: 0 | |










