Post Reply |Feat|Avatar tutorials for Photoshop
515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Posted 9/12/08 , edited 9/13/08
First things first, Avatars, what represents us all....not everyone knows how to make great avatars or even make them period. I shall be on the look out for tutorials on avatar making with photoshop, gimp, photoscape, and other photo editing/drawing softwares that are out there. I will either post revised versions of the tutorials or post links to them here. Please do not comment in this thread, will have a thread for all questions on avatars and such. I want to try to keep this thread clean and precise so that each tutorial is easier to find. However, if you find a useful tutorial that has not already been posted here, then by all means post it here or the link to it so others can find their way to it. Sharing is the greatest way toward success!!

Any other posts that do not pertain to tutorial links or the tutorials themselves will be deleted/moved to the corresponding thread.

Tutorial links that I couldn't save images for so I'll be providing a link to it instead:


Gradient Avatar Tutorial
515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Posted 9/13/08 , edited 9/13/08
For Photoshop Users

This tutorial was taken from How to Create a Simple Avatar

How to create a simple avatar

Open adobe photoshop, and create a new document with these settings

Reset your colors, press "D".

Now we will add a background

Filter > Render > Clouds

Filter > Render > Fibers

Filter > Blur > Radial Blur

Repeat this step twice CTRL+F Twice

Add this Inner Glow

And a inner 1px black border:

Now select a render, you want to put in the avatar.
I have chosen Sephiroth
My Sephiroth Image is 800*600 so I will open it in a new document.

Now select your Lasso Tool, make a selection around his head, right click on the selection and add feather.

Now Hit CTRL+C to copy the selection and paste it CTRL+V in the avatar document.
You should see nothing so, take your Move Tool (V) and drag the render in the center of the canvas.

It looks like it?s a little too big so Hit CTRL+T
Then right click on the selection and chose "Scale".

Drag one of the diagonal point, while hitting CTRL+SHITF+ALT, so its stays proportional.

Center you image as you like, and duplicate it.

Add a Guaussian Blur to the duplicated layer.

And set the blending mode to Hard Light.

And you?re done with your avatar!
You can now add some color or not to the background, add another render face.
Just play around with it.

Here is my final result.

515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Posted 9/13/08
For Photoshop and ImageReady Users

Create animated movie avatar

By Allwin Samuel Jeba on November 11th, 2007

Let’s create a animated movie avatar from a movie file.

Step 1:

Run Adobe ImageReady and select File>open and open the movie file.

and select the following option

you need to select the part of the frames that you would like to have for your avatar. To do this hold shift and drag the slider to make the selection in the way shown below

Step 2:
now select image>image size and select the following option

u can change to any size u like finally i made it as 60×60 pix
Step 3:
select File>Save as optimized
and enjoy your new avatar

here is what i got

515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Posted 9/13/08
For Photoshop Users

Tech Star Avatar
Learn how to use Lens Flares to accomplish a great tech star avatar by rotating and blending numerous lens flare layers together.
Taken from Tech Star Avatar Tutorial

1. new document

Make a new document. I used 380x380. Fill it in with black.

2. apply Filter-Lens Flare effect

Go to Filter>Render>Lens Flare and use these settings:

Make sure you try and center it as much as possible. This is what I worked with:

3. apply Filter - Shear effect

Now go to Filter>Distort>Shear and use these settings:

4. add different color

Now you got something like this:

Press CNTRL+U and apply these hue settings:

Feel free to explore a different color. Try not to use a lot of saturation.

5. apply Color Dodge

Duplicate the background layer and apply Color Dodge to the top layer:

6. Transform

Duplicate the Background Layer again and go to Edit>Free Transform:

Now you got something like this:

7. duplicate and repeat

Now all you do is duplicate Background copy 2 Layer (the one we just made in step 6) you repeat rotating it 90CW. The you repeat again untill you have this many layers:

You should now have something like this:

8. resize it into a avatar size

Ok now lets resize it into a avatar size, for example 100x100 120x120. Go to Image>Image Size and put in the height and width that you want to use for your avatar. Once you shrink these large lens flare bursts they seem to merge together and create a killer effect!
Here are examples of different sizes I used:

