May 17, 2008

Turning An Image Into A Cartoon Style - Photoshop - Tutorial on cartooning images.

Free Web Hosting, No Ads > Xisto Network Sites > The GFXTrap Forum - Trap17 Graphics Site > Tutorials
Pages: 1, 2, 3

free web hosting

Turning An Image Into A Cartoon Style - Photoshop - Tutorial on cartooning images.

Benz1435
This tut will show you how to make a photo look cartoonish in three easy steps...

1)Open your image in photoshop, doesnt really mater what size or shape anything really a landscape, city, or a person. I am using a picture of a football player in this example

user posted image

2)Go up to Filter>Blur>Gaussian Blur and set the radius at 3.0 or higher depending on the effect your looking for.

user posted image

3)Last go Edit>Fade Gaussian Blur. A window will pop up... set the mode to darken for tha cartoonish effect or to any other mode for plenty of other effects. Lower the opacity if you don'tl like what it did to your image. You should end up with this if you set the mode to darken.

user posted image

This wasnt a very good picture to use for this so I did a different picture to show you what this can do.

user posted image

Hope you learned somthing in this short tutorial.

 

 

 


Reply

halo2krew
Yeah ive used that techniq. Very good tutorial! smile.gif

Reply

beeseven
The first picture didn't really turn out that well. Awesome that you included another example to show what it can really do. Very good tutorial.

Reply

snlildude87
Yeah, the football picture didn't look very cartoon-ish at the end, but the "gangsta" one is really nice.

Combing the picture with a very good printer, and you can have your friends thinking you're a B.A. artist!

Reply

Seņor Maniac
Well the other people summed it up pretty well.

Thanks for the tutorial though I will use it.

Reply

googlue
Good short tutorial.
Will surely use it sometime soon when creating images for my site.

And Senor, how are you getting along with GIMP?

Reply

doom145
THX A BUNCH!!! Its just I have this project to hand in by tomarow and it has to be a cartoon strip(????) and hence this is a very good way to make it into a cartoon, I can now use a real image and make into a cartoon image e.g Keanu Reeves Animated biggrin.gif

Reply

Sprnknwn
Very interesting... thanks a lot!

I´ve just tried and it gives a good result.

Reply

chungster
*cough* http://www.jdmstar.net/jdmstar.php?jdm=tutorial/cartoon.php *cough*

Reply

Benz1435
Yeh i know that i found that picture after I did the tutorial and told cragllo to edit my post and put it in there.

Reply

Latest Entries

Trap FeedBacker
Annimating in PhotoShop - great tip...question
Turning An Image Into A Cartoon Style - Photoshop

I want to animate some video I have. What is the best way for an amateur to do so? I'm not into high end video SW - I see PhotoShop has a video area - I want it to be pretty much like a RotoScope, but I don't want to do it how they did in "A Scanner Darkly" which was to trace every frame, there has to be an automated way. Ideas please?

-reply by Fletch

Reply

Emerger
I really like quick tips and tricks. I tried this on a picture and in just 3 clicks you have a great effect. It was fun running through the other modes of fading. Each one gave a different effect. Here's my picture.



Keep up the posts!

Reply

Trap FeedBacker
Turning An Image Into A Cartoon Style - Photoshop
Turning An Image Into A Cartoon Style - Photoshop

Replying to halo2krew
Which filter is supposed to be used to crate the cartoon effect?

Reply

Trap FeedBacker
Do you know a easy website where I can just browse my piture make it into a cartoonish figure and put it on myspace?
Thanks

-question by dwayne

Reply

suberatu
Awesome effect and so easy to do. I wish there were more tutorials like this around.

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Pages: 1, 2, 3
Recent Queries:-
  1. photoshop filters cartoon - 0.11 hr back.
  2. cartoonize in photoshop - 0.27 hr back.
  3. turn photo into cartoon - 0.32 hr back.
  4. how to make a cartoon on photoshop - 0.48 hr back.
  5. photoshop cartoon photo - 0.82 hr back.
  6. how to create cartoons in photoshop - 1.23 hr back.
  7. how to make a cartoon photoshop - 1.31 hr back.
Similar Topics

