Learn How to Make Your Own Cartoon Mascot
In Drawing by Darinka UribaresThis tutorial is under editorial review. We appologize for the inconvenience.
If you enjoyed this post, your vote is always highly appreciated!!
Delicious
StumbleUpon
Float
Reddit
Bump This!
Comments
Leave a CommentAdd a Comment
Note: We use Gravatars on PSDTUTS, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too!
w1sh
July 9th, 2008
1st
Sean
July 9th, 2008
Thats great!
w1sh
July 9th, 2008
Now to read it.
Caliph
July 9th, 2008
First!!
Thanks so much for this!
Please most more tutorials like this but pixel art style people??
w1sh
July 9th, 2008
That is one cool guy.
It’d be so much easier to do something like this in Flash or Illustrator, but it’s still interesting to see how you could do it in PS.
I like tracing the lines with the pen, but jeez that has to be time-consuming as hell.
Rick
July 9th, 2008
I guess being able to draw sort of helps with this one…
varioke
July 10th, 2008
very nice dude !!
pica
July 10th, 2008
guess i’m just not patient enough to do something like that… sigh
i got a character flying round my mind for 2 years now
“go, get a f***ing pen!”
Nodster
July 10th, 2008
that is a great tut….excellent
Pat Weiss
July 10th, 2008
oh yes! very nice tutorial…i can remember there is a similiar tutorial on psdtut but i like how u chose ur colors and explain them in this table. well done. maybe u could explain whats the most important thing from the dummy scetch to the scatch with the proportion one.
cheers
RZ
July 10th, 2008
WAOUUUUUUH !! Nice nice nice nice nice !
RZ
July 10th, 2008
But with Illustrator, we can enlarge it after ;). Not here.
But here we work at 2000dpi. ^^
Paul
July 10th, 2008
Great tutorial. I will follow through with doing this one when i get some time. very good.
helpfullhand
July 10th, 2008
Wow, nice tutorial, definatly gonna try it.
Noils
July 10th, 2008
Wow, pretty cool tut!
Will try this sometime for sure.
Lorenzo Bondioni
July 10th, 2008
yeaaah!very cool tutorial!!!
Daniel
July 10th, 2008
very nice one and inspiring! thanks for sharing.
Brent Nelson
July 10th, 2008
Awesome. Illustration is where it’s at. Thanks for doing this one mate. Great job.
Harry
July 10th, 2008
Awesome tut mine didnt go quite as well but brill
Nick
July 10th, 2008
Mad skillz… so jealous.
Andre
July 10th, 2008
hands down to Illustration…very nice tut
Jeff
July 10th, 2008
Haven’t got the hang of illustrator yet so its nice to see I can do stuff like this in photoshop.
Good Job Man.
P.S. w1sh we can see who posts the first comment so no need to tell us.
diesel
July 10th, 2008
Awesome tut. One thing that is often overlooked when creating cartoon images is the colour of the outline. You have shown that it doesnt have to be all black! Attention to detail is great! Now if only I could draw like that…..
My Ink Blog
July 10th, 2008
Gotta love the shoes!
Lamin Barrow
July 10th, 2008
COOL mascot. Very nice.
Carlos
July 10th, 2008
Totally dig this!
ingnition
July 10th, 2008
very nice. can u make for the next one something like effects?
Tim
July 10th, 2008
nice to see some traditional art incorporated into graphic design.
Matt Radel
July 10th, 2008
You could also trace your sketch with a medium to heavy weight Sharpie (to make nice, consistent thick lines), and bring the scan into Illustrator to perform a live trace (you’ll prolly have to do some clean up on the vector). Then bring the vector outline into PS as a smart object and do the rest of your coloring from there. Depending on the illustration, you can save yourself a ton of work. Of course that approach isn’t really suited for PSDTUTS.
Nice tut though.
LOSWL
July 10th, 2008
Excellent tutorial, great instructions on using line weight and the final result is spectacular!! :o)
wildwise
July 10th, 2008
cool
Dan
July 10th, 2008
Nice tutorial, but that character is BEGGING for cel shading.
James
July 10th, 2008
Well that would be awesome… if I could illustrate a cartoon character…
Shane
July 10th, 2008
I’m not a fan of the website mascot trend, but I like the tutorial!
Thanks for posting.
Aaron
July 10th, 2008
Tracing a whole drawing in PS..not my idea of fun, i also dont like doing it in illustrator..actually the only program I enjoy vector drawing with is Flash. Easy and simple.
Josh
July 10th, 2008
That’s a great tutorial. Bummer thing it actually requires a certain amount of artistic ability as a pre-requisite. Now if only there were a plug-in for illustration…
Great job!
Snorri3D
July 10th, 2008
nice tut but i am not sure if i can draw that well
But what is the name of that font the “PSDTUTS.COM” the cartoon font
MONSTER
July 10th, 2008
Great tips and tricks but the guy’s hat bugs me.
UREAD MY MIND...
July 10th, 2008
wow.. u read my mind was looking at some stuff and i cant wait ! perfect for my new website
Mark
July 10th, 2008
nice effect
yamaniac
July 10th, 2008
woah!!! The tut is amazing!!! But a cartoon that has to be drawn in photo shop?? You gota be kidding?? Might take a month for a beginner, just to draw the borders!
Hooper
July 10th, 2008
If you no skill at drawing and you have a Wacom tablet you can cheat:
Pick out a drawing you wanna copy and print it out the size of your Wacom tablets size and tape it to it.
Then just ‘trace’ the drawing with your stylus.
But drawing is not hard. just liked anything else<<<practice,practice,practice.
And of course, there’s tons of drawing tut’s online. (youtube etc)
Almoheet
July 10th, 2008
very nice
Braden Keith
July 10th, 2008
I have been waiting forever for this tut! You have no idea how much of a blessing this is. Thank you.
Kevin
July 10th, 2008
This helps alot, makes me want to try this on one of my sites.
Mr Kuzio
July 10th, 2008
Fantastic!
Craig Snedeker
July 10th, 2008
Very cool@
motionman95
July 10th, 2008
Whaaaa! W1sh reads PSDTuts??!!! Btw, nice tut! (too bad I can’t draw)
Danny
July 10th, 2008
This is amazing!
MD
July 10th, 2008
Great tut!
thanks
Jad Graphics
July 10th, 2008
That is one cool tutorial, but unfortunately, some of us can’t draw.
mac_fun
July 10th, 2008
Great.
I wanna see VECTORTUTS dealing with the same picture.
Joefrey Mahusay
July 10th, 2008
Wow great tutorials…
Mark Abucayon
July 10th, 2008
wow I like this one… great tuts I love it
Ali
July 10th, 2008
nice
Abdul Akbar
July 10th, 2008
Great tutorial, and awesome end result.
I found the coloring section very informative.
Digital I.T Blog
July 10th, 2008
Isaw your tutorial on digg and visited here , even i have one mascot for my blog but i have decreased its size very small according to my banner size , but it is the fact that mascot makes blog and website outstanding .
Andrei Constantin
July 10th, 2008
too bad that i suck even with a tablet in my hand
Kiten
July 10th, 2008
Nice animation, nice job
Richard
July 10th, 2008
COOOOOOL! really cool.
Anton
July 10th, 2008
I have to say this tutorial is very disappointing, its just a low quality rip off of this one: http://www.smashingmagazine.com/2008/02/13/drunken-monkey-photoshop-tutorial/
The drawing style, the colors, even the tutorial itself is a low quality clone.
I would go further, he ripped the bottom part of the character, there is lot of difference in terms of quality respect the top part of the character. I will do some research for you PSDtuts.
O'daddy
July 10th, 2008
Rad!!
solwyvern
July 10th, 2008
It explains how the drawing was made very well,… but…
hmm,… nope sorry. Not very useful.
Not everyone can draw, and drawing and coloring styles differ with every person.
Also, I think vectoring is a better approach, …
..and it would be better to use the pen tools shape layers, as they’re non-raster.
Odibudda
July 10th, 2008
Realy COOL! Just a beginning, but… cool.
miri
July 11th, 2008
Really nice tut.
antpaw
July 11th, 2008
photoshop is not good for this kind of images
use illustrator next time
Evolved Templates
July 11th, 2008
Thankyou for the share, much appreciated!
jason
July 11th, 2008
why not just use illustrator? this tutorial leaves you stuck with a bitmap when you could migrate to illustrator after step two and have a vector file.
Qbrushes
July 11th, 2008
I agree Jason. anyway either way its obvious how to create this either in PS or AI the only part that can’t be taught is drawing
Tony
July 11th, 2008
Such a good tutorial, that’s a real PSDTUTS tutorial !
Anton
July 11th, 2008
I did some research and I was right in every point.
As I said before, this tutorial sounds very fischy, this guy just ripped this tutorial: http://www.smashingmagazine.com/2008/02/13/drunken-monkey-photoshop-tutorial/
He just drew the head of the character: http://klops05.deviantart.com/art/pencil-lines-73020023 The rest was ripped from another artist, just take a look to the previous image, that is his real skill.
Im sorry PSDTuts, but I have to say… you need to do some research before posting tutorials, newbies like this one can ruin your wonderful site.
Kovilen1207
July 11th, 2008
Nice tuts!!
Jeff
July 12th, 2008
thank you very much interesting tutorial
J.T. Shaver
July 12th, 2008
Hey pretty cool,
I wrote my own tutorial on creating a cartoon mascot a little while ago. You can see it at http://allthingsdesigned.com/mascot
Hopefully you didn’t steal the idea from me
Francisco S.
July 12th, 2008
Wouldn’t you want to do this in Illustrator?
Ill stick with flash!
-F
Maicon
July 12th, 2008
You done a fantistic work. Congratulations.
Mark
July 12th, 2008
Nice TUT!
Love the quality of your linework - basically the inking stage from comics. I would do the ink work in illustrator as though and bring it back into PS as a smart object, your then safe with any size your mascot needs to go as the inklines will remain crisp! I did a massive caricature this way and all I had to do was adjust some of the colour behind the smart object inks for 5mins and it was resized no problemo!
If you wanna add some spice and texture to your colouring as well, I’d really recommend trying differing brushes for some nice effects. Gotta love PS! Being able to draw as well tho really adds a huge bonus!
Levi Ortiz
July 13th, 2008
I have to say that “darinka uribares” is my girlfriend, and we made that cartoon, but she wrote all the tutorial…. i’m klops05 of deviantart…
Mr. Javo
July 14th, 2008
Great tutorial!
Sean Hodge
July 14th, 2008
@Levi Ortiz - Thanks for clearing that up. We take copyright issues really serious, so I’m happy to know everything’s OK. Especially, since it’s a great tutorial.
@Anton - We appreciate your diligence. I think Levi has cleared up the origin of the character now though. I was a little concerned at first, after looking at the sketch you linked to. Thx.
Also, I think Sergio’s tutorial on Smashing Magazine is great. We’ve referenced it on the site and in the interview he did here on PSDTUS. We’re actually working with Sergio to make a tutorial for PSDTUTS.
This tutorial, “Learn How to Make Your Own Cartoon Mascot” is unique though. There will always be some similarity when it’s the same subject matter. Let me know if you have an issue with anything specific. I think Darinka did a great job here, and the tutorial is an education addition to the community. Thx.
HERO
July 16th, 2008
Excellent as always! I really love that you stress the color call-outs and the attention to detail/thickness in the line-work. I’d suggest also converting the selections to Vector Masks before filling them with color so you have a fully scalable vector image when all that hard work is finished. Keep up the fantastic work!
Dean
July 16th, 2008
This is a great tutorial!
I have been looking for something like this.
Thanks!!
How long did it take to make?
jonasll
July 17th, 2008
reminds me of a psycopath monkey tutorial i saw for illustrator… good stuff
Sean Hodge
July 17th, 2008
Thanks again to @Anton for alerting us to possible issues with this tutorial. We have received further information about this as well.
We have taken the tutorial down to review this thoroughly. We take copyright very seriously. Thanks for everyones understanding.
Amr
July 17th, 2008
really it is Fantastic ,, sure I copy it on my own Blog http://www.bigtutorials.net
vesdean
July 17th, 2008
cool! well done
siladitya banerjee
July 17th, 2008
its a good tutorial bt where it is?
tarkanfan seyfi
July 23rd, 2008
nice…
CuteYellowAshes
July 26th, 2008
arthik - Wicked! How to make your own cartoon using photoshop!
Cula
July 29th, 2008
nICE—-KEEP UP THE NICE WORK
Cream
August 1st, 2008
“This tutorial is under editorial review. We appologize for the inconvenience.”
Sean Hodge
August 1st, 2008
@Hey everyone - We’ll have this issue sorted and the tutorial back up soon. It will have some different images, though a similar process. Thx.
AJ
August 2nd, 2008
Thx, i rly want to see this tutorial, i guess im gonna have to wait then.
Jason
August 15th, 2008
Sick! This is a bit beyond me. When I try to figure out how do you make a cartoon, I might use that site. But this is ambitiously inspiring!
moonglum
August 18th, 2008
Will it go online again?
Nolawi
August 19th, 2008
What up with this - I want to see this tutorial..
AJ
August 20th, 2008
im waiting….