1. Concept Art
I want to use the toon shading effect rom concept arts at Reference 1 by ArtVostok Studio.
For the color palette I would like to use the high-contract rough sketch style in my recent favorite game Disco Elysium by zaum.
2. Shader
Custom toon shader with several parameters. I implement the specular highlight. User can select a shadow texture. I genterated a texture with Substance Designer.
3. Outlines
To match my concept art, I use a rather wide outline for my character based on both depth and normal.
The outline color and thickess can be modified. I also use some toolbox functions to animate the outline.
4. Post Process Effect
ACES Tone Mapping
ACES tone mapping is widely used in film industry to achieve natural looking.
Border Line
One hightlighted feature for concept art is the border line around the frame. To get this effect, I take the Abs of the screen uv and compare it to some threshold. By making this threshold to an exposed parameter, we can control the width of the border.
Also to make the border line less boring, I overlay an extra texture against the straight border. The Color of the border can be modified by user.
Film Grid Noise Effect
Overlay a noise texture to mimic film grid effect.
Credits
- Textures:ย Vector image by VectorStock / vectorstock
- Model: Kim Kisuragi:ย https://sketchfab.com/3d-models/kim-kitsuragi-disco-elysium-8797f21bd13f4053a443b14cf4619b0bย Street lamp:ย https://sketchfab.com/3d-models/street-lamp-game-ready-prop-041e5564b5224f83bcb620f551c3751b
Unity 3D Stylization
Project Overview:
Use 2D concept art piece as inspiration to create a 3D Stylized scene in Unity.
1. Concept Art
I want to use the toon shading effect rom concept arts at Reference 1 by ArtVostok Studio.
For the color palette I would like to use the high-contract rough sketch style in my recent favorite game Disco Elysium by zaum.
2. Shader
Custom toon shader with several parameters. I implement the specular highlight. User can select a shadow texture. I genterated a texture with Substance Designer.
<>
3. Outlines
To match my concept art, I use a rather wide outline for my character based on both depth and normal.
The outline color and thickess can be modified. I also use some toolbox functions to animate the outline.
<>
4. Post Process Effect
ACES Tone Mapping
ACES tone mapping is widely used in film industry to achieve natural looking.
| Without ACES Tone Mapping | With ACES Tone Mapping |
Border Line
One hightlighted feature for concept art is the border line around the frame. To get this effect, I take the Abs of the screen uv and compare it to some threshold. By making this threshold to an exposed parameter, we can control the width of the border.
Also to make the border line less boring, I overlay an extra texture against the straight border. The Color of the border can be modified by user.
Film Grid Noise Effect
Overlay a noise texture to mimic film grid effect.
| Without Noise | With Noise |
Credits
- Textures: https://www.vectorstock.com/royalty-free-vector/hand-drawn-grunge-textures-vector-35144679">Vector image by VectorStock / vectorstock
- Model: Kim Kisuragi: https://sketchfab.com/3d-models/kim-kitsuragi-disco-elysium-8797f21bd13f4053a443b14cf4619b0b Street lamp: https://sketchfab.com/3d-models/street-lamp-game-ready-prop-041e5564b5224f83bcb620f551c3751b