• Matbob's Custom Character Startup with Photoshop CS5 •

 Topic: • Matbob's Custom Character Startup with Photoshop CS5 •
Users reading this topic: There are no members reading this topic.
Poll: What you think of it?
34 vote(s) since February 25, 2011 01:06
Easy to understand. (19) (56%)
Complicated to understand. (1) (3%)
Love it, I will use it! (11) (32%)
Worst Tutorial Ever. (3) (9%)
  Posted on February 25, 2011 01:06
matbob
Rank: member

Forum Rank:
3rd seat

Posts: 1756
Joined on:
January 14, 2009
#1
2rvzgh0.png

This is me! Matbob! I'm here on this topic to present you a startup on how making anything in the domain of custom
characters making, like how to make good looking pictures, how to balance a character, etc. First of all, to get the goal
of an awesome character, we need to start with the beginning.

Prologue: The Way of Finding Videos/Pictures/Programs
To start to make a character and after making pictures, you need to have the episode of that character is in action to be
able to progress in this tutorial. These are website that you will be able to download episodes from differant anime.

Websites for Various Episodes:
Anime-DS
Anime-Access
Animea
AnimeCrazy
One Piece HQ -> Only One Piece

Usefull Tools/Programs:
VLC Media Player
Photofiltre

Photoshop Templates for Your Character:
Naruto Template
Bleach Template -> Hinata-san
Fairy Tail Template -> Fairy Tail Contest
One Piece Template
Soul Eater Template -> Soul Eater Contest
Pokemon Template -> Clessenur
Katekyo Hitman Reborn Template

----------------------------------------------------------------------------------------------------------------

Step 1: Collect Your Screenshots
Since you have all your programs, download episode of the character and the template, you can start it by selecting
images of him/her. For making this quite good, you need to open:
• VLC Media Player
• Photoshop CS5
• Photofiltre -> Optional

Once you open VLC, click on Media -> Open a File and select the downloaded video with the image/screenshot you
need to search for. After you watch some parts of it and you find the most beautiful picture you could found for this skill
you were searching for, use Shift + S or go to Video -> Screenshot. Example:
352rg9f.png
Now, just repeat the same tasks to obtain all your 5 images (1 profile & 4 skills to make a basic character but you can
have the number you want). Now let's pass to step 2!

----------------------------------------------------------------------------------------------------------------

Step 2: Epic Adjustments for Epic Pictures
You have the pictures you needed, now you need to make them look great on the template. First of all, you will need to
drag down the screenshot on Photoshop to give them some good looking. Follow theses sides steps to make your
images after resizing your image in 75 x 75.

2.1: Sharpening
Sharpen is the effect that make your image looks less blurry and more pop-out of the initial image. To sharpen it go to
Filter -> Sharpen -> Sharpen. After it, you can fade the sharpening with, Edit -> Fade Sharpen. Now you will have to give
a certain amount of (%) of fading. These are some example of sharpening pictures with differents opacity. Example:
6yo041.png
So depending on the initial screenshot, you can make difference into the sharpening of the picture.

2.2: Auto-Constrast/Brightness & Contrast
Auto-Constrast is a tool that make your image balanced depending on the initial brightness of the frame and you can see
this on Image -> Adjustments -> Auto-Constrast. If in some case, Auto-Constrast don't seem to work well, go to
Image -> Adjustments -> Brightness/Constrast. With this, you can manually change the image.

2.3: Vibrance
Vibrance is a special tool that only appear on Photoshop CS5 and may be quite awesome to make more great looking
pictures. Image -> Adjustments -> Vibrance. On it, you will have access to 1-100 with Vibrance. These examples below
will show you after sharpening them & giving the good contrast to them with differant (%). Example:
33bmws5.png
----------------------------------------------------------------------------------------------------------------

Step 3: Placements on the Template & Finishing Up
To place your modify pictures, drag them on Photoshop, select your image and go Edit > Copy. Go Edit > Paste and
place your image directly inside of the given 75x75 blank boxes, and once you're done, this will be the result.
2ecq5p1.png

These are the informations of the size and style of writing.

