Instructables
loading
loading
Picture of Animated/custom emoticons
C:\Documents and Settings\Tilak\Desktop\instructables\instructables-emoticon.gif
You can use your own pictures to make a custom and/or animated emoticons. I used Photoshop CS3 but this should work with other Photoshop's, GIMP, and other graphics softwares. Please look at the images as they are sometimes clearer. (to make an image into an emoticon skip to step 7). Simple and easy
 
Remove these adsRemove these ads by Signing Up

Step 1: The base

Picture of The base
C:\Documents and Settings\Tilak\Desktop\instructables\1.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\1a.bmp
First, you need to open the pictures to go in your animated emoticon

Step 2: Sizes

Picture of Sizes
C:\Documents and Settings\Tilak\Desktop\instructables\3.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\3b.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\4.bmp
On the top toolbar, click the image dropdown menu and click on image size and write down/ memorize the measurements. Find the maximum width and height. Then minimize all the images.

Step 3: More sizes

Picture of More sizes
C:\Documents and Settings\Tilak\Desktop\instructables\6.bmp
Create a new image.
You need to:
~name it
~make it the maximum size
~Colour mode - RBG
~background contents - transparent

Step 4: The animating

Picture of The animating
C:\Documents and Settings\Tilak\Desktop\instructables\6b.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\6c.bmp
Open the image you want first.
On the keyboard press: Ctrl+a, Ctrl+c
Then click on the transparent image
On the keyboard press: Ctrl+v
then close the original image

Do this with all others, you should get a new layer for each image. If not create a new layer per image as these will become the frames of the animation

Step 5: The animating 2

Picture of The animating 2
C:\Documents and Settings\Tilak\Desktop\instructables\7a.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\8.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\8a.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\9.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\9a.bmp
On the top toolbar, click on the window dropdown image and then Animation.
At the end of the pop up window click on the arrow with the lines and click 'make frames from layers'
Set the timings. I found that 0.5 is the best.
Put the loop on forever.

Step 6: Saving

Picture of Saving
C:\Documents and Settings\Tilak\Desktop\instructables\10a.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\10b.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\11.bmp
On the top toolbar click the File drop down menu and then save for web & devices. Make sure it is in the optimized tab and saved as a GIF. Then click save.

To check it works open the file in an internet explorer.

Step 7: The emoticon

Picture of The emoticon
C:\Documents and Settings\Tilak\Desktop\instructables\12a.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\12b.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\13.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\13a.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\13b.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\13c.bmp
C:\Documents and Settings\Tilak\Desktop\instructables\14a.bmp
When in conversation with someone, click on the emoticon menu and then show all. Click create in the pop up menu and there will be another pop up. Click find image and select the image/animation you want to use.
Give it a keyboard shortcut. and (if you want) a name. Then click OK. It should then appear in custom emoticons. I made the first one and borrowed the next 2 from a friend.
fogman1033 years ago
Can you add WHAT exactly the shortcuts do please?