Cel-Shading Tutorial by Kwing


Author & File Information

Kwing

Artist

Kwing

Contact Visit Artist's Site

Additional Audio

Nobuo Uetmatsu (Buy!)

Submitted: 10/03/2009 | 08:32PM EST

File Info: Game | 640.9 KB | Add Game to Favorites

Genre: Tutorial

Current Score: 3.26 / 5.00

304 votes | 1,218 views

Click an icon to vote on this!

You are not logged in.


Related Submissions

Submissions by Kwing: View all 74 of this author's submissions

Users who liked this also enjoyed:

Help this author!


Author Comments

First off, I'd like to inform reviewers that Newgrounds categorizes tutorials and games as the same; if you were expecting this to be a game, you're wrong! This is a tutorial on how to make cell-shaded graphics in Flash.

The tutorial is pretty concise, but it's also decently descriptive, so you should do fine. If I'm moving too fast for you, go ahead and send me a PM. Depending on its contents, I might rephrase my tutorial or simply send a reply back.

EDIT
Look guys, it's not really cel-shading. I've heard that about 4 times over from you guys. It creates the ILLUSION of cel-shading, and depending on your shading picture, it may look more or less realistic. Your best bet is to scan in your own shading pictures exclusive to the artistic theme of the scene. Don't expect a real cel-shading tutorial soon, because FLASH CAN'T HANDLE 3D.

4 reviews | Log in to write a review | Share this!

The people have spoken

Average Score: 3.5 / 10

Score: 3
The-Scourge

"This isn't cel-shading at all"

date: October 4, 2009

The technique is interesting, probably a big space and time waster but interesting. Cel-shading is a type of rendering of 3d models or animation too look hand drawn, you can usually distinguish it in some cartoons where there is going to be alot of movement of a complex entity (like a car or a plane) they will then render it so all the shades become solid and there are basically the two different flat shades. Go look at wikipedia for some examples, and make sure you know what your talking about before you write a tutorial.

October 4, 2009

Author's Response:

I expected that if I got as far as a 4th review that they would say something along the lines of "I know you're probably tired of hearing that it isn't Cel-Shading, so let me review something else about the tutorial." Ah, well. You might have guessed I already know that by now.

Rate this review:
Helpful!
Useless.
Flag as abusive.
No users have weighed in on this review.
Score: 3
BloodStorm2262

"Ehm..."

date: October 4, 2009

Now the tutorial itself is fairly straightforward, albeit extremely bland, I'm not sure that this is exactly Cel-Shading... Checking wikipedia may clear up your misunderstandings... This is indeed an interesting technique, but not Cel-Shading as Cel-Shading is applying thick lines to the edges of objects and characters and has nothing to do with the colors inside of the thick black lines :-D
Cool technique though!

October 4, 2009

Author's Response:

Thanks. If artificial, it's still decent, eh?

Rate this review:
Helpful!
Useless.
Flag as abusive.
No users have weighed in on this review.
Score: 4
Grind29

"Dude you really need actions.."

date: October 3, 2009

To make that static 360?
Then again you even add layers?
1: Draw guy.
2: Paste static over it.
3: Right click static to movie clip.
4: Right click static again and select edit.
5: Select static and then go to properties making it an alpha of your choice.
6: On the edit screen timeline of the static just make the static turn side to side each keyframe.

Ok, this saves up more data than that way.

October 3, 2009

Author's Response:

Lolwut? Are you trying to offer an alternate form of animation? No, mine is probably the better go, since the original static is an imported Bitmap. If you wanted an accurate recreation in Flash the Movie Clip itself would be pretty high memory.

Rate this review:
Helpful!
Useless.
Flag as abusive.
No users have weighed in on this review.
Score: 4
MrBobo64

"I must disagree"

date: October 3, 2009

I do not believe this is a good way to fake cel-shading (that is spelled correctly). However, I see what you are going for (kind of like it was filled with crayon), so I will not blam it.

October 3, 2009

Author's Response:

Whoops, can't believe I misspelled the whole thing! I think cel-shading has a bunch of sub-categories, though, because I've looked it up and the look of them are quite different. For instance, the cutscenes in Final Fantasy Tactics as opposed to the example pictures on Wikipedia.

Rate this review:
Helpful!
Useless.
Flag as abusive.
No users have weighed in on this review.