Dec
22

Creating a blog date icon in photoshop

Posted by: admin



In this tutorial, I will teach you how to create a trendy icon, to display the date, for your blog.
See this final result:
8.jpg
Now just follow these simple steps and create yourself a nice date icon. Enjoy!
Step 1:

Create a new document 100×100. Fill the background white.
1.gif

Step 2:
Select the rounded rectangle tool and set the radius to 3px. Set your Foreground color to #3c3c3c, and make a rounded rectangle like I’ve done.
2.jpg

Step 3:
Create a new layer. CTRL+Click the rectangle layer icon. Go to Select>modify>Contract. Contract by 1px.
3.jpg

Step 4:
Select a soft white brush, roughly around 65px, then brush the selection like I’ve done.
4.jpg
Step 5:
Now that you’ve brushed the selection, lower the opacity of the layer to 27%. Create a new layer, and make a white rounded rectangle, as I’ve done.
5.jpg
Step 6:
Create a new layer, then CTRL+Click the white rounded rectangle layer icon. Go to select>modify>contract, use 2 pixels. Brush the selection with a soft black brush, like I’ve done.
6.jpg
Step 7:
Lower the opacity of the layer to 39%. This creates a nice shade effect.
7.jpg
Step 8:
Now all you have to do is add some text and your done! Feel free to experiment with new colors. Here is how mine has turned out.
81.jpg



And there you go, a fresh created blog date icon.
This one has worked out pretty nice, what do you think about it?

Social Bookmarking: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Netvouz
  • DZone
  • ThisNext
  • MisterWong
  • Wists
  • Technorati
  • blinkbits
  • BlinkList
  • blogmarks
  • blogtercimlap
  • Blue Dot
  • Bumpzee
  • Furl
  • IndiaGram
  • IndianPad
  • Internetmedia
  • LinkaGoGo
  • Linkter
  • Simpy
  • Webride
  • Wykop
  • YahooMyWeb
Tags: , , , ,

One Response to “Creating a blog date icon in photoshop”

  1. This was a nice feauture using photoshop to design a great looking date icon.

 

You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>