Создайте кнопки в стиле Vista используя только стили » Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков

Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!

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

21.07.2008Категория урока: Кнопки и Иконки

В этом уроке я покажу вам, как создать кнопки в стиле 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/

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

+news2.ru +ВааУ.ru +newsland.ru +СМИ2.ru +del.icio.us +bobrdobr.ru +memori.ru +RUmarkz +Mister Wong +Мое Место

Похожие уроки photoshop:


ВНИМАНИЕ! Столкнулись с трудностями при выполнении данного урока? Осталось что-то, что Вам непонятно? Забыли основы работы в Adobe Photoshop? Не расстраивайтесь! Решение всех Ваших проблем находится прямо здесь: "Начальный Курс Photoshop!" - Это Бесплатный Мультимедиа-Курс от Авторов Данного Сайта, пройдя который Вы сможете назвать себя мастером качественной работы в известнейшем графическом редакторе! Узнать о курсе подробнее, а также подписаться на него можно, перейдя на страницу курса: Начальный Курс Photoshop! Подпишитесь и пусть все завидуют тому, как легко и быстро Вы создаете шедевры в Adobe Photoshop! Ждем Вас!




6 комментария(-ев) к уроку “Создайте кнопки в стиле Vista используя только стили”

  1. Пасиб :!: :!: :!: :!:

    Юра

  2. А если попробывать к примеру еще и текст в переламутре сделать, а так очень здорова смотрится! Пробовал я в corel draw трудностей много, так как у программы не такой большой функционал как у фотошопа.

    копирайтер

  3. непонятно описано в 6 и 7 шаге

    Delit

  4. уроком назвать нельзя аписания действий нужно писать подробнее нажал туда сделал это итд а то сдесь просто картинки

    killop

  5. спасибо :)
    а в corel draw photo-paint это тоже делается, только инструменты не так называются да и слоев там нет как таковых - вместо них копии объектов

    anton-sf

  6. 4-5 шаги ваще не понятны

    roman

Прокомментировать урок

 


Rambler's Top100