Favorite button in Photoshop

Final result

Step 1. Create a new document with dimensions. 1280×1024 pixels, now take the tool Rounded Rectangle (Rounded Rectangle Tool) (U) and create a shape with a radius 120 pixels as shown in the image below.

Step 2. Open layer styles and apply style. Gradient Overlay (Gradient Overlay) with the following settings:

Blend mode – Normal, opacity 100, Style – Linear, Align to layer, Angle 90, Scale 100.

Step 3. Now apply a layer style. Shadow (DropShadow):

Blend Mode – Multiply, Opacity 57, Angle 120, Use Global Illumination, Offset 4, Swipe 0, Size 7, Noise 0, Layer knocks out the shadow.

Step 4. Take the tool Rounded Rectangle (Rounded Rectangle Tool) (U) and create a shape with a radius 120 pixels as shown in the image below.

Step 5. Apply layer style Gradient Overlay (Gradient Overlay) with the following settings:

Blend mode – Normal, opacity 100, Style – Linear, Align to layer, Angle 90, Scale 100.

Step 6. Take the tool again Rounded Rectangle (Rounded Rectangle Tool) (U) and create a shape with a radius 120 pixels as shown in the image below.

Step 7. Tool Arbitrary shape (Custom Shape) (U) draw a heart.

Step 8. Apply layer style Gradient Overlay (Gradient Overlay) with the following settings:
Blend mode – Normal, opacity 100, Style – Linear, Align to layer, Angle 90, Scale 100.

Step 9. Now apply a layer style. Shadow (DropShadow):

Blend Mode – Multiply, Opacity 28, Angle 120, Use Global Illumination, Offset 4, Swipe 0, Size 6, Noise 0, Layer knocks out the shadow.

Step 10. Tool Text (TextTypetool) add a plus sign to your heart.

Step 11. Now apply a layer style. Shadow (DropShadow), As shown in the image below:

Blend Mode – Multiply, Opacity 57, Angle 120, Use Global Illumination, Offset 2, Swipe 0, Size 2, Noise 0, Layer knocks out the shadow.

Step 12. Tool Text (TextTypetool) type the text you want on the button.

Hope you enjoyed the tutorial. I would be glad if he inspired you to new ideas and thoughts.

Author: buildtutorial
Translator: Miroshnichenko Valeria
Source link

Like this post? Please share to your friends: