Photography & Digital Arts


Photoshop Icons – Pink and Black Music Icon

In this Photoshop Tutorial I will show you how to create the Pink and Black Music Icon in my image. This is a really cool looking icon and it is easy to create. I will write this tutorial in detail so that the new Photoshop users can follow along too. So let's begin..

How to Create a Pink and Black Music Icon in Photoshop

Open your Photoshop program and let it load. Next, you will need to create a new canvas to work on. Click File > New at the top of your Photoshop window to create a new canvas. Create your canvas 150 pixels by 150 pixels. Set your background to the color that you need and click OK on that window. Now you will see your new canvas in your Photoshop window.

Next, we will need to create a new layer to work on. Click Layer > New > Layer at the top of your Photoshop window. Type "Icon Background" in the name field. Then click OK on the box. You will see your new layer in the Layers Panel. If you do not see your Layers Panel, press F7 on your keyboard. F7 will open your Layers Panel.

Next, we will draw the square for your icon background. Select the Rectangle Tool from the toolbar and draw a square on your canvas. You can draw it any size that you want. This will be the background for your icon.

The next step is to Rasterize the Layer. Right click on your Icon Background Layer in your Layers Panel and click Rasterize Layer from the pop up menu. This will make the edges of your square smooth.

Right click on that same layer again and click Blending Options from the pop up menu. You will need to apply the following effects to the Icon Background Layer.

Drop Shadow

Blend Mode – Multiply
Color – Black
Opacity – 60
Angle -120
Distance – 4
Spread – 0
Size – 10
Contour – Linear
Anti-aliased – Unchecked
Noise – 0

Bevel and Emboss

Style – Pillow Emboss
Technique – Smooth
Depth – 91
Direction – up
Size – 10
Soften – 0
Angle – 120
Use Global Light – Checked
Attitude – 30
Gloss Contour – Peaks
Anti-aliased – Checked
Highlight Mode – Screen
Color – white
Opacity – 100
Shadow Mode – Normal
Color – black
Opacity – 75

Color Overlay

Blend mode – Normal
Color – e40b9f
Opacity 100

Click OK on the Blending Options window.

Now we will add the Music Icon to the Icon Background. Create a new layer the same way that you did above. Name this layer "Music Icon". Then click OK. Next, you will need to select your Custom Shape Tool.

Now we will change the Custom Shapes. Click the drop down box at the top of your Photoshop window beside Shape. Click the little arrow on the right side of the box and click Music from the pop up menu. This will load your Music Shapes in the shape box. Click the Sixteenth Note Shape. You can hover your mouse over the shapes to see the name of them.

Set your Foreground Color to Black in your toolbar. Then draw your music shape on the icon background.

Right click on the Music Icon layer and click Rasterize Layer from the pop up menu.

And you are finished. You can crop your icon if you need to by selecting the Crop Tool from the toolbar.

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe Now