Monday, May 28, 2012

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 2:

Under Layer add a Gradient Overlay blending option to your gray rectangle layer.
Result:

Step 3:

In a new layer, draw a white rectangle with 92 x 45 px dimensions. Then cut the bottom left corner as shown below.

Step 4:

Under Layer Style (Layer > Layer Style) add a Gradient Overlay blending option to your white rectangle layer.
Result:

Step 5:

In a new layer, draw a light gray right triangle on the cut out corner of the white rectangle. Then in another layer, draw a red rectangle with #FF0000 color shade and 92 x 17 px dimensions.

Step 6:

Under Layer Style (Layer > Layer Style) add an Inner Glow blending option to the red rectangle layer.
Result:

Step 7:

In a new layer, draw a small gray rectangle with #D2D2D2 color shade and 6 x 12 px dimensions as shown below.

Step 8:

Under Layer Style (Layer > Layer Style) add a Drop Shadow, Inner Shadow, and Gradient Overlay blending options to the small gray rectangle layer.
Result:

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.
 
 
 

 
 

 
 

 
 

 


Share/Save/Bookmark

15 comments:

Cristeen said...

fantastic post thanks for sharing
web agency brussels

Administrator said...

Your welcome Cristeen..

Akansha Tyagi said...

I am joyful to read this post, its an ittractive one. I am always searching for quality posts and articles and this is what I found here, I hope you will be adding more in future. Thanks
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

Akansha Tyagi said...

well done, good piece of information
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

Akansha Tyagi said...

Thanx for sharing the useful information with us..Keep going!!
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

Akansha Tyagi said...

Thanks for posting this informative blog...well done.
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

Akansha Tyagi said...

This nice and useful blog....Thanks for this post
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

Akansha Tyagi said...

I am glad to read this post, its an interesting one. I am always searching for quality posts and articles and this is what I found here, I hope you will be adding more in future. Thanks
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

Akansha Tyagi said...

well done, good piece of information
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

Akansha Tyagi said...

Thanx for sharing the useful information with us..Keep going!!
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

Akansha Tyagi said...

Thanks for posting this informative blog...well done.
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

Akansha Tyagi said...

This nice and useful blog....Thanks for this post
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

Akansha Tyagi said...

I really enjoy the blog post…
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

Clipping Path Service said...

Excellent tutorial. thanks a lot for share. :)

Geet Kumar said...

अपनी बाबू की सील तोड़ी (Aapni Babu Ki Seal Todi)

विधवा की चुदाई की प्यास (Bidhwa Ki Chudai Ki Pyas)

भाभी को दिखाई नई ब्लू फिल्म (Bhabhi Ko Dekhai Nai Blue Film)

मामी ने दिखाया स्वर्ग का दरवाजा (Mammi Ne Dikhaya Swarga Ka Darwaja)

बस में मिले लड़के से चूत मरवाई(Bus Main Mili Ladke Se Chut Marwai)

बाथरूम में पंजाबन कुड़ी की चुदाई(Bathroom Main Punjab Kudi Ki Chudai)

चूत मेरी बड़ी प्यासी हैं(Chut Meri Bdi Pyasi)

उसकी गर्लफ्रेंड मेरे लौड़े का माल बन गई(Uski GirlFriend Mere Lund Ka Mal Ban Gayi)

Antarvasna युवकों की आम यौन समस्यायें (Yubak ki Jouna Samasyayen)

दस साल बाद सही चुदाई हुई (Dus Sal Bad sahi Chudai Hui)

पड़ोसन ने रसोई में लौड़ा चूसा (Padosan Ne Rasoi Main Lund Chusa)

एक हसीन रात (Ek Hasin Raat)

भाभी के साथ होली (Bhabhi Ke Saath Holi)

मिला मौका मारा चौका (Mila Mouka Mara Chauka)

शादी से पहले साली के साथ सुहागरात (Sadi Se Pehle Sali Ke Sath Suhag Raat)

लण्ड और चूत दोनों को फायदा (Lund Aur Chut Dona Ko Phaida)

चुदी प्रियंका सारी रात (Chudi Priyanka Sari Raat)

प्रियंका के साथ एक रात की चुदाई(Priyanka Ke Sath Ek Raat Ki Chudai)

पड़ोस की लड़की की कुँवारी चूत ली (Padosan ki Kuanri Chut Li)

कुंवारी चूत चुदाई का आनन्दमयी खेल-1 (Bhanji Ki Kunvari Choot Chudai ka Khel-1)

कुंवारी चूत चुदाई का आनन्दमयी खेल-2 (Bhanji Ki Kunvari Choot Chudai ka Khel-2)

गाण्ड मेरी पटाखा बहन बानू की (Gaand Meri Patakha Bahan Banu ki)