SitePoint Sponsor

User Tag List

Results 1 to 16 of 16
  1. #1
    SitePoint Evangelist j0n's Avatar
    Join Date
    Apr 2003
    Location
    uk
    Posts
    545
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile Little project...

    I thought that it would be intresting to try and change a picture of one of my close friends to look like someone from Jet Set Radio.

    Is there an easy way to simpley "cell shade" a picture?

    Here is the image if any of you want to have a go..

    http://www.jonwheatley.co.uk/pics/pic3.JPG

    Cheers Jon

  2. #2
    SHIZA
    Join Date
    Apr 2003
    Location
    Great White North
    Posts
    320
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hey i wouldn't mind knowing this without flash vector tracing it
    Pixel Engineer

  3. #3
    SitePoint Evangelist j0n's Avatar
    Join Date
    Apr 2003
    Location
    uk
    Posts
    545
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hummm... i have been looking around for some tuts.. not had anyluck

  4. #4
    SitePoint Evangelist j0n's Avatar
    Join Date
    Apr 2003
    Location
    uk
    Posts
    545
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can anyone help me on this question / problem ?

  5. #5
    SitePoint Zealot poLka's Avatar
    Join Date
    Apr 2003
    Location
    GF
    Posts
    136
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    photoshop?

  6. #6
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,265
    Mentioned
    115 Post(s)
    Tagged
    1 Thread(s)
    This might get you part of what you want:
    http://www.psppower.com/2001october/...caricature.htm

    Then use the line art coloring techniques covered here:
    http://graphicssoft.about.com/gi/dyn...arp%2Fcomic%2F
    or
    http://graphicssoft.about.com/gi/dyn...torial_14.html
    or
    http://tutorials.dragonsoulgallery.c...hop/cel01.html

    -- OR --
    Some start to finish tutorials (though end results aren't finished very well...):
    http://www.abweb.us/tutorial001.html
    or
    http://www.w2mw.org/tutorGordon/gordon.html
    or
    http://apartment42.com/xlesson3.htm (not really what you want, but a cool end result)
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style
    Learn how to be ready for The Forums' Move to Discourse

  7. #7
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,265
    Mentioned
    115 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by DaveMaxwell
    This might get you part of what you want:
    http://www.psppower.com/2001october/...caricature.htm
    Just to show how painfully easy this tut is, here's your friend after about five minutes:



    Obvisouly it could be MUCH cleaner, and better colored, and such, but it gets the basic concept....
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style
    Learn how to be ready for The Forums' Move to Discourse

  8. #8
    SitePoint Zealot poLka's Avatar
    Join Date
    Apr 2003
    Location
    GF
    Posts
    136
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sweet job Dave, *hat goes off*

  9. #9
    I'm a cook. I knead dough. graphixkid's Avatar
    Join Date
    May 2003
    Location
    NH, USA . . . . . . . . Snowboarder: YES.
    Posts
    1,122
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here's my little try. I simply played around with the Poster Edges filter in Photoshop.


  10. #10
    + platinum's Avatar
    Join Date
    Jun 2001
    Location
    Adelaide, Australia
    Posts
    6,441
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just do it in illustrator and trace it yaself
    Here's a start
    Attached Images Attached Images

  11. #11
    SitePoint Enthusiast dynagirl's Avatar
    Join Date
    May 2003
    Location
    Maryland, USA
    Posts
    35
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I took a stab at it:


  12. #12
    reputation consultant ThaVincy's Avatar
    Join Date
    Mar 2003
    Location
    Flanders
    Posts
    523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by dynagirl
    I took a stab at it:


    Holy f*** ! That is SO awesome. How did you do this? Some fx or just done by hand?
    ThaVincy | redesigning your image
    Twizted Imagebuilding personal and corporate reputation solutions

  13. #13
    Fine Tuned silver trophy KC's Avatar
    Join Date
    Sep 2001
    Posts
    2,291
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would say that last pic from dynagirl is fantastic. Worthy of its own tutorial thread in the Multimedia and Graphics forum. Wow!

  14. #14
    SitePoint Evangelist j0n's Avatar
    Join Date
    Apr 2003
    Location
    uk
    Posts
    545
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    WOW! This has helped me loads!

    Thanks everyone.

    I think i will edit one and use it as my avatar

    thanks again!
    j0n

  15. #15
    SitePoint Enthusiast dynagirl's Avatar
    Join Date
    May 2003
    Location
    Maryland, USA
    Posts
    35
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the compliments!

    The process was very time consuming, but not complicated. It was basically lots and lots of hand coloring (in PhotoShop). What I did was use the poster edges filter on the photo (Edge Thickness 2, Edge Intensity 1, Posterization 2) to simplify the colors. From there, I blacked out the background--using the paintbrush to get a good isolation of the image. Next, I picked 3 colors for the flesh tone, 4 colors (including white) for the shirt, 3 colors for the hair, and I started hand coloring with the paint brush. Oh, I had to deviate a bit from my simple color pallet for the mouth, eyes and nostril.

    Of course, I worked in layers, so that the photo was one layer, the posterized version was another layer and my painting was done on a third layer. I frequently turned the poster layer off and on so I could jump back and forth between painting over the poster layer and over the photo layer when I needed a different perspective to decide how to paint it. When I was satisfied, I flattened the whole thing so that any gaps in the hand-painting were taken up by the poster layer below it. I'd say the final product is about 99% hand-painted.

    To finish it off, I selected the black background, inverted the selection to grab the image, fiddled a bit with the selection size to allow for a black edge around the image, then pasted it in to a new transparent document. The final step was a black paintbrush (3 px) touch-up--I went through and made some lines on the shirt and smoothed some of the border edges. After that, I saved it as a gif image with gray-blend matte.

    I have to say, I was very pleased with the end result. Glad everyone else likes it too.

  16. #16
    SitePoint Evangelist j0n's Avatar
    Join Date
    Apr 2003
    Location
    uk
    Posts
    545
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My friend was really really happy! I showed him this thread and he was very impressed.

    *gives reputation points*


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •