Main Content

Updates
To Do List
You
Health and Beauty
Reads
Jenni
Quizzes
Tutorials
The Domain
Dollmakers
Link Star-Girl.org
Question?
Plug Your Site
Index/Blog

Extra

Change The Skin
Jenni Fanlisting
Star-Girl.org Fanlisting
Webdesign Question?
Report An Error
MT Blog Archives
Nov-Apr 04 Archives
Feb-Nov 03 Archives

Sites and Projects

Shining Top Sites
Creme De La Femme
Starshine Boards
Starstruck Zine

Starshine.la Login

Username

Password



Linkage




Etc.

refreshes today
Avatars/Icons


This is just a basic tutorial to show you how to create avatars and icons to use in forums, as link buttons, or for whatever you like. This tutorial will show you examples of styles you can make your avatar in; however, the rest is up to you. You might like to try some of my other tutorials first, and create a small background using patterns, brushes or something or get a photo from the Internet to work with. Remember, this will give you some inspiration, but the rest is up to your creativity :)

1. Open up the image you want to make into an avatar/icon.
2. Check what size your avatar/icon needs to be, because on forums etc. there are often restrictions. Mine is going to be 150 x 150 pxiels.
3. Open up a new image the same size as your old one. Make sure it's transparent.
4. Now click Draw and if the 'Tool Options' box isn't up, right-click Draw and choose 'Tool Options'.
5. In the 'Tool Options' box, make sure the 'Type' is 'Single Line' and the 'Width' is one. Now choose black as your foreground colour in the 'Colour Palette':



6. Now draw lines around the outside edges of the transparent image to create a border. You can draw simply one line around the edges, or do a pattern. It's totally up to you, be creative as you like. You may need to go to Image > Zoom to be completely accurate. This is my very boring one:



7. Now paste your frame over your original avatar image and position it so it looks perfect. This is the time to make any extra additions you like, for example on mine I'm going to colour in the frame pink using the pencil tool.



8. Finally, add your text. People generally get a bit sloppy about this, but remember that it can ruin your avatar very easily so don't just slap it on. Have a look at some of my other tutorials for ways to make your text more interesting. If you want the same text effect as me, try this tutorial and this tutorial.
9. Check your avatar is exactly how you want it to look, then save! Here are some of mine:

150 x 150 pixels



100 x 100 pixels






If this tutorial helped you, please link me on your site.

Star-Girl.org


Want another button? Click here.

Back | Forward

Advertised

Your Site Here?






All content and design is © Jennifer Brown 2005, unless otherwise stated. Please click *here* for more information.