Trebuchet MS - Bold - 14.
For the skill descriptions, character description, cooldown and mission name are as followed;

Trebuchet Ms - Normal - 11.

For the classes, the settings used are as followed.

Trebuchet Ms - Normal - 10 - Gray.
To move the energy boxes from Point A (There designated spot) to Point B (Next to the ____ required: sentence) is
quiet easy. Just highlight it with the box tool and go to Edit > Copy. Then go Edit > Paste and move it over next to
the ___ required: and you've got your energy, text and images. Now, this is how your character will look like.

29v181y.png
----------------------------------------------------------------------------------------------------------------

Extra: Styles for Skills Names

Depending on your feeling, adding some fancy effect on your skills names can be a fun thing, but when you don't know
how to make it, this is a whole new problem. That's why I'm making this new step, Styles for Skills Names. To access
to these features, select the text you want to change and go Layer > Layer Style > Blending Options. On this, you have
differant Styles for yours text. The one mostly used for character are: Drop Shadow, Bevel & Emboss and Stroke.

Extra 1.1: Drop Shadow
This is the settings of what could like a certain type of Drop Shadow on your Skill Name. If you don't like it, you can
change: Opacity, Angle, Distance and Size. For Example:
iz0oic.png

Extra 1.2: Bevel & Emboss
This is the settings of what could like a certain type of Drop Shadow on your Skill Name. If you don't like it, you can
change in the structure, the Depth and the Size. In Shading: Angle, Alltitude and the Opacity of both Highlight & Shadow
Mode. For Example:
1iodo8.png

Extra 1.3: Stroke
This is the settings of what could like a certain type of Drop Shadow on your Skill Name. Most of the time, the size 2 is
the best for this setting, nothing more can be change. For Example:
2z56ipk.png

Extra 1.4: Final
This is the differant choices you have for making your new style. Advice: You can mix them together to make new effect if
you want.
33p4js0.png

----------------------------------------------------------------------------------------------------------------

Credits: • Shadow_Shaman for this epic banner.
• Kiba2345 for the idea of making a tutorial.

If you have any comments on the way I could improve this custom character tutorial, just give a comment below !
2nktpgl.png 9908dx.png
Contest Won: 84 ~~~~~~~~~~ Wanted Poster ~~~~~~~~~~ Fairy Tail Cards ~~~~~~~~~~ CCM Tutorial ~~~~~~~~~~ Youtube Channel ~~~~~~~~~~ Living My Life In An Extreeeeme Way!
  Posted on February 25, 2011 01:18
AngryBlitz
Rank: member

Forum Rank:
Karakura Town Hero

Posts: 10
Joined on:
February 21, 2011
#2
Awesome! Good job Matbob!
Better.png
  Posted on February 25, 2011 01:19
(Bankai-Ichigo)
Rank: member

Forum Rank:
Fullbringer

Posts: 576
Joined on:
April 19, 2009
#3
Awesome :push
~|Winner of DBCCC #4, #7, #8 S2 #1 = (Bankai-Ichigo)MJ.gif
~|TheNewLanguageOfNoSpaces ~|NoviceCharacterMaker
~|Winner of 6th EnCypher Tournament - (Bankai-Ichigo)
~//B~Ichi~Showcase~1.0 ~|Post 3000th Exilum Thread

~//B~Ichi~Character~Showcase
  Posted on February 25, 2011 01:26
AwesomeFace123
Rank: member

Forum Rank:
Fullbringer

Posts: 563
Joined on:
January 5, 2011
#4
Awesome! This should more popular! Thank you very much for this!
Free Xats/Days|My Bud'|Me|Alt Account|Game Account|500th Post|Last Cross-over Vote
Signature by _yamamoto. Active user (Who is slowly less active lately). NOT Awesome
  Posted on February 25, 2011 01:43
deiske
Rank: member

Forum Rank:
Captain

Posts: 2557
Joined on:
March 26, 2009
#5
Thank you so much for cs5.

i;ll be trying this out once it's done downloading.
xpswth.jpg
bL3tc.png

Shit by Kakashi338
  Posted on February 25, 2011 02:13
GreenLight
Rank: member

Forum Rank:
Sub. Shinigami

