Blog Avatar Tutorial in Photoshop PSD File
So what exactly is a blog avatar you ask? Well the questioncan be answered simply as this. An avatar is usually a small image that represents who you are, what you like, or something you are proud of. Here is an example of an avatar:
Please note the red area, and the 'crop image' text. In this tutorial we will be changing those 2 areas by replacing them with a small 48x41 image that we can obtain from the internet or from a royalty free image website. Well with out delay lets get started.
Open Adobe Photoshop > File > Open > emoblog-avatar.psd
Now within your layers menu you will notice the following menu layers as listed:
1. Crop Image
3. Your Image 48x41
4. Background w/ Corners
To create your own avatar simply edit the #3 from above. All that need to be done is for you to create your own 48 width x 41 height image. As seen in the 'example' layer this has already been done for you. To make this example (#2) active simply click on the empty location to the left of the layer. Easy enough right?
Once you have found an image that you would like as your avatar, all you need to do is modify its image size. To do so, do the following:
Open Adobe Photoshop > Image > Image Size > Enter 48 width x 41 height. Now click ok.
Besure that constrain proportions is selected, unless you want your image to be unproportional.
Once that has been done now simply cut and paste the image into emoblog-avatar.psd then 'save for web'.
Open Adobe Photoshop > Save For Web > 4 Up Tab > Save as a .gif file.
|Did this help you?|