Keywords : turning, image, cartoon, style, photoshop, cartooning, images

  1. Adding Jigsaw Puzzle Effect With Photoshop
    (1)
  2. Adding Signature Stamp In Photoshop
    (2)
    I take pictures for my wife's eBay auctions. She likes her name inserted on the photos. While
    there are many ways to do this, my solution is quick, easy and flexible. Open a new file with a
    transparent background. Size isn't important. Select the text tool and choose your font. I used
    a script font. Type the signature. Now click on Edit/define brush preset A box will pop up
    to name the brush. Open the picture you want to sign. Select the brush tool. From the drop
    down menu select the brush. It will be the last one. Select the color on the....
  3. Photoshop -- Double Stroke
    Learn to create a neat-o text effect (2)
    Lets do this! 1. Create a new photoshop document with the dimensions 88x31. If your lost
    already... quit. 2.Alright make some random background and then put some random black-colored
    (#000000) text on it. Kind of like the picture below. 3. Select the text layer you have just
    created and click on the little f symbol near the bottom of the layer window. A sub menu should pop
    up. Click on stroke. 4. Some editing window should appear. Change all the values to what you
    see in the following image, make sure the stroke color is white (#FFFFFF). After this tu....
  4. How To Make Grid Using Adobe Photoshop
    (0)
    Description Learn to create a neat grid using Adobe Photoshop! Great for many types of
    graphics! Try It Out We're going to start by opening up a new Photoshop Document. You may
    use any image you want, as long as its a resonable size. I chose to use Banjo Bob here
    /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> Click
    File -->New Document. Change the Dimensions to 10x10 and the Contents to transparent. Click OK.
    Now, using the zoom tool, zoom in as much as possible. Make your image look the same as this one: ....
  5. Photoshop Cs Tutorial - Make Your Pics A Little Spooky
    How to Add ghost in your pics. Let peoples wondering is ir a real ghos (5)
    First, you need source pic. I labelled the source pic as S . Heres my source pic: Look spooky
    isn't it? And here's my original pic. I label my original pic as O. Next, i paste the
    S picture on the O picture using adobe photoshop and erase the undesired area. Adjust the S
    position.. Here's the result: Select the S layer and and adjust the opacity and fill until
    you get the most spooky look. Go to filter and select blur-gaussian blur.. Select smudge tool and
    smudge the S picture until you get a better and real ghost shape. Repeat this step un....
  6. Reflective Text
    For Photoshop! (6)
    1: Open up your canvas with the text on it. Duplicate the text layer. 2: Then go
    Edit>Transform>flip vertical 3. You ratserize the text layer. 4. then you take the rectanglar
    marqee tool, and make selection over the text (the duplicated one)about half ways up of the text 5.
    Then right click > feather > put about 5px. Now press delete. And there you go, reflective text
    You'll get something like this or even better. /biggrin.gif"
    style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" />....
  7. Signature Making Full Tutorial
    Old style grunge, not used as much. (1)
    In this tut, I'm going to show you how to make this sig: OK then, lets get started,
    Step1. Start off with a new document with whateve size you use. I use 350 x 150, but it is upto
    you. Then, set your colors to basic by pressing D Step2. Fill it all with black by either
    using the paint bucket or pressing ALT + BACKSPACE I have this: Step3. Make a new layer
    by going to Layer>New>layer or by pressing CTRL + SHIFT + N and click OK. In this layer, take out
    your favourite brush set, set the mode to soft light (It's on the right side of wh....
  8. Adding Shine To Text
    images say "Tiger Ads", but, the board is clsed, so, i'm r (0)
    OK, in this tut, I am going to show you how to add shine to any text. For this example I will be
    using the TigerAds affiliate button. (the board is since closed so, I'm not really advertising
    /tongue.gif" style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" />) OK then,
    lets get started! 1. Open up the image that you will be using, this is mine: 2.
    Now that your image is open and making sure that its the .psd so you can edit the text on it. In
    your layers menu, hold down CTRL and click on the text layer so that only the te....
  9. Photoshop Cs2 Animation Tutorial
    (0)
    Tutorial By: Evil Guy This tutorial will show you how to make a animated pictures in adobe
    photoshop cs2 Step. 1 Open a new document with any size, i used 300 x 100 Step. 2 Now type
    anything in it, I typed Evil Guy Step. 3 Now open the animation window, go window -->
    Animation It will lOok like this: Step. 4 Now on the left in the layers box: And change the
    opacity of the test to 0% like the following Step. 5 Now press alt+shift+ctrl+F to open a new
    frame Step. 6 Now in the new frame change the following settings in the layer box: Step. 7 ....
  10. How To Design A Scan Line Fill Effect In Photoshop
    (2)
    How to design a scan line fill effect in Adobe Photoshop First you need a pattern to fit on
    pictures. To create pattern: 1- Create a new 2*4 image (width=2 px, length=4 px) and set background
    to Transparent. 2- Click the Zoom Tool and zoom on the image (1600%) 3- Select the Pencil Tool and
    specify foreground to black and set master diameter to 3px . 4- Drag in top of the image to paint.
    (Click in image). 5- Hold down CTRL and press A (CTRL+A) to select the image and then select
    Edit > Define Pattern and then type a name and click ok. To apply fill effect: 1- Open....
  11. Photoshop Cs2: Full Signature Tutorial
    Made by Tramposch (11)
    This is a tutorial on how to make a signature like this: First of all, you need to find your
    render, try to find one that doesn't have a lot of space around its arms, or doesnt have a cape,
    because then it will not looks so great with empty space. For the signature I used this render:
    http://i97.photobucket.com/albums/l217/Tra...oredcore2er.png 1) Open a new document, with a white
    background, any reasonable signature size will do (don't make it too large /wink.gif"
    style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" /> ). 2) Go Edit---&#....
  12. Mario Signature (adobe Photoshop)
    (14)
    Tutorial Name: Mario Signature Created by: Tidus Program used: Adobe Photoshop Notes: A
    friend of mine made this tutorial a while ago and said I could repost it. I think its a good
    tutorial and helps those who are still getting new to photoshop. This tutorial is copyrighted to him
    and shouldn't be reposted by others unless you have his permission. Tidus's Second Tutorial
    This is the ending result that you should get after you have completed this tutorial. 1) Okay,
    the first step is open a new document thats 385x115. You can use whatever size you want....
  13. Reflecting Text Tutorial
    Adobe Photoshop CS2 (5)
    Here you will learn how to create cool reflecting text effects! Step 1. Once your ready to add
    text onto your signature your ready to being. With your text tool type what ever it may be. I
    suggest for this effect your text be on something black And your text white. Step 2. Now we want
    to duplicate that layer to do this select the layer and hit ctrl+j. Step 3. OK now that we have two
    of the same layer select the duplicated layer and hit ctrl+t. Right click it and hit flip
    vertically. Step 4. You want to move it down just a bit. Make sure that nothing touches. ....
  14. Complete Signature Tutorial
    Adobe Photoshop 7+ (18)
    Well here's my 3rd tutorial, it took about a hour and a half to make and I hope it helps people
    out. I use this technique in a lot of my signatures. Easy Full Signature In this tutorial I will
    show you how to make a signature like this: Resources used in this tutorial: Dark Crystal
    Script Font Rust and Grunge Brushes Link Render Brushing the background 1) Create a new
    canvas (I used 340x120) 2) Fill the background layer with black 3) Load your brushes 4) Set your
    foreground to white 5) Create a new layer (CTRL+Shift+N) 6) Brush the background....
  15. Photoshop - Lightning Tutorial
    How to make realistic lightning in photoshop. (17)
    This tutorial will teach you how to make realistic lightning. 1) Open a new file, set the
    canvas size to about 400 x 300 pixels. 2) Set your foreground color to white and background color
    to black. 3) Go to Filter > Render > Clouds. 4) Go to Filter > Render > Difference Clouds.
    5) Go to Image > Adjust > Invert. 6) Go to Image > Adjust > Levels. 7) Move the arrow in the
    middle all the way to the right. 8) To change the color of the lightning like I did, go to
    Image > Adjust > Color Balance. 9) That's all there is to making realistic ligh....
  16. Glossy Effect Tutorial [photoshop]
    (11)
    Most people know how to do this but for you people new to photoshop it is a helpful trick!!
    ....
  17. How To Make Cool Rain Effect
    (photoshop tut) (52)
    Here i am going to show you how to create realistic rain effect using photoshop CS, this tutorial is
    suitable for immeadiate beginners too, now the first thing you need is to get a good source image ,
    i used this house which is shown at a kool angle and a dog lookin out of the window supposedly
    because it is raining dublicate the layer ( press Ctrl+J ) or just drag the layer to the create
    new layer button at the bottom of layers tool box , now go to Image > Image Adjustments > Levels
    and make your settings as shown in the image below ... even tough the image w....
  18. My First Sig Tutorial (c4d+coloring) (photoshop)
    your comments please (10)
    First of all open a new document with white background and size 355 / 105 import your render to a
    new layer , name the layer original and hide the layer create a new copy of the original layer
    here's the render i choosed ..... go to Image > Adjustments > Hue saturation choose
    colorize and drag the hue slider to 121 create another copy of the orignal layer go to Filter >
    Blur > Radial blur set amount to 10 , blur method to spin and quality to good now set the blending
    mode of the layer to vivid light go to Image > Adjustments > Hue saturation choose color....
  19. [photoshop]grunge Abstract Sig ~ Samma
    Includes Multi Color Method (9)
    Im not sure if this has been done before... I havent seen a grunge abstract tut before, but anyways
    here it is /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> Outcome:
    1. Fill the canvas with black, and brush with white using a grunge brush. After you have
    completely filled the whole layer with the grunge brush, go to Image > Adjustments > Auto Contrast,
    then go to Filter > Sharpen > Sharpen Edges, then finaly go to Edit > Fade Sharpen Edges and do an
    opacity of 50%. Make a new layer. Repeat Step 1. another 2 times using different gru....
  20. Simple Sig Tutorial
    photoshop sig tutorial : New to photoshop? (22)
    Mytutorial which i made for people who are new in photoshop: This is my first tutorial so maybe
    there are few mistakes .......
  21. Cool Sig Backgrounds With Photoshop
    its cs2 (7)
    make a new one with these then go to layers>duplicate layer Then on the upper one go to
    filter>render>fiber http://img506.imageshack.us/img506/9468/secpmd4gu.png then go to bottom one
    and duplicate that layer and go to filter>render>cloud then on hte newly duplicated one go to
    Filter>render>different clouds then on the same one go to filter>distort>twirl and set it at 200
    Now go to the top one and cllick overlay then go to the middle one and click overlay (overlay is
    on drop down menu) then go to layer>merge down then go to layer>merge down then press c....
  22. How To Double Stroke Images
    Using Photoshop (22)
    (I am aware that there is an existing tutorial on double stroking text, but this is very different.)
    How to double stroke images using Photoshop by Strawberrie 1. Open up/copy&paste the
    image you want to double stroke onto a new layer (Shift+Ctrl+N) in Photoshop. 2. Go to Edit >
    Stroke. Set the width to 3 px and color to whatever you wish your furtherest inside border to be (in
    this case, black). You should get something like this: 3. Go to Edit > Stroke again. Set the
    width to 2 px and color to whatever you wish your middle border to be (in thi....
  23. Photoshop Registration
    concerning the pop-up window (6)
    hey, when you start installing photoshop, does the registration window pop up at the beginning ? or
    it doesn't come out until your 30 day trial is over? because i've reformatted my comp like 3
    times and i have ps on te cd saved but whenever i try to install it it never asks me to register
    it... also which is better? PHOTOSHOP cs OR PHOTOSHOP the newer version? and will the brushes for
    ps8 work on the newer one? thank you!....
  24. Creating Links In Images
    Using ImageReady (15)
    In this tutorial I will show you how to create links in your image. I'm shore there's a lot
    of different ways you can do this, but I'll just show you how to do it real easy. 1) After
    creating the image you want to add links to in photoshop, make shore the mode is set to RGB Color.
    Just go to Image -> Mode -> RGB Color. 2) Go to File -> Jump To -> Adobe ImageReady. Your image
    will now load into ImageReady. For this tutorial I will be using this image that I found: I will
    make the buttons of this navigation bar into links. 3) Press K to select the slice t....
  25. Make A Multi-color Sig {photoshop}
    (9)
    This tut is from my forums at www.halo2krew.com so please give credit if u use it This tut is on
    how to make a multicolor sig. You will have to know the basic commands and tools in Photoshop becaus
    I wont explain everything in detail. 1. Make a new document- 400x100 is what Im doing 2. Most
    people like to fill in the canvas with black or do clouds but im just going to start brushing right
    away. So take out your brushes and press "d" to reset your colors. Then brush with your grunge
    brushes on your canvas untill you get this dark, 3. Now Make a new layer and Brush ....
  26. Adobe Photoshop --- Cyber Abstract
    (14)
    Step 1. Open a new document, make it 800x600pixels and make the background white. Then press D on
    your keyboard, this will make the colors reset to their default. (black and white) Step 2. Go to
    Filter=>Render=>Difference Clouds, press ctrl+F to repeat this step again. Step 3. Next go to
    Filter=>Pixelate=>Mezzotint, and use Long Lines Step 4. Go to Filter=>Blur=>Radial Blur and use the
    settings shown in the image below: (make sure you pull the blur center up to the left corner!
    THIS IS IMPORTANT!) Here is what I got: Step 5. Press Ctrl+U from your ke....
  27. Adobe Photoshop Fire Text
    (5)
    1. Create a new image, any size will do, but I used 400x150 (standard sig size) 2. Fill the newly
    created image with black 3. Create a new text layer with whatever text you want to use 4.
    Merge the text layer with your background layer (Click on your text layer, press Ctrl + E) 5.
    Filter, Stylize, Wind...Use Settings Below 6. Repeat by pressing Ctrl + F 7. Repeat steps
    5-6, changing the direction of the wind to Right 8. Now rotate the canvas 90 degrees CW 9.
    Repeat steps 5-7 10. Rotate the canvas 90 degrees CCW, this will return you to the origina....
  28. [photoshop] Cartoon Vector
    (25)
    How to turn a picture of an actual person into a cartoon... (1) Filter> Blur> Gaussian Blur
    Settings: 9px (2) Press Shift+Ctrl+C now in Mode set it to darken and opacity to 100% if it
    isn't already. And that's it! Simple, eh?....
  29. Make An Energy Blast In Photoshop
    (14)
    1. Start out with a new 250x250 image. Choose a white background. Then press D on your keyboard to
    reset the colors. 2. Go to filter > render > clouds 3. Now go to Filter > Pixelate > Mezzotint.
    Select long lines from the drop down menu. 4. Next go to Filter > Blur > Radial Blur. Choose 100,
    zoom, and best. 5. Finally, to add some color, go to Image > Adjust > Hue/Saturation. You can do
    this quickly by pressing Ctrl+U. You can adjust the colors there. Make sure you check "colorize".
    Seems some of the images don't work....
  30. Exporting Transparent Images In Photoshop To Flash
    Needed: Photoshop 7 or CS, Flash MX (3)
    First of all, it is important that you make sure the image you wish to export is on a transparent
    layer. The transparent layer is a checkered background in photoshop. You can see this checkered
    background in the image to the left. In this example, I created a quick glass icon which has
    different levels of transparency. This is the image I will be exporting, whilst preserving
    it's transparency. Once your image is on a transparent background, head to file > save for
    web. You can only export complex transparency using the .png filetype. So from the drop down....

    1. Looking for turning, image, cartoon, style, photoshop, cartooning, images

