Создаем новый файл с белым или
любым другим фоном. При помощи инструмента Rounded Rectangle Tool и
нажатой клавиши Shift нарисуем прямоугольник со скругленными углами. Я
поставила радиус 6 пикселей, но это не принципиально.
Создаем
градиент, который нам нужен. Я выбрала желтенькие цвета, но можно
другие, синие, зеленые, главное чтобы они были яркими, насыщенными и
правый значительно светлее левого.
Создаем новый слой и заливаем выделение градиентом.
Применяем к новому слою вот такие стили.
Создаем новый слой и при помощи Paths рисуем кривую. Как это сделать, можно посмотреть здесь
Создадим выделение.
Нажмем сначала D, потом X и создадим вот такой градиент.
Зальем выделение немного наискосок, как у меня.
Инвертируем
выделение и создадим новый слой. Вернемся к редактору градиентов и
поменяем белый цвет на черный, все остальное оставим так же. Проведем
наискосок, примерно как у меня.
Загрузим
выделение слоя с прямоугольником, сожмем его на 2 пикселя
Select-Modify-Contraсt, инвертируем и отрежем лишнее сначала в слое с
белым градиентом, а потом с черным. К слою с черным градиентом применим
вот такой стиль
Прозрачность слоя с черным градиентом поставим 50%
Рисунок следует размещать ПОД слоями с градиентами. Вот такая кнопочка.