515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Posted 9/13/08 , edited 12/25/08
Simple Sig and Avatar effects for Photoshop Users

Step 1 - Open Photoshop, then open any image which u desire.

Step 2 - Now duplicate your image and lock the original so if u make a big mistake u won't mess up original image.

Step 3 - Now lock the main image and now on the copy of the image rename it and call it "Cutout". Now go to Filters > Artistic > Cutout. Now apply these settings.

• Number of Levels = 4

• Edge Simplicity = 4

• Edge Fidelity = 2

Now that is done it should look something like this

Step 4 - Now what u need to do is unlock the main image and duplicate it again, then lock it back up again.

Step 5 - Now what u need to do is with the duplicated image add a Graphic Pen filter to it but before u do this make sure you're pallet is set back to normal do this by pressing "b" on the keyboard. Now go to Filters > Sketch > Graphic Pen. Add these settings

• Stroke Length = 15

• Light/Dark Balance = 50

• Stroke Direction = Right Diagonal.

Step 6 - Now click ok, now u must make sure the layer u just did, is above the Cutout layer, this is were u set the blending mode to Overlay, now set the opacity to 50% and delete the main image at the bottom and then save it as a new file.

Sig and Avatar Effects Tutorial: Final Result

That's it! You're finished this is the finished result.

This tutorial also works well with Sig's and avatars and it is very simple :D.

515 cr points
Send Message: Send PM GB Post
39 / F / In your heart
Posted 9/27/08 , edited 9/27/08
Photoshop Tutorial (Special Request) 100% complete.

Well, I certainly wasn't expecting to have to do my very first tutorial quite so soon, but anyway, if it helps I'm glad to do it.

My current Avatar

To start things off, open up photoshop and create a new document with any size you want. The size that I am using for this tutorial is 144px wide and 360px tall.

Leave all the other settings at their default and click ok. Then click File> Save As and save with a name of your choice or give it a name before you hit ok and then save later. Now, just leave this as is for now, we'll come back to it later on in the tutorial.

Next, open up the picture you want for your avatar, mine being AngelG03, separate from the new document.

Make sure your picture is viewed at 100%. If it doesn't open at 100% automatically, then you can use Ctrl +/- to change the view size (and its the quickest and easiest way to change the size). Make sure your layer's palette is visible and then duplicate the image by right clicking on the background layer in the palette window.