Searching Video's for turning, image, cartoon, style, photoshop, cartooning, images
Similar
Adding
Jigsaw
Puzzle
Effect With
Photoshop
Adding
Signature
Stamp In
Photoshop
Photoshop --
Double
Stroke -
Learn to
create a
neat-o text
effect
How To Make
Grid Using
Adobe
Photoshop
Photoshop Cs
Tutorial -
Make Your
Pics A
Little
Spooky - How
to Add ghost
in your
pics. Let
peoples
wondering is
ir a real
ghos
Reflective
Text - For
Photoshop
3;
Signature
Making Full
Tutorial -
Old style
grunge, not
used as
much.
Adding Shine
To Text -
images say
"Tiger
Ads",
but, the
board is
clsed, so,
i'm r
Photoshop
Cs2
Animation
Tutorial
How To
Design A
Scan Line
Fill Effect
In Photoshop
Photoshop
Cs2: Full
Signature
Tutorial -
Made by
Tramposch
Mario
Signature
(adobe
Photoshop)
Reflecting
Text
Tutorial -
Adobe
Photoshop
CS2
Complete
Signature
Tutorial -
Adobe
Photoshop 7+
Photoshop -
Lightning
Tutorial -
How to make
realistic
lightning in
photoshop.
Glossy
Effect
Tutorial
[photoshop]
How To Make
Cool Rain
Effect -
(photoshop
tut)
My First Sig
Tutorial
(c4d+colorin
g)
(photoshop)
- your
comments
please
[photoshop]g
runge
Abstract Sig
~ Samma -
Includes
Multi Color
Method
Simple Sig
Tutorial -
photoshop
sig tutorial
: New to
photoshop?
Cool Sig
Backgrounds
With
Photoshop -
its cs2
How To
Double
Stroke
Images -
Using
Photoshop
Photoshop
Registration
- concerning
the pop-up
window
Creating
Links In
Images -
Using
ImageReady
Make A
Multi-color
Sig
{photoshop}
Adobe
Photoshop
--- Cyber
Abstract
Adobe
Photoshop
Fire Text
[photoshop]
Cartoon
Vector
Make An
Energy Blast
In Photoshop
Exporting
Transparent
Images In
Photoshop To
Flash -
Needed:
Photoshop 7
or CS, Flash
MX
advertisement



Turning An Image Into A Cartoon Style - Photoshop - Tutorial on cartooning images.



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE