Кнопка для сайта.

У нового документа удаляем фон с помощью «Волшебного ластика».

Инструментом «Прямоугольная область» (М) рисуем прямоугольник.

В меню находим функцию Уточнить край – Сгладить 100. Так получилась фигура с округленными углами.

Заливаем выделенную область любым цветом можно черным. Скрываем контур (Ctrl+H).

Слой - Стиль слоя – Тень: непрозрачность 100%, угол 120, смещение 5пикс., размах 0%, размер 6 пикс.

Слой - Стиль слоя - Внутренняя тень: непрозрачность 75%, цвет тени #ee7bf2, угол 120, смещение 5 пикс., стягивание 0%, размер 5 пикс.

Слой - Стиль слоя - Наложение градиента: непрозрачность 100%, угол 90, масштаб 100%. Щелкаем на градиент и выбираем тип: непрерывный, гладкость 100%, цвет #f473e3, #d410d6 и  #f693f2.  

Слой - Стиль слоя – Обводка: размер 2 пикс., положение снаружи, режим нормальный, непрозрачность 100%, цвет # cc06b7.

Создаем новый слой и выделяем слой с прямоугольником Ctrl + клик по иконке фигуры.

Заливаем выделение белым цветом и жмем Ctrl+D.

Теперь нам надо зрительно поделить кнопку на две части. Сделать это лучше инструментом «Прямоугольное выделение», которым выделяем нижнюю часть кнопки. Delete. Ctrl+D.

Слой - Стиль слоя – Параметры наложения устанавливаем непрозрачность слоя 20%.

Объединяем видимые слои Shift+Ctrl+E.

Остается только написать текст и кнопка для сайта готова.

При полном или частичном использовании материала ссылка на сайт Цвет Мечты обязательна.