Posts: 54
Joined on:
February 22, 2011
#6
Thanks so much man .

This will be very helpful to others in the long run.
Fuji Bawwsssss
nmnm.png


~ Lourbina - Sever 5
~ Quantom - Sever 6
  Posted on February 25, 2011 04:44
Impaled-Chaos
Rank: member

Forum Rank:
Fullbringer

Posts: 724
Joined on:
August 30, 2010
#7
Awesome i really liked this con sidering it helped me:laugh

1 typo "This can be used trice a game" in skill 1
newsig-2.png
  Posted on February 25, 2011 15:40
UltraFlamez
Rank: member

Forum Rank:
5th seat

Posts: 1021
Joined on:
December 23, 2009
#8
Great topipc Mat ^_^, this is sure to help out alot of people.
~Revived from the dead!!
  Posted on February 26, 2011 13:08
Adamems
Rank: moderator

Forum Rank:
Arrancar

Posts: 1244
Joined on:
January 14, 2009
#9
Very nice job Mat! It would help all new character makers perfectly! Easy to understand and very nice presentation. This should be stickied!
Tagged by Arb
Credits to Grimsley for the avy. :amused
ab55vn.png
  Posted on March 4, 2011 19:08
Kon-Sama
Rank: member

Forum Rank:
5th seat

Posts: 1090
Joined on:
January 14, 2009
#10
Awesome Mat! I think you should add tutorial for text (gradient, shadows) :amused
kon.png
  Posted on March 4, 2011 19:12
LeoBaka
Rank: member

Forum Rank:
Ryoka

Posts: 272
Joined on:
September 14, 2009
#11
Kon-Sama wrote:
Awesome Mat! I think you should add tutorial for text (gradient, shadows) :amused
this would be an nice ideia :blink
this tutorial is very good thnks mat it will really help new CCM
*Sky Custom Character Contest* /// Avy by Sorina-Hokage /// Sexy Sig by Shadow_Shaman <3[/i]
leossig.png
Click For Best Custom Character Constest <3 /// Contests Won : 18

  Posted on March 5, 2011 10:21
Arthis
Rank: member

Forum Rank:
3rd seat

Posts: 1790
Joined on:
October 23, 2010
#12
thanks for this. special credits for the websites where i can download HQ episodes it will help me a lot. :amused
Need GFX, like signatures, icons and avatars? Just PM me, and i'm sure i won't do it! :cool
Avatar taken from the B man
  Posted on March 9, 2011 01:52
matbob
Rank: member

Forum Rank:
3rd seat

Posts: 1756
Joined on:
January 14, 2009
#13
Kon-Sama wrote:
Awesome Mat! I think you should add tutorial for text (gradient, shadows) :amused
That would be a great idea, I will make one probably this week-end! :amused
2nktpgl.png 9908dx.png
Contest Won: 84 ~~~~~~~~~~ Wanted Poster ~~~~~~~~~~ Fairy Tail Cards ~~~~~~~~~~ CCM Tutorial ~~~~~~~~~~ Youtube Channel ~~~~~~~~~~ Living My Life In An Extreeeeme Way!
  Posted on May 9, 2011 01:37
matbob
Rank: member

Forum Rank:
3rd seat

Posts: 1756
Joined on:
January 14, 2009
#14
News & Updates

Finally I made the section: Styles for the Skill Names. You can see how to make fancy text for your skill names!

Hope that will help you people!
2nktpgl.png 9908dx.png
Contest Won: 84 ~~~~~~~~~~ Wanted Poster ~~~~~~~~~~ Fairy Tail Cards ~~~~~~~~~~ CCM Tutorial ~~~~~~~~~~ Youtube Channel ~~~~~~~~~~ Living My Life In An Extreeeeme Way!
  Posted on May 9, 2011 01:39
HeppySkeetz
Rank: member

Forum Rank:
Karakura Town Hero

Posts: 8
Joined on:
April 26, 2011
#15
Amazing.
All that needs to be said.
||Facebook~Heppy Bhoyy||
17y0x1.png
Yes, I created this signature of my friend Yaris.NO I do not give a fuck about your ratings and comments.