Jump to content


Photo

Cell-Shading with(in) Genetica

cell-shading Genetica Cartoon

  • Please log in to reply
78 replies to this topic

#1 p6r

p6r

    Advanced Member

  • Full Members
  • PipPipPipPip
  • 293 posts

Posted 15 September 2014 - 08:15 AM

I have decided to start another thread for Cell-Shading with and within Genetica.

Here are the first results with a Sheriff's Star : a "new" one and an "old" one with hits + the same star like painted on "Papercraft" !

(I have used the Snippet tool to insert a black star.)

 

2DSheriffStarNew.png     2DSheriffStarOld.png

 

2DSheriffStarOldPapercraft.png

 

6R



#2 p6r

p6r

    Advanced Member

  • Full Members
  • PipPipPipPip
  • 293 posts

Posted 15 September 2014 - 11:11 PM

I already have worked on this kind of render but this time it's more "dynamic". The lights and shadows follow the curves much better, as you can see here :

 

2DStones2.png

 

6R



#3 MichaelH

MichaelH

    Forum Master

  • Full Members
  • PipPipPipPipPip
  • 309 posts

Posted 16 September 2014 - 11:15 AM

Looks nice.

I tried something like this a while ago.

The hard Thing was to make the Edges like you do in a toon - or cellshader in modern graphiccards.

Here is a sample Picture from a XNA Project by Microsoft.

I understand how the shader works but gave up to simmulate that with Genetica.

 

 

 

 

Attached Images

  • NonPhotoRealisticEdges.png


#4 p6r

p6r

    Advanced Member

  • Full Members
  • PipPipPipPip
  • 293 posts

Posted 17 September 2014 - 07:25 AM

PM sent here...

 

6R



#5 bholtzman

bholtzman

    Active Member

  • Full Members
  • PipPipPip
  • 42 posts

Posted 17 September 2014 - 01:11 PM

I really like the cell shading work that you're doing here p6r. Are you able to adjust the line thickness and darkness to emphasize different parts of an image? I can't imagine how you'd be able to implement that type of logic since there's so much variation that just seems artistic in nature instead of rule based.



#6 p6r

p6r

    Advanced Member

  • Full Members
  • PipPipPipPip
  • 293 posts

Posted 19 September 2014 - 08:58 AM

Thanks bholzman,

 

Here it's possible to change the thickness and the darkness of each "gradient" color, the number of gradient colors, the contrast (more or less) between the colors, to have more or less light, to modify the orientation of the light and shadow, to add outlines or not, to add some texture or not.

You can see the differences here between this picture and the one above.

 

(I don't understand what you mean with "emphasize.........." !?!)

 

2DStonesPapercraft.png

 

6R



#7 p6r

p6r

    Advanced Member

  • Full Members
  • PipPipPipPip
  • 293 posts

Posted 20 September 2014 - 04:23 AM

The same file further and further for Cliffs :

 

2DCliff.png     2DCliff2.png

 

6R



#8 p6r

p6r

    Advanced Member

  • Full Members
  • PipPipPipPip
  • 293 posts

Posted 21 September 2014 - 02:26 AM

By simply playing with the "Remap gradient" we can have a  lot of various renders from the first Sci-fi door :

 

2DScifiDoor.png     2DScifiDoor1.png

 

2DScifiDoor2.png     2DScifiDoor3.png

 

6R



#9 p6r

p6r

    Advanced Member

  • Full Members
  • PipPipPipPip
  • 293 posts

Posted 21 September 2014 - 02:27 AM

Here are some stones :

 

2DBlueStones.png

 

6R



#10 bholtzman

bholtzman

    Active Member

  • Full Members
  • PipPipPip
  • 42 posts

Posted 21 September 2014 - 12:48 PM

Oh wow, the last one is really cool! By "emphasize" I mean to call attention too. I'm thinking in terms of making the line art thicker and/or darker to emphasize. While the un-emphasized line is thinner and/or lighter.



#11 p6r

p6r

    Advanced Member

  • Full Members
  • PipPipPipPip
  • 293 posts

Posted 22 September 2014 - 07:42 AM

Thanks a lot...

 

In fact the gradient colors are from a simple gradient bar (black to white) added to the general color, in another layer (-> "Edit Style" panel).

You can use a gradient from dark grey to light grey if you don't want too much contrast between the colors.

And the larger the white is the more you will have a thicker "light" line. The larger the black is the thicker the "shadow" will be. (Hope you can understand my bad english !?!)

 

As you can see here I have replaced the white color by a grey color to reduce the light effect at the top left !

I have added outlines to create a background like in Comic books.

 

2DStones3.png     2DStones32.png

 

6R


Edited by p6r, 22 September 2014 - 11:16 PM.


#12 p6r

p6r

    Advanced Member

  • Full Members
  • PipPipPipPip
  • 293 posts

Posted 23 September 2014 - 08:27 AM

From this file above :

 

2DStones34.png    2DHoles.png

 

6R



#13 p6r

p6r

    Advanced Member

  • Full Members
  • PipPipPipPip
  • 293 posts

Posted 26 September 2014 - 08:42 AM

From simple Blocks to broken Blocks and Holes with the same file :

 

2DBlocks.png     2DBlocksBroken.png

 

2DBlocksBroken2.png     2DBlocksBrokenHoles.png



#14 bholtzman

bholtzman

    Active Member

  • Full Members
  • PipPipPip
  • 42 posts

Posted 27 September 2014 - 10:31 AM

I really like this p6r. You're getting excellent results! Very usable and great quality for games.



#15 p6r

p6r

    Advanced Member

  • Full Members
  • PipPipPipPip
  • 293 posts

Posted 28 September 2014 - 01:00 AM

Thanks... It seems you are the only one here !?!   ;)

 

Other samples :

 

2DWall.png     2DWall2.png

 

6R







Also tagged with one or more of these keywords: cell-shading, Genetica, Cartoon

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users