Announcement

Collapse
No announcement yet.

Creating an Avatar

Collapse
This is a sticky topic.
X
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Creating an Avatar

    Photoshop... (Should be very similar for Photoshop Elements I guess)

    Get your image to 80x80 pixels or smaller. For 80x80 I use the Marquee Tool and set the Style (in the toolbar at the top) to Fixed Aspect Ratio and set both Width and Height to 1. Of course, if you don't wish it to be square then set the Style to Normal and free-hand the selection. Select the area you wish, then choose Image... Crop.

    Resize it to 80x80 by clicking on Image... Image Size. Make sure Constrain Proportions and Resample Image are both checked. Set the Width or Height to 80 pixels and the other box will adjust automatically. Just make sure both numbers are less than 80 pixels. Click OK.

    Sharpen it. Filter... Sharpen... Unsharp Mask. Set the Threshold to 0 and the Radius to .3. Adjust the Amount until it looks good. Don't be surprised if you end up with a large Amount - my Wolf avatar was around 300%. Click OK.

    Then File... Save For Web.

    Near the top rght corner you'll have a box with choices of GIF, JPG, PNG, etc. Set it to JPG.
    Below that uncheck both Progressive and ICC Profile.
    To the right of that check Optimized

    Now look at the right image, and look all the way at the bottom. It should say something like:
    JPEG
    9.562K
    10 sec @ 56Kbps

    As long as that number is below 8.000K you're fine. (That's a decimal point, so 8K, not 8 thousand K.) But if not, look back up near the top right corner, to the right of where you set JPG, you'll see a box called Quality and it will probably say "100" in it but will say something between 1 and 100.

    Click the arrow to the right of the number and a slider will pop up.
    Grab the triangle and slide it towards the middle until it is set at 50 or somewhere around that.

    Now once again look at the numbers below the right image - the number should be much smaller. Move the slider around until it's slightly less than 8.000K.

    Now check out the image on the right. Does it look OK? If it looks like crap compared to the picture on the left then it's over-compressed. If you don't like how it looks then hit the cancel button and resize it to 70x70 or 60x60 and start again at the top of this message.

    If it does look OK then click the Save button and give it a name.

    Now in the Forum, click on Quick Links near the top right, and choose Edit Avatar. Near the bottom hit the Browse button and find the file you just saved above, and click the Open or OK button. The field should be filled in with the full filename from your system, and click on Save Changes at the bottom of the screen.

    Congratulations on your new avatar.



    Paint Shop Pro... (this is PSP 7 - I'm sure that 8 or 9 is similar if not exact).

    Click on the Selection tool and in the pop-up set the Selection Type to Rectangle or Square depending on your preference.

    Select the area you wish to use and then click on Image... Crop to Selection.

    Next, resize the image. Click on Image... Resize and at the bottom click Maintain Aspect Ratio. Choose Pixel Size at the top and set the size to 80x80 pixels or smaller. Set either Height or Width to 80 and the other will adjust automatically. Just make sure that both dimensions are less than 80 pixels.

    Sharpen this. Effects... Sharpen... Unsharp Mask. Set the Radius to 0.3 and the Clipping to 0, and then adjust the Strength until it looks best. It seems best to make big jumps to see a difference, like setting Strength to 200 and then up to 300. It may take a few tries to get things to look OK - if so, look away for a moment to let you eyes relax. You can go nuts if you stare at the screen too long. For my Wolf I choose 300%.

    Click on File... Save As... switch to JPEG.
    Click on the Options Button, then the Run Optimizer button.

    The image on the left is the original, while the image on the right is what it will look like when it's compressed. I like to scroll to an important feature and view it at 100% - or 1:1 at it says here. This will give you a good idea of what the finished product will look like.

    Click on the Format tab and make sure it's on Standard. Ignore the Download Times unless you really care.

    Back on the Quality tab... Change the number in the box ("Set compression value") until it gets to a file size you like while retaining the quality. As you can see in this image the final Quality will be 40 which means a file size of 43,557 bytes. NOTE: You need your avatar to be smaller than 8KB so make sure the file size is less than this! This screenshot was from another example and I was too lazy to do it again. Sue me. Image

    Now check out the image on the right. Does it look OK? If it looks like crap compared to the picture on the left then it's over-compressed. If you don't like how it looks then hit the cancel button and resize it to 70x70 or 60x60 and start again at the top.

    Click OK and give it a new filename - don't over-write the original!

    Now in the Forum, click on Quick Links near the top right, and choose Edit Avatar. Near the bottom hit the Browse button and find the file you just saved above, and click the Open or OK button. The field should be filled in with the full filename from your system, and click on Save Changes at the bottom of the screen.

    Congratulations on your new avatar.

    Other usefull links:

    Image posting rules

    Tutorial: Thumbnails with link to external image
    Tutorial: Where to host my photos
    Tutorial: Creating An Avatar in Photoshop & Paint Shop Pro
Working...
X