Кнопка в стиле Vista

кнопка

Снова попробуем сделать кнопку для сайта, теперь уже в стиле Vista.

Этапы:

1. Создайте новый документ 230px шириной и длиной 90 px. Фон – прозрачный.

2. На панели инструментов выберите  “прямоугольник со скругленными краями” Rounded Rectangle Tool:

прямоугольник

со следующими настройками (их вы найдете под горизонтальным меню): слой-фигура, прямоугольник со скругленными краями, радиус 5 пикселей, цвет — черный.

и нарисуйте кнопку:

2011-03-18_1351

3. Теперь зайдите в Blending Options (это Параметры наложения в русской версии) двойным щелчком мыши по слою и выставьте следующие параметры обводки, внешнего свечения, внутреннего свечения и градиента:

Внешнее_свечение

внутреннее_свечение

Обводка

наложение_градиента

4. Меняя градиент, во вкладке “Наложение градиента” (Gradient Overlay) кликаем по миниатюре градиента и попадаем в редактор градиента:

редактор_градиента

Здесь в позиции 0% выставляем цвет #148791, в позиции 73% – цвет  #000f1b и в позиции 100% также цвет #000f1b. Все цвета 100% непрозрачности.

5. Возьмите инструмент “Прямоугольное выделение” и выделите область кнопки так, как показано на скриншоте:

выделение

6. Создайте новый слой. Теперь кликните по миниатюре кнопки на слое, одновременно удерживая клавиши Alt + Ctrl + Shift, как показано стрелкой на скрине:

стрелка

Обведенной окажется часть кнопки:

выделение части кнопки

7. Выставьте цвет переднего плана – белый и залейте выделение белым цветом (активный слой – верхний), используя инструмент “Заливка”

8. Уменьшите непрозрачность нового слоя до 20%:

непрозрачность_слоя

Add a Comment

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая кнопку «Отправить комментарий», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта

На нашем Портале графики вы узнаете все о Photoshop и обо всем, что связано с дизайном. Все уроки имеют подробное описание и скриншоты, поэтому будут особенно полезны для начинающих дизайнеров. Вы познакомитесь и с другими программами графики и работой в них. Например, Gimp - отличный бесплатный редактор, в котором вы можете проводить полноценную обработку фото. Наша коллекция дополнений сделает вашу работу более легкой и приятной. Вы можете стать нашим соавтором и заработать. Добавляйте новости на сайт через удобную форму обратной связи, размещать дополнения фотошоп со ссылкой на файлообменники. Если вам понравились наш сайт, то не забудьте подписаться на рассылку или rss, поделиться с друзьями в социальных сетях или добавить в закладки!