Windows Messenger Icon in Photoshop

Windows Messenger Icon in Photoshop



This tutorial has been viewed: 876 times

Loading+ Add to Todo List

 
avatar
Added By: PSDesignZone
 

Similar Tutorial: skype logo

In this tutorial we are going to be creating a re-creation of the Windows Live Icon like below:

design windows live icon

Create a new Photoshop document 25×19 pixels in size, fill the background with #0D8DEA

new photoshop image

Create a new layer and set your foreground color to #89D177, Zoom in all the way (1600%) and use the circular marquee tool to make a selection like below And use the paintbucket tool to fill it with your foreground color, you might have to click twice to make the color more ’solid’

photoshop selection tool

Now your going to do about the same thing again, make a selection like below and fill it with the color #89D177.

photoshop messenger icon

Now pull out the rectangular marquee tool, make a selection like below and fill it with the same green color

windows messenger icon tutorial

Next select your ‘head’ layer and apply the following to layer styles to it.

photoshop beveling technique

Using Photoshop stroke

Right click on the head layer, select ‘Copy layer style’ then right click on the body layer and select ‘paste layer style’

That should produce:

windows live messenger icon tutorial

Now for the arms, create a new layer that is above both your head and your body layer, Zoom back in and set your foreground color to #397829 pull out the pencil tool with the width set to 1 pixel and draw three pixels like below on the bottom left hand side of the icon.

photoshop tutorial on windows live icon

Now draw two vertical lines like below, the colors are also specified in the image

design the windows live icon in photoshop

Press ctrl+j to duplicate the arm layer, then go to Edit > Transfrom > Flip horizantal, then use the move tool to move the icon to the right hand side of the icon.

design windows live icon

That’s it for this tutorial I hope you liked it, if you have any questions or you enjoyed the tutorial be sure to join our community photoshop forum

Tags: ,

Related posts

Tags: ,

  • I'm glad you liked the tutorials, you should submit some from your site to here, you've got some good stuff.
  • commenting usually isnt my thing, but ive spent an hour on the site, so thanks for the info
  • Hey very nice blog!! Man .. Beautiful .. Amazing .. I will bookmark your blog and take the feeds also...
blog comments powered by Disqus
Categories
  • CSS
  • Features
  • Fireworks
  • Gimp
  • Illustrator
  • Inspiration
  • News
  • Photoshop
  • Sub-Pages
  • Wordpress
  • Affiliates Extreme Studio Pixel2life
    About the Site PSDesignZone was started back in 2004 with the goal of becoming the Best Graphic Design and Web Development Tutorial Website on the Net, There are a bunch of great tutorial websites out there, so I don't know if we acheived that goal. But we hope we can provide some added value and help people on their way to becoming Master Designers.
    Friends