Реклама
REKLAMA
Стать автором

Если вы хотите принять участие в развитии проекта ps-tutorials.ru с выгодой для себя (вы публикуете материалы, а мы платим деньги за вашу работу). Просим написать нам через обратную связь.

Создан: 19 январь 2013

Красные состаренные кнопки

Сегодня я расскажу как создавать кнопки, стилизованные под стикеры с небольшими потёртостями. Для наглядности сделаю их красными.

 

Создам чистый слой и залью холст цветом #D1CEC7. Оставлю его на время в покое и создам еще один слой, назвав для удобства «Красная кнопка», нарисую в нем белый круг радиусом 52 пикселя, и добавлю слою стиль (Blending Options), Тень (Drop Shadow):

Создав третий чистый слой нарисую в нём круг, используя цвет #B23C3C. Сделаю его немного меньше предыдущего, чтобы получилась белая каемка как на образце:

Затем, на панели с инструментами выберу инструмент Кисть (Brush). Мне понадобится кисть Rough Rounded Bristle . Она располагается в конце списка стандартного набора кистей. Основным цветом установлю белый. Далее следует создать четвертый новый слой, сделав кистью несколько мазков в произвольном направлении. После выберу инструмент Ластик (Eraser), которому установлю тот же тип кисти – Rough Rounded Brisle и сотру лишние мазки.

Установлю основным цветом черный, и взяв кисть с мягкими краями диаметром 35 пикселей на очередном, пятом, новом слое нарисую диагональную линию. Перейду на слой "Красная кнопка», с которого я начинал, и далее: Select (Выделение), Load Selection (Загрузить выделение), Default (По умолчанию), затем снова Выделение (Select) и выберу инверсию. Вернусь к слою, на котором рисовал чёрной кистью, нажму Edit (Редактировать), Cut (Вырезать).

Поменяю в опциях наложение слоя Soften light (Мягкий свет), а Непрозрачность (Opacity) установлю равной 25%.

На панели инструментов выберу инструмент линия, ширина – 4 пикселя и белым цветом нарисую наклонную линию. Дублирую её с помощью (Duplicate line), затем Filter (Фильтр), Blur (Размытие), Guassian Blur (Размытие по Гауссу), радиусом 3.4 пикселя. Теперь перемещаю изначальный слой линии,все подробно показано на рисунке, потом применю к ней Select (Выделение), Load Selection (Загрузить). Пока она еще выбрана, возьму размытие линии слоя. После этого Edit (Редактировать), Cut (Вырезать). Первоначальную линию я удалю, установив слою прозрачность 45%. (Opacity)- 45%.

Создав шестой новый слой, нарисую линию в 1 пиксель шириной. Уровень непрозрачности (Opacity) сделаю равным 21%.

Добавлю на кнопку желаемый текст, тут я использовал шрифт Eurostile, Bold, 16.5pt , белого цвета, и добавил слою стиль: Stroke (Выполнить обводку). Непрозрачность для текстового слоя (Opacity) установим равной 85%.

Вот что получилось в итоге:

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

Копирование дизайна строго запрещено. © 2012 - 2016
Яндекс.Метрика
Материалы сайта предоставляются исключительно в ознакомительных целях. Если Вы считаете, что какой-либо из материалов нарушает Ваши права - свяжитесь с Администрацией.