photoshop

[Neo-Geo]

anyone know how to make cell shading effect to picture using adobe photoshop?

i've search the forum and found kitiara's tutorial, but that using adobe illustrator and for vector image.

[mdipi]

i would just use her tut on colouring over at her site. it works for both i would think. thats hwo i do it...

www.nowingsnohalo.co.uk

[Kitiara]

The direct link is here: http://www.nowingsnohalo.co.uk/gallery/tute_cellshading.htm

It's how to colour with Photoshop to produce this kind of effect...

http://www.nowingsnohalo.co.uk/img/gallery_kitiara_01.gif

The principle can be applied to most images that you've drawn, as long as you have the outline... :)

[mdipi]

kit does it work for real people? lol eheh if you dotn get the joke let me know i will pm you the punch line

[Kitiara]

Very amusing Mdipi... :sure:

I'm sure it works for everyone - that image above was my first proper cell shading job. :)

[Neo-Geo]

kitiara, what if we are using cartoon picture that is not vectorly drawn?

[Kitiara]

Can you show me an example of what you're trying to shade?

Theoretically it should work. My image was done in Illustrator as a vector, but pasted into Photoshop so it's not anymore. Any outlines, whether vector or bitmap should work OK...

[luksy]

hey Kitiara can i just ask you how the hell have you learned to draw so good? What are the secrets of drawing? How to start? How much to draw a day? What to draw?

[iLikePie]

draw as much as you can! it's all about practice

i'm not really a good drawer myself, but i find that observational stuff really helps, especially for things like reflections and making textures...

and for people, i like to draw them from fashion mags/ads, because they've got good clear shots so you can learn how to balance features etc.

I guess books on drawing would also help

and i'm sure kit will give you a better answer (since you asked HER) :P
Stuart

[bleutuna]

I think he's talking about taking a photo, and automatically turning it into a cel-shaded picture (a la Waking Life).

You can try using the CUT-OUT filter in Photoshop, that works okay. Or you can take the photograph into Flash and work with the TRACE > BITMAP. Adobe Streamline is also supposed to offer similar results.

Me? I'd just take it into Illustrator and trace it :P

That's what I did with the pictures below:

http://www.mywebfile.com/Q/comic.gif
Traced the pic of my bud, then made it more simple; the pic of me (with the fuzzy face) i just drew in Illustrator freehand)


http://www.mywebfile.com/Q/xgia_head.gif
Traced the shadows of the face, and modified where I thought it needed to be done


http://www.mywebfile.com/Q/heartbreak_large.gif
Traced the outlines of the body, and modified where I thought it needed to be done

http://www.mywebfile.com/Q/monkeyrocket.jpg
Drew this one freehand

http://www.mywebfile.com/Q/basketman.gif
This'n took a long time, but basically just traced everything froma photograph, and modified for effect when necessary.

Typically, I change the image from its original state, but use the photograph as a basis.

:pope:

[DDD]

thats not really cell shading.....(not a knock on on Kit).....A good reference of cell shading. lil too much gradient here is a good example of cell shading. Which can be done btw using her tuts. PS is not real good for vectors since the neccesary combine path commands are not there.

[DDD]

yeah like bleu's

[Kitiara]

Originally posted by luksy
hey Kitiara can i just ask you how the hell have you learned to draw so good? What are the secrets of drawing? How to start? How much to draw a day? What to draw? So many questions. :)

I think Edwin summed up the answer to the first question in one word - practice. :) I've got millions of sheets of paper at home covered in sketches and cartoons and just general rubbish. Some of them are OK, others are fit only for the bin. But the more I practice, the less "fit for the bin" things I make.

Secrets of drawing? Difficult... I guess it depends on what kind of style you like to draw in. I like Japanese anime / manga (as you might have noticed) so I look at a lot of that - even stuff like Pokemon. :sure: Any examples of the style can give you help.

I started out by drawing things like game characters, where the basics were already there, so all I had to do was copy. I still like drawing things like that really. :) But once you've started to get the hang of drawing poses and proportions and facial expressions, you can start making original characters.

All my drawings are done on paper first, then scanned in and traced in either Illustrator or Flash then coloured in Photoshop of Flash (though I haven't done Flash drawing for a while now).

It's really just about drawing as much as you can. What you draw is entirely up to you. :)

[Neo-Geo]

the picture that 3d-iva attached is more to what i want to acheive. that kind of cell-shading.
But Bleutuna's pictures are really cool. never tought about trace bitmap before. its hard to trace because we have to do try and error - adjusting color threshold, minimum area, curve fit and corner threshold until we satisfied with it.

[eyeinfinitude]

Neo-Geo, I found this tutorial awhile go, maybe it might be of some use to you.

http://www.thenamelesspage.com/lpcellcolor01.html

[bleutuna]

the picture that 3d-iva attached is more to what i want to acheive. that kind of cell-shading.


Well, that's because it *is* cel-shading, not a mock of cel-shading.

That's a videogame, it's polygons rendered to include flat color, and the only way to do that is with Maya, 3DSMax or similar. Otherwise, you're just copying the style, which you can do easily in Illustrator if that's your desire. There's a serious lack of detail when this happens.

Cel-Shading is meant to look like cartoons, but most don't quite reach that level. They come close, but they fall short. If you're looking to make a picture of a person look like a cartoon, try looking at actual cartoons and not cel-shading :D

Here's some good cel-shading for you that actually resembles a cartoon :D

http://image.com.com/gamespot/images/2003/gc/zeldawindwaker/0324/zeldaww_0324_screen011.jpg

http://image.com.com/gamespot/images/2003/gc/zeldawindwaker/0324/zeldaww_0324_screen001.jpg

http://image.com.com/gamespot/images/2003/gc/zeldawindwaker/0324/zeldaww_0324_screen043.jpg

http://image.com.com/gamespot/images/2003/gc/zeldawindwaker/0324/zeldaww_0324_screen017.jpg

Zelda was designed in Maya, btw.

:pope:

[mdipi]

how i miss taht game....and what site are those from?

[DDD]

not to tit for tat but zelda is low poly cell shading. You can get detailed cell shading like in the video the hulk for xbox. Just depends how much time he has. But yes cell shading derived from video games and you just catch the main shadows casted.

[bleutuna]

I dunno if it's low-poly cel-shading, as I don't know the polygon count in Zelda. But the Cel-Shading in The Hulk doesn't look nearly as much like a cartoon as Zelda does. It's not a matter of how many polygons, it's a matter of what the end result looks like.

Zelda is by far the closest any game has ever come to looking like an actual cartoon. Followed by Herdy Gerdy for the PS2.

:pope:

[Neo-Geo]

i always wonder, why cell shading nowdays are more popular than 3D. isn't 3D looks more realistic than cell shading?

[Kitiara]

Yes it is... But sometimes you don't want realism. :)

Personally, I like cell shading (or my approximation of it), as it gives a good effect to the anime / manga style of character and scenery that I draw.

It depends on what you're aiming for as to whether cell shading is suitable. :)

[DDD]

Yeah cell shading is cool. I personally do not favor it. But uni did quite a unique job on the hulk. Like kit said sometimes it is the order of the day and sometimes it is not.

[DDD]

sorry dippy did not see your post. These screen shots are from game spot www.gamespot.com

[bleutuna]

And it's cel-shading, with one "L" - as in cel animation :D

:pope:

[DDD]

well in ebonics it is "cell" heehee

[mdipi]

:P you two. lolthanks 3d, that site is sick