How to Make a Simple App Icon [Step By Step]

Welcome to the first part of this quiz app series. In this tutorial, we are going to learn how to make a simple app icon [Step By Step] for our app. we will use this app icon within 3 places first one is google play store and second in the app and the third place we will use for an app launcher. So follow this tutorial step by step.

Read More:- How To Make An Android App For Beginners

How to make a simple app icon [Step By Step]

Let’s get the start.

How to make a simple app icon [Step By Step]

Step 1– Start photoshop go to the menu and select new. 

Start photoshop go to the menu and select new. As you will see the new window.

Step 2- As you will see the new window. Give the play store recommended size width 512px * height 512px and click OK.

Give play store recommended size width 512px * height 512px and click OK.

Step 3- Select the paint bucket tool from the toolbar and fill any color in a new blank document.

How to make a simple app icon [Step By Step]

Step 4- Click add new layer style and click to blending options. Now you can see the new layer style window.

How to make a simple app icon [Step By Step]

Step 5- Now we will fill gradient redial color. For that select gradient overlay.

How to make a simple app icon [Step By Step]

Step 6– New gradient overlay window setting. Follow the setting in the given below image.

How to make a simple app icon [Step By Step]

Step 7- Select the stain color. Follow stain setting in the given below image.

How to make a simple app icon [Step By Step]

Step 8– Pick the rounded shape.

How to make a simple app icon [Step By Step]

Step 9 – Drag shape up to down.

How to make a simple app icon [Step By Step]

Step 10– Right-click of the first layer and select (Create Clipping Mask).

How to make a simple app icon [Step By Step]

Step 11– Right-click of rounded shape layer and increase feather.

How to make a simple app icon [Step By Step]

Step 12- Select text from the toolbar to write text.

How to make a simple app icon [Step By Step]

Step 13– Select the next text and give some shadow settings.

How to make a simple app icon [Step By Step]

Step 14– Select wave shape for extra design.

How to make a simple app icon [Step By Step]

Step 15– Select the last shape for the icon.

How to make a simple app icon [Step By Step]

Step 16– Save this icon as a .png format. As well as save this icon as a .PSD format for a re-change in the feature.

I hope you liked the post. If you have any questions regarding this post. Feel free to comment and share the post with your friends.

Happy Learning!!!  🙂

Leave a Reply