Уроки Веб и приложения Creativo 7 июля 2007

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

Сложность урока: Средний

В этом уроке Фотошоп мы нарисуем кнопку в стиле Windows Vista.

Создаём новый документ (ширина=230, высота=180).
Фон заливаем тёмно-серым цветом (#2a2a2a).

Выбираем инструмент Rounded Rectangle Tool (), в настройках для параметра radius выберите значение равное 5 px, и рисуем прямоугольник с закругленными концами чёрного цвета:

Добавим несколько стилей к нашей будущей кнопке, идём в
Layer > Layer Style> Blending Options, и делаем всё как показано ниже:

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

Нажимаем Ctrl + Shift + N, чтобы создать новый слой.
Зажимаем Ctrl + Shift + Alt и кликаем на иконке слоя с кнопкой.
Далее идём в Select > Modify > Contract и выставляем значение в 1 px.

Используя инструмент заливка заливаем выделение белым цветом.

Снижаем прозрачность слоя до 20%.

И в конце нам осталось добавить какую-нибудь надпись. Например, название нашего сайта :)

До встречи на www.creativo.one!

Источник: www.photoshop-pack.com

81 тыс. 148
Печать Жалоба

Комментарии 148

Делал строго по инструкции, правда бирюзовый цвет пришлось определять Eyedropper'ом со скриншота

Спасибо за перевод!

Спасибо за урок

Спасибо за урок

Спасибо за урок!

Мой вариант кнопки)

Спасибо! Простая кнопка.

Спасибо=)

хороший урок)

Спасибо за урок.

У кого фотошоп руссифицированный, тому будет сложно разобраться с английскими названиями. Неплохо было бы сразу перевести)

Спасибо за хороший урок!

Спасибо за урок

Спасибо за урок) Очень легко)

Спасибо классный урок)) 3-ю кнопку за сегодня делаю) мне кажется на 5)

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее