Emotions for MSN . org - MSN Messenger Logo gfx

MSN Emotions

Emotions for MSN . org - MSN Messenger girl hug emotion
Emotions for MSN . org - Middle header bar gfx - mixed emotions
uVme - Online Skill Gaming business
uVme is the brand new online skill gaming service. For serious money, or serious gaming fun!

MSN Emotions

Wallpapers and Backgrounds

MSN Emotions

MSN Emotions > Tutorials > Photoshop > Emotions for MSN

  Info
  > News
  > Downloads
  > FAQ
  > Tutorial
  > Links

  MSN Emotions
  > Animals
  > Cars
  > Eyes
  > Flags
  > Hands
  > Misc
  > Plants
  > US Smileys
  > UK Smileys
  > Smileys
  > SmileyDownload
  > Valentine
  > Weather

 
Animated
Emoticons

  > 3D Animated
Emoticons
   > Animated Flags
Emoticons
   > Animated Figure
Emoticons
NEW
  Other
  > Webmasters
  > Info
  > Download Packs
  > Funny MSN Quotes

  Our Partners
  > MSNEmotions.org
  > Fun Smileys
  > MSN Display Pictures
  > Free MSN Emotions
  > MSN Emotions.com
  > AIM Buddy Icons
  > MSN Icon
  > MSN Emotions.biz
  > Buddy Icons.info
  > Star Icons.com
  > MSN-Emotions.net
  > MSN Emoticons
  > Become A Partner











Click here

This Emotions for MSN tutorial is for Adobe Photoshop. I will be using Photoshop version 7 for this tutorial however the tutorial should be version independent. In this Photoshop tutorial you will learn howto make your own custom Emotion for MSN smiliy graphic for use with MSN Messenger, however the tutorial maybe adapted for other instant messenging programs.

Emotion for MSN Photoshop Tutorial

1. Ok, open up photoshop and create a new image. The MSN Emotion image must be 19x19 pixels with a transparent background to start with. MSN Messenger will resize your custom emotion if it is not 19x19 pixels, so it is always best to work to this image size. Lets take a look at how to do this:
  1. To create the image click File > New...
  2. The new file box appears. Select 'pixels' from the drop down menu for both Width and Height.
  3. For both Width and Height enter 19
  4. Your mode should be defaul 'RGB Color', if not select it from the dropdown menu.
  5. In the 'Contents' box select the 'Transparent' setting to ensure there is nothing in the image when we start.
  6. Click 'Ok' and the image will be created
Emotions for MSN Photoshop 7 tutorial New file box


2. You now have you main Emotion for MSN image. Within this space you will create your Emotion for MSN shape color etc. But hold on, its very small! Emotions for MSN are small, it helps MSN Messenger send the emotion file quickly if its small. Zoom into the image using the Zoom tool (Emotions for MSN Photoshop 7 tutorial Zoom tool icon), to get the best Emotion for MSN you may want to zoom in enough to see each pixel of the emotion as you make it.
Lets get the shape down now. Select the elipse shape tool (Emotions for MSN Photoshop 7 tutorial shape tool) left click and drag out to create a circle, hold down shift to keep it as a perfect circle.
Emotions for MSN Photoshop 7 tutorial Stage 2

This acts as the main color of the MSN Emotion's smilies face. It doesn't have to be blue, or yellow, its your own custon Emotion for MSN so create it however you like. Remember this Emotion for MSN photoshop tutorial can be used as a guideline to create your own Emotions for MSN.

3. Ok lets add some eyes to our Emotions for MSN. We're going to want add the Emotions for MSN eyes on a photoshop layer so we can change them later for different Emotions for MSN expressions like winking or shocked eyes etc. Even if you dont think you'll be making any other Emotions for MSN its still a good idea to use photoshops layers incase you suddenly have a burning desire to get back into photoshop and kick out some new Emotions for MSN. We're going to use the elipse shape tool (Emotions for MSN Photoshop 7 tutorial shape tool) again but with a white color this time. Then on another photoshop layer we're going to add the Emotions for MSN pupils. Let take a detailed look at how we do all this to our MSN emotion in photoshop 7:
  1. This is the layer window in Photoshop 7:
    Emotions for MSN Photoshop 7 tutorial layer window

    Left click the add layer button (Emotions for MSN Photoshop 7 tutorial add layer button) at the bottom of the layer window to add a layer for the emotions eyes.
  2. Now use the elipse shape tool (Emotions for MSN Photoshop 7 tutorial shape tool) again with white color to put in the emotions eyes.
    Emotions for MSN Photoshop 7 tutorial add layer button
  3. Using the same method as before create another layer for the emotions pupils and using the elipse shape tool create the pupils.
    Emotions for MSN Photoshop 7 tutorial add layer button

4. The Emotion for MSN is almost complete, all thats left to do is add the mouth. Its exceptionally difficult to create a nice mouth on your Emotion for MSN, depending on how you'd like it to look of course. There are endless techniques and methods for creating the mouth on your MSN emotion but i prefer the following. Create a new photoshop layer and using the elipse shape tool again drag out your solid mouth shape, you can use free transform to squash, stretch, or rotate its shape. Then using photoshop's layer blending options/layer effects you can add outlines or change color etc - this can also be used on other photoshop layers of the MSN emotion too.
  1. Using the method from step 3 create a new layer and drag out an elipse shape for the mouth. If you select photoshops marquee tool (Emotions for MSN Photoshop 7 tutorial shape tool) and then right cligk on your MSN emotion image it displays a menu. Select 'Free Transform' from this menu and a box will be drawn around your pixels that you can contoll the shape of by clicking on one of the points on it, if you left click away from this box a bit you can rotate your shape too.

    Emotions for MSN Photoshop 7 tutorial add layer button

  2. Double click on the photoshop layer your currently working in (should be layer 4 unless you re-named it). This will open the 'Layer Style' window, where you can access the blending options and effects:

    Emotions for MSN Photoshop 7 tutorial shape tool

  3. Select 'Inner Shadow' and use the following; Blend Mode Normal (color black), Opacity 100%, Distance 0px, Choke 0px, Size 1px, Contor (the one that looks like a smoothed out s), 0% noise. This will give an outline to the mouth of your MSN emotion:

    Emotions for MSN Photoshop 7 tutorial add layer button

  4. Play around with the settings of other effects too. I've used Bevel, Drop Shadow and Color overlay in the image below on several photoshop layers to make parts of the MSN emotion stand out:

    Emotions for MSN Photoshop 7 tutorial add layer button


5. The final stage of this Emotion for MSN Photoshop tutorial is saving the image. Luckly Photoshop version 7 has a very useful 'Save As for web...' option, using this will save the transprancy into the gif file automatically.
  1. To create the image click File > Save for Web...
    2. A new window will appear with a load of options in, these arn't really important to us. Just click save and give your MSN emotion a file name and you've made your first Emotion for MSN using Photoshop 7!

    Emotions for MSN Photoshop 7 tutorial add layer button




Click here
Emotions online: 181

Please note: MSN-Emotions.org is not in anyway affiliated with Microsoft Corp.
©2004-2005 MSN-emotions.org, All rights reserved. | Disclaimer | Contact MSN Emotions .org