Tutorial: A spiffy avatar

Other video games, TV shows, movies, general chit-chat...this is an all-purpose off-topic board where you can talk about anything that doesn't have its own dedicated section.

Tutorial: A spiffy avatar

Postby Colin on Thu Jun 30, 2005 5:18 pm

I posted this in the request a sig thread before this forum. But now it gets it's own thread!

I will be showing you how I created my Phoenix Suns avatar.

The first step in 95% of backgrounds is to render-clouds. That looks like this. You can press ctrl-F again and again to get clouds you like. If you want them to be a very distinct pattern you can use the burn (to darken) and dodge (to lighten) tools. This isn't usually neccessary for a small avatar.
Image
Next take some brushes. A good place to get them is at Deviant Art. I generally start the bottom off with grunge brushes as they are hidden for the most part. Switch between brushing black and white on different layers. After I set the bottom two to overlay and the top to hard light. Play around between the settings there to get the look you want.
Image
After this I put my Phoenix logo in there and set it to overlay.
Image
Many people stop there and colourize their image. But it provides a better effect if you do brushing overtop of everything else. I wanted to emphazize the orange to purple colour theme, so I used brushes with fairly sharp edges. I wanted lighter orange, so I used white on the left and black on the right. I left the blend modes at normal because the brushes didn't mask my background too much.
Image
Next to get colour I added two colour balance layers. You can get them by pressing on the button I have highlighted in red at the bottom of the next screenshot. Don't move the bars to far to either side of 0 because you will usually get an oversaturated look. To get orange I set midtones to 48, 0, -43; highlights to 26, 0, -37; and shadows to 55, 0, -35. For purple I used midtones at 47, 0, 51; highlights at 39, 0, 33, and shadows at 33, 0, 44. After that I used the gradient tool on the layer mask that automatically pops up and used it in opposite directions on the two masks to blend the colours (if you have questions on layer masks post.) I now have this.
Image
Kind of bland, right? You can solve that with a curves layer. It's located in the same place colour balance layers are. Your curve should usually look like this. Now make a new layer on top of everything and hit ctrl-a (select canvas). Go to edit-->stroke and set it to 1 px, white or black (depending on where you plan to use it and the avatar you have), and inside. You now have a complete avatar that looks like below.
Image
Hope this helps you. I use an expanded method of that to make sigs.
C#
Image
Pretty Flaco
User avatar
Colin
 
Posts: 5913
Joined: Thu Mar 06, 2003 7:02 am
Location: Van-City

Postby J@3 on Thu Jun 30, 2005 5:23 pm

Sticked due to usefullness rating.
User avatar
J@3
 
Posts: 19815
Joined: Thu Mar 11, 2004 3:25 pm
Location: MLB

Postby cklitsie on Thu Jun 30, 2005 8:25 pm

Definately a good tutorial, I'm hoping to see more of these from you.
Suggestions:
-teach me how to use brushes
-how to make wallpapers (so much space too fill :lol: :cry: )
User avatar
cklitsie
 
Posts: 6511
Joined: Sun May 11, 2003 3:02 am

Postby Mentally Hilarious on Thu Jun 30, 2005 8:44 pm

Nice tut Colin. Already asked how you did it and 'lo and behold, now I know.
Image
User avatar
Mentally Hilarious
 
Posts: 1045
Joined: Mon Dec 27, 2004 6:07 am

Postby Mikki on Thu Jun 30, 2005 9:04 pm

Good Stuff Coach Colin (Y)
Mikki
 
Posts: 4601
Joined: Sun Jun 15, 2003 3:22 pm
Location: Manila, Pilipinas

Postby Filip on Thu Jun 30, 2005 10:15 pm

Wow, that looks pretty advanced.
User avatar
Filip
 
Posts: 3911
Joined: Fri Jan 03, 2003 7:59 am
Location: England

Postby SkipToMy_Lou on Fri Jul 01, 2005 2:22 am

Nice work Colin, I may start to use Photoshop soon (Y)
Play the game, win the fight!
User avatar
SkipToMy_Lou
 
Posts: 2400
Joined: Sat May 29, 2004 7:28 pm
Location: Melbourne, Australia

Postby Philantropical on Fri Jul 01, 2005 6:33 am

Nice work. You should make a jersey switch tut!
Image
User avatar
Philantropical
 
Posts: 393
Joined: Sat Apr 30, 2005 10:04 pm
Location: Canada

Postby The GOAT on Fri Jul 01, 2005 10:53 am

I'm submitting this to good-tutorials, hope you don't mind :wink:
Image

There is no truth. There is only you and what you make the truth.
The GOAT
 
