Jump to content

[Tutorial]Making an Avatar


K4rMa

Recommended Posts

Hello Everyone!

 

Today I will show you how to make a simple avatar!

It's pretty easy and I made it step by step for all of the

Photoshop beginners. Before I begin I will like to

say that there's more ways to do them, but the most

easy way is the following. This will come in handy to make

other things, not just avatars so get ready to learn something new!

 

---------STEP BY STEP---------

 

STEP 1.

Open up Photoshop and create a new document:

Input these settings:

 

Step1.png

 

 

STEP 2.

Now that you have your new document make a new layer.

(Shift + Ctrl + N) and name it whatever, default is "Layer 1".

 

step15.png

 

STEP 3.

Now you have your new layer let's get on with the avatar shall we?

Simply go to the tools you have on the left side, Select "Rounded Rectangle Tool".

 

step2.png

 

You'll also noticed that the top bar will change, forget all of it, just focus on "Radius"

and input "18 px" or whatever you choose to.

 

Step3.png

 

 

STEP 4.

Go to your document and simply draw a rounded rectangle from in the

center of your blank layer, not the background. Once you draw it right click

and select "make selection" and input the following:

 

4.png

 

STEP 5.

With your selection just head over to the paint tool and with any color

paint over the selection, it will give you something like this:

 

5.png

 

STEP 6.

Deselect and double click on the "Layer 1" layer, it should bring up

a new box. Go directly to "Gradient Overlay" and select the colors of your choice.

Now go to "Stroke" to create a stroke, choose the color and set it to only 1 px.

It should be about the same as the color you chose earlier.

 

6.png

 

STEP 7.

The fun starts, you have the basic structure of it.

Next we would like to put a basic symbol, this is for our beginners.

Chose anyone, I prefer you to paint it white.

Note: Make the symbol on a new layer, just to fix it later.

You can double click on the layer to tweak it and make changes in color

as well as give it a stroke.

 

7.png

 

STEP 8

The Shadows and Lighting.

 

We have the basic, now we need to make it shiny from the top and dark from

the bottom. Let's begin. Head over to your tools and choose "Elliptical Marquee Tool"

 

8.png

 

 

We now go to our document, please create a new layer. And simply draw

it over the top centered part of your avatar And paint it white* and reduce the opacity to about

30-40%.

Like this:

 

9.png

 

Now we need to remove the excess white paint, so all we do is delete it.

For beginner I would recommend making the layer called "background"

Black or any other color so you can see what you're deleting.

 

We need SHADOWS!! It's time to use our Gradient tool.

 

10.png

 

 

Select a darker color, I'll use black. Make sure you have selected

the gradient to go from a color to transparent like this:

 

11.png

 

Ok, now we simply go over from the bottom to the middle of our avatar

Also delete the excess gradient. Then lower the opacity as desired.

We should have something like this:

 

12.png

 

nd that's the basic avatar anyone new to Photoshop could do!

Now if you want to tweak it a little I'll show you some tips.

 

Tip #1.

Use a lighter shade color of your main color and with the help of gradient

go over it in the middle but this time, select the "Radial" option like this:

 

13.png

 

Note: You're making a new layer all the time ok?

Now go to your layer, you should see

something that says "Normal" "Opacity" and "Fill" above. Simply go to "Normal"

and select "Color Dodge" This will give it a little shine.

 

14.png

 

 

Tip #2.

Drop Shadow.

Go back to the original template and double click it to bring the setting, go to

"Drop Shadow" and input all of these settings then click ok:

 

15.png

 

This is the our result after just following simple instructions and some tweaks:

 

final.png

 

I know the paw wasn't a great idea, but it's just a symbol

Note: You can always put your name/username/script on it to make

it more personal. This is my first tutorial and look out for a new one soon.

 

I'm including the template for y'all to use. but not the PSD.

 

template.png

 

 

Hope this helps people! Especially the new ones to Photoshop.

With practice and patience you can make great things!

Always remember that.

 

CREDITS ~~> kifac

Link to comment
Share on other sites

  • 2 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...