How to design Blog Calendar Icon in Photoshop

In this Photoshop tutorial you will learn how to design Blog Calendar Icon. We will be using some tools like Rectangle Tool, Marquee Selection Tool, Horizontal Type tool etc. We will also learn some Layer Styles techniques like, Gradient Overlay, Inner Glow, Drop Shadow, Inner Shadow etc. Nice tutorial for those who are new to Photoshop and wanted to learn Icon Design technique. Lets start.

Step 1:

Let’s start out by creating a new file. I used a 200×200 pixels canvas set at 72dpi, and I filled my background with #D0E8EA color shade. In a new layer, draw a gray rectangle with #A7A7A7 color shade and 96 x 63 px dimensions.

Step 8:

Step 9:

Duplicate the small gray rectangle design and place it as shown below. Now select the Horizontal Type Tool then set the font family to Arial, regular, 12 pt, none and white color shade. In a new text layer type the month on the middle of the small gray rectangle designs.

Step 10:

In a new text layer add the day using font Arial, bold, 20 pt, smooth, and #6D6D6D color shade. Then in another text layer add the month below the day with smaller fonts.

Results:

So here is our Final Clean Blog Calendar Icon Design which we just made in Photoshop, hopefully you like working on it and learn something by following this tutorial.