Posts: 3197
Joined: Mon Oct 06, 2003 11:06 am
Location: Long Island, New York

Postby -BHZMAFIA- on Fri Jul 01, 2005 4:42 pm

Its nice to know so much about PS, you can make alot of money off this in the future. Great tutorial (Y)
Image
User avatar
-BHZMAFIA-
 
Posts: 4608
Joined: Sat Nov 22, 2003 9:49 am
Location: Memphis

Postby Colin on Fri Jul 01, 2005 4:48 pm

Thanks everyone.

The G.O.A.T. wrote:I'm submitting this to good-tutorials, hope you don't mind :wink:

If it makes it on post that it did, since I'm leaving tommorow. Check the going away thread.
C#
Image
Pretty Flaco
User avatar
Colin
 
Posts: 5913
Joined: Thu Mar 06, 2003 7:02 am
Location: Van-City

Postby VexxatuVexx on Sat Jul 16, 2005 10:10 am

This realy helps thanks :wink:
VexxatuVexx
 
Posts: 172
Joined: Fri Jul 15, 2005 4:48 pm
Location: Pensacola

Postby stepback3 on Mon Dec 05, 2005 9:01 am

nice tut you got bro :D very helpful
Image
User avatar
stepback3
 
Posts: 148
Joined: Thu Sep 29, 2005 6:29 pm
Location: Italy

Postby sucram on Mon Jun 12, 2006 7:27 pm

I had a go at making one similar to your PHX one, but with RATM's frontman, 'Zach De La Rocha'. I saved it 5 different times each with slightly different layers moved around. Perhaps you could give me an honest opinion, and which of the 5 is the best?

Here was the original
Image

Image
Image
Image
Image
Image
User avatar
sucram
 
Posts: 592
Joined: Wed Oct 05, 2005 9:41 pm
Location: North Queensland

Postby Cable on Tue Jun 13, 2006 6:35 am

I personally like the contrast in the 4th one. (Y)
Image
And I'm going to see them in Toronto!
User avatar
Cable
 
Posts: 5078
Joined: Fri Jul 22, 2005 3:31 am
Location: Burlington, Ontario

Postby Monte on Thu Jun 22, 2006 6:49 pm

I can do better :roll:
Monte
 
Posts: 11
Joined: Mon Jun 12, 2006 8:54 am

Postby Fitzy on Thu Jun 22, 2006 7:22 pm

prove it then, colin is the shit at photoshop
User avatar
Fitzy
 
Posts: 5179
Joined: Sat Mar 19, 2005 9:37 am
Location: Horsham, Victoria, Australia


Postby Fitzy on Thu Jun 22, 2006 8:30 pm

i rekon nbalive7447774774744 or watever could do better then that
User avatar
Fitzy
 
Posts: 5179
Joined: Sat Mar 19, 2005 9:37 am
Location: Horsham, Victoria, Australia

Postby Ruff Ryder on Fri Jun 23, 2006 3:34 am

Wow Monte, you're a real dumbass. Everyone knows you didn't make those, hence the "BBC" tags on them dumbshit.
Image

'Retired'

"You can’t drive a knife into a man’s back nine inches, pull it out six inches, and call it progress."-Malcolm X
User avatar
Ruff Ryder
 
Posts: 5996
Joined: Wed Jun 25, 2003 7:17 am
Location: VA RLY

Postby Jugs on Fri Jun 23, 2006 3:56 am

lol, totally owned the retarded fuckwit.
Jugs
 
Posts: 7442
Joined: Wed Mar 16, 2005 9:32 pm
Location: Geelong, Australia

Postby Donatello on Fri Jun 23, 2006 4:05 am

What a big bag of douche goodness.
||[b]b]||
User avatar
Donatello
Dongatello
 
Posts: 4294
Joined: Sun Apr 18, 2004 1:46 pm
Location: Camas, WA

Postby Joe' on Fri Jun 23, 2006 4:19 am

Dear Old World, you represent everything that's wrong...
User avatar
Joe'
Sir Psycho Sexy
 
Posts: 2586
Joined: Mon Jul 11, 2005 11:02 pm

Postby hammertime23 on Fri Jun 23, 2006 4:22 am

Monte could quite possibly be the biggest retard ever.
hammertime23
 
Posts: 2580
Joined: Wed Apr 26, 2006 12:06 pm
Location: NY

Postby Jugs on Fri Jun 23, 2006 4:35 am

He is up there with the likes of melo15boy and dsmbballman
Jugs
 
Posts: 7442
Joined: Wed Mar 16, 2005 9:32 pm
Location: Geelong, Australia


Return to Off-Topic

Who is online

Users browsing this forum: No registered users and 3 guests