Jump to content


Photo

Cassie's Tutorials


  • Please log in to reply
200 replies to this topic

#1 cassandra

cassandra

    Graphic Artist

  • Graphic Artist
  • 2,071 posts

Posted 26 September 2007 - 07:06 PM

EASY SIMPLE AVATAR TUTORIAL.
moderators, i tried to make a new topic in the subforum 'Learn your stuff' but it won't let me.
so if you guys feel it's appropiate you can just redirect this post into that subforum (Y)


Note: This tutorial is for Photoshop CS only. You will not be able to do it w/ Photoshop elements.

STEP ONE: Pick a pic (haha, stole that from Happyslip)

The higher quality, the better.
It's harder to work w/ small & low quality pictures.
Here's the picture I chose.
It's of Melissa R,
do you guys know her? LOL

Posted Image

STEP TWO: Create a new document.

W:100
H:100
R:300
Make sure the color mode is RGB

STEP THREE: Drag the picture into the document using the move tool.

You don't want to crop the picture, because you won't get a nice effect.
Play around with it, and resize it w/ the move tool.
Make sure Show Transform Controls is checked at the top.
That will make it easier to resize.
Tip: Don't change your picture from small to big because you lose the original quality of the picture.
I resized it to this:

Posted Image

Edited by cassandra, 26 September 2007 - 07:20 PM.


#2 cassandra

cassandra

    Graphic Artist

  • Graphic Artist
  • 2,071 posts

Posted 26 September 2007 - 07:19 PM

STEP FOUR: Make it brighter.

You don't always have to do this,
but since the picture that I'm using is a bit dark
I'm going to brighen it w/ the Dodge tool.
Once click over the picture is enough.
If it's still too dark do it again.
Tip: Don't over use the dodge tool, you will lose the picture's quality.

Posted Image

STEP FIVE: Duplicate the layer.

Layer>Duplicate layer>OK
Change the blending mode to Overlay.

Posted Image

STEP SIX: Add a Brightness/Contrast layer

THIS IS OPTIONAL
If your picture is bright enough, you dont have to do this

Layer>New Adjustment Layer>Brightness/Contrast>OK
For this picture my setting were:
Brightness: +25
Contrast: +12
But you should play around w/ it.

Posted Image

Edited by cassandra, 26 September 2007 - 07:35 PM.


#3 cassandra

cassandra

    Graphic Artist

  • Graphic Artist
  • 2,071 posts

Posted 26 September 2007 - 07:25 PM

STEP SEVEN: Choose a light texture.

I chose this one.

Posted Image

Drag it onto the document
set the blending mode to Screen.
AND YOU'RE DONE!

Posted Image

Don't take all this stuff to heart.
W/ photoshop you need to fool around
and see what looks good w/ your picture.
Practice makes perfect.

Here are more examples of outcomes from this tutorial.
Posted ImagePosted ImagePosted Image

ENJOY! :D

Edited by cassandra, 26 September 2007 - 07:34 PM.


#4 cassandra

cassandra

    Graphic Artist

  • Graphic Artist
  • 2,071 posts

Posted 26 September 2007 - 07:56 PM

COLORING TUTORIAL

From this:
Posted Image

To this:
Posted Image

STEP ONE: Drag to new document.

Size 100x100
Resize using move tool

Posted Image

STEP TWO: Add a cruves layer

Layer>New Adjustment Layer>Curves>OK
Choose BLUE on the drop down list.

Posted Image

STEP THREE: Adjust the curve

This is what I chose,
you should play around with it and see what you like.

Posted Image

STEP FOUR: Add a fill layer.

Layer>New Fill Layer>Solid Color>OK
A dark blue usually gives the best results.
Here's what I chose:

Posted Image

STEP FIVE: Change the settings of the fill layer.

Blending mode: Saturation
Opacity: 50

Posted Image

AND HERE'S YOUR RESULT!

Posted Image

Other's made w/ this tutorial:

Posted ImagePosted ImagePosted Image

#5 AshYeLLow

AshYeLLow

    Popster

  • Content Provider
  • 12,890 posts

Posted 26 September 2007 - 10:00 PM

naks! maraming salamat cassie! :142sgThumb2:

#6 leo

leo

    Hall of Famer

  • Member
  • 9,139 posts

Posted 26 September 2007 - 10:12 PM

eh paano sa siggy? demanding :13bungi1: joke time lang.....

ganun pala yun..... parang complicated parin pero masubukang nga :48sgBungi4:

thanx sa pag-share....

#7 AshYeLLow

AshYeLLow

    Popster

  • Content Provider
  • 12,890 posts

Posted 27 September 2007 - 12:14 AM

nag experiment na nga ako eh..kaso bad trip yung PS ko, image ready lang nagagamit...
(pirata kasi eh :13bungi1: :p )..pati tools incomplete :15sgHeller:

#8 issah09pink

issah09pink

    Hall of Famer

  • Member
  • 13,780 posts

Posted 27 September 2007 - 02:23 AM

waah!paturo pa po..iba nman.hehe,pls.. :10sgHi:

#9 cassandra

cassandra

    Graphic Artist

  • Graphic Artist
  • 2,071 posts

Posted 27 September 2007 - 06:09 AM

ok, i'll make more tutorials.
this thread should be called Cassie's tutorials, hahha. :p
One day you'll be better then me. ;)

#10 issah09pink

issah09pink

    Hall of Famer

  • Member
  • 13,780 posts

Posted 28 September 2007 - 07:44 PM

more pa po.plss..waah!excited na ko matuto.=))TY po.

#11 xtian

xtian

    Quintuple Platinum

  • Member
  • PipPipPipPipPip
  • 1,519 posts

Posted 28 September 2007 - 09:47 PM

STEP SEVEN: Choose a light texture.

I chose this one.

Posted Image

Drag it onto the document
set the blending mode to Screen.
AND YOU'RE DONE!

Posted Image

Don't take all this stuff to heart.
W/ photoshop you need to fool around
and see what looks good w/ your picture.
Practice makes perfect.

Here are more examples of outcomes from this tutorial.
Posted ImagePosted ImagePosted Image

ENJOY! :D



hello cassie... :10sgHi:

thanks for sharing your knowledge..hehehe

where i could find the light texture? :37sgIsip:

#12 cassandra

cassandra

    Graphic Artist

  • Graphic Artist
  • 2,071 posts

Posted 28 September 2007 - 09:59 PM

xtian - good question! haha, basically just google light textures. you'll get a lot of results (Y)
i'd post the ones i have, but most makers ask that their textures not be re-posted, so yeahh.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users