(We'll be using this duplicate feature again {to also duplicate into a new document from where you are, but that will come later} so keep this in mind)
For now, just leave the settings as they are, or you may change the layer name to something else, then click ok.

Next hide the original background layer and leave just the copy visible.

Go to the tool bar and choose the elliptical marquee tool,

then select the area around the face (note picture is cropped to save space)

Then, while the elliptical marquee selection is still around the face, click on the add layer mask on the layer palette

You should have a result something like this:

Now, go to Filter>Blur>Gaussian Blur

Then choose what radius of pixels you want blurred (this can be trial and error till your happy with the result and you can view the result before you click ok) I am choosing 25.2 for the radius.

Now, here is where we come back to the duplicating feature, and this time we will be changing the destination file to the new document we created at the beginning of the tutorial. So, duplicate the edited layer by right clicking and choosing duplicate layer, then under destination, change the document to the new document from the drop down menu and then click ok.

Chances are on the new document, it didn't put the visible part right where you want it, but we'll move it later, when we go to the new document. Time to get back to the original background layer.

Now that the original background is visible and the copy layer is hidden, go to Image>Image Size

Notice it shows the original Image size

(Picture view of original size)

Now change the image size to what ever size you want to make it smaller than the original. I chose to make mine 298 wide 373 tall.

(Picture view of new image size)

Now, I do hope you have learned that duplicate layer technique by now, as its time to duplicate to new document again. You may also want to rename this one as well. After duplicating layer, you may save and close, for we won't be needing to use the picture anymore. Now its time to move over to the new document. When you save and close the other, if you have no other projects open, it should automatically bring up the view of your new document. However, if you have something else open and it doesn't bring you to the new document, you can get to it by going to Window, then move your mouse down to the bottom section of the drop down menu and choose the appropriate document name to get to the new document.

Now that you have your new document in view, you may begin to move your duplicated layers around. You may have to move them into view, just do that until you are happy with the positioning. Also make sure that the layer with the blur effect is on top.

It doesn't really matter which layer you move around first, just move them around till you're happy with where they are. I'll be moving around the resized image layer first as it will be taking up most of the avatar space.

Now that I have that done, I'm going to move around the other layer to where I want it. You may do the same or to your choosing.

When you're done moving the layers around into a position you're happy with, take a moment to save your progress. Now we can get to the more fun part: adding brushes and special effects.

Select your brush tool from the toolbar, then select Layer>New>Layer from the main menu.

Name the layer by whatever effect or brush you'll be using. I'll be naming mine Star brush.

Next, depending on what effect you're using, you may want to move the layer down or leave it as the top layer. I'm going to be moving mine down behind the first duplicated layer. If you decide to move yours down, then click on the layer and drag it till you get an black outlined line under the appropriate layer you want to move it under.

Now to select the brush you're going to use (you may have to download some brushes if you just installed photoshop). Go to the top of the screen and then click on the down arrow next to the brush size area...

It will ask you if you want to replace the current brushes. You can click ok or you can append the new brushes to the current brushes. (I actually realized it was the fairydust brush I used, but this can work as an example nonetheless) I clicked Ok.

Now, choose a specific brush from the new ones that show up. You'll have to go back to the brush size and click on the down arrow to choose your brush. I had to scroll down a little to find the one I want to use.

Ok, now that you have your brush chosen, make sure its at the size, opacity and fill you want it at. You can do that at the top using the brush size area and the area next to it.

Make sure you're on the appropriate layer and then add the brush using your mouse or tablet pen. I added mine around the masked layer using my tablet pen. You can make the brush any color you want and you may have to play around with it a little bit before you are happy with the results.

Ok, now you can add more brushes if you want. I'm going to be using a flare brush. Make sure to make another new layer and make sure its the top layer or the second from the top. Mine is going to be second from the top as well and I'm calling it flares.

You can change the sizes of the brushes to make perception effect. I'll be doing that with mine.

Ok, now that we're done with the brush effects, time to add a border. The way I added a border to this only one way to add a border. To make the border the way I did choose the very most bottom layer and duplicate it. I'm going to rename it as border and move it to the top to make it the top layer. Don't worry about it covering everything, I'm about to get to that.

To fix it where its not covering everything but is still the top layer, change the fill to 0% by sliding the bar over from 100% to 0% in the layer palette

Now, to the actual border... right click the top layer and click on blending options from the menu.

Select Stroke and then change the options to whatever you want, but make sure that your stroke position is on the inside.

To change the gradient settings, click somewhere inside the gradient bar and this window will pop up allowing you to change the gradient type, style and colors. I chose to make mine a blue outside and gold inside gradient with stroke size of 5px.

Now click Ok twice and you should have a result something like this:

Phew!! Almost done finally....just need the necessary text and it will be finished.

Ok, so we still need the're gonna have to open up another new document for this, but only one just big enough for the text you want to go on it. I could give you a quick and easy way to change the angle of the text, but this way is much cleaner. So make your new document just big enough for the text.

Next, choose the text tool from the toolbar menu. Then go to the top and choose the type of text you want to use, then make sure you select the color you want for your text before you start typing. I will be choosing Bickham Script Pro at the size of 34px and color of white.

Now click anywhere in the open space and type in the text you want. Mine will be Angel_Of_Tenderness, and I have to change the color of the background layer so that we may see the text. Now that's done, go to Image>Rotate Canvas>Arbitrary so that you may put in the angle of your choice, mine is at a 50 degree level.

Now its time to duplicate the text layer into the avatar document, just under the border layer. You may also have to resize the text so that it isn't too big when doing it this way. You should end up with it looking something like this:

Now its time to give the text some special effects, as you can see, its a bit difficult to see right now. You can do any effect you want, but for this one I'm going to give it an outer glow and inner shadow. I'm going to be making the inner shadow a blue color while leaving the outer glow color alone. I will however, make the outer glow brighter and more wide spread than the default.

The result should look something like this:

Now all that's left is your copyright. Hope you enjoyed and understood this tutorial...Here is my final result:

You must be logged in to post.