В этом уроке я расскажу вам, как создать красивую и удобную кнопку, подобную этой:
Опишу 2 способа, один из которых предполагает использование лишь параметров смешивания, что даст возможность легко воссоздавать эту кнопку. Итак, приступим.
1) Создайте изображение с размерами 300х70 пикселей
2) Создайте новый слой и нарисуйте на нем фигуру, используя Rounded Rectangle Tool с радиусом 5 пикселей и любым цветом.
3) Кликните дважды по слою с фигурой и выставьте следующие Параметры смешивания:
4) Создайте новый слой и залейте его белым цветом.
5) Удерживая Ctrl, кликните левой кнопкой мыши по слою с фигурой.
6) После этого выполните Select->Modify->Contract
7) Далее - Select->Inverse и нажмите кропку delete (на созданном нами белом слое)
8) Установите для этого слоя непрозрачность (Opacity) на уровень 20%.
9) Напишите любой текст.
В результате должно получиться некое подобие этого:
Всё это можно сделать всего лишь с помощью Параметров смешивания.
Для этого вместо предложенного градиента наложим этот:
и не будем создавать белых слоёв, а сразу напишем текст и будем использовать эту замечательную кнопку. Результат будет таким же.
Какой вариант выбрать - решать вам, но мне больше нравится второй, ведь он быстрее и удобнее в момент работы и в будующем (если его сохранить в стили).
Желаю вам удачного выполнения этого урока.
Источник - GZ Design.
