RealToon (An AAA Toon/Anime Shader and Stylized)

Community Showcases
1

2700799--990387--Promo 1.png
2700799--990387--Promo 1.png860×389 444 KB

An AAA Anime/Toon Shader, Achieving Real Anime/Toon Look.
(Anime/Toon/Cel shader.)
[For Games, Animation/Film & Illustration]

Features:

  • Perspective Adjustment [Adjust the perspective of an object from 3D to 2D]
  • Smear Effect [Anime/Toon style motion blur effect]
  • Realtime/Dynamic Lighting
  • You can also use pointlight or spotlight for lighting.
  • Self Shadow (Anime/Cartoon like shadow, You can adjust the size and intensity of the shadow, you can also change the color)
  • Normal Map (For more details)
  • Reflection (Use any images/textures as reflection)
  • Outline (You can also change the Color and width)
  • Gloss (Texture) (Custom Gloss) - Useful for Anime/Cartoon Style Gloss
  • Refraction - for anime/cartoon style glass,liquid & ice.
  • DXR/Raytracing Support.
  • It includes Screen Space Outline for more detail pixel outline.
  • More…

*More features to come.
*You can also do any style (Stylized), yep more than anime/cartoon look.
Video Tutorials:
https://www.youtube.com/playlist?list=PL0M1m9smMVPJ4qEkJnZObqJE5mU9uz6SY
RealToon Version List:
Box

(Here are some screenshot)

785×478 147 KB

2700799--702933--41.jpg
2700799--702933--41.jpg2048×1152 706 KB

2700799--514316--Ria Chan Bored (Small).jpg
2700799--514316--Ria Chan Bored (Small).jpg1300×731 187 KB

2700799--650039--40.jpg
2700799--650039--40.jpg2048×1152 1.06 MB

For more screenshot see store page.
[To see the shader in real-time]

Demo #1 (On Character Use & Lights Demo) [Web Browser View]
[Click Here]

Demo #2 (On Scene Gameplay Demo) [PC/Mac or Linux Builds]
[Click Here]

Get RealToon on Unity Asset Store

2

[Current Version: 5.0.9]

This update supports Unity 5, 2017, 2018, 2019, 2020, 2021, 6 and future unity versions.

===========================================================
New
===========================================================

- Perspective Adjustment [URP & HDRP]
*Adjusting the perspective from 3D to 2D/2D to 3D.

- Smear Effect [URP & HDRP]
*Transparency affects shadow.

===========================================================
Changes and Improvements
===========================================================

- Minor UI improvements starting Unity 6 - URP 16 & HDRP 16.

===========================================================
Fixed
===========================================================

- Fix all errors starting URP10/HDRP 10 to 16.

===========================================================
Note and warning
===========================================================

*For RealToon URP and RealToon HDRP:
After you update, click the Refresh Settings at the bottom of the RealToon Inspector,
This will refresh the settings properties and apply it properly.

For all realtoon versions list:

If the ‘Import’ button does not change to ‘Update’, follow these steps:

===========================================================
Click “This” to see all version log updates.
============================================================

[Patch Release]
- For now none, 5.0.9 is the current update release.

===========================================================

RealToon 6 [Planning Stage]

5 Likes
3

wow it is amazing

4

I think this might be perfect for a racing game I had in mind. You should change the current asset store photo and replace it with the one of the glowing toys. Or even the anime character in the white outfit holding the giant gun on her back?

5

Hi sorry for the late reply.
Maybe it is =).

I changed/replaced the asset store photo.

6

How’s this compare with Toony Colors Pro 2 and Unity-chan Toon Shader? Since RealToon is made with Shader Forge, that means I’m able to analyse, modify and learn from it?

7

Hi QStudio!

Great to see you have instancing support now :slight_smile:

I am trying to achieve results similar to Peria Chronicles and Breath of the Wild, however this is my current setup:

1112×549 445 KB

Are there any values you recommend? Could you help me in any way with this?

I’m using the Taichi character model with custom hairs. The hairs themselves are just a solid color as I am trying to achieve cell-shading.

This is roughly what I want:

I’m not seeming to have very good luck tweaking the values. Notice how in these hairs it has a smooth black outline around the edges of the hair, with some rim lighting I believe (halo) around the top of the head.

Thank you.

8

Hi jessejarvis,
Here’s how to achieve that.

[For RealToon V3 Shader]
[Directional Light & Point/Spot Light]

======================================================================

[Face, Skin, Cloths & Others] [/B][/I]
1a.Check “Main Texture Color Shadow”.
- This will use the main/base texture and make it dark for shadow.
- No need another texture for shadow color.
1b.Adjust “Shadow Intensity”.
2a.Use “ShadowT” (If you need/want more shadow details).
- For more shadow details like the hair and cloth.
- Texture must be White & Black.
- You can use Gradient or Flat.
2b. Check “ShadowT On Light”.
2c Adjust “ShadowT Intensity”.
2d.Adjust “Shadow Size”.
- How much shadow to show
********************************************************************************************************
[Hair] [Gloss]
1a. use “Gloss Texture”.
- I called this custom gloss, be sure the texture is black & white.
- white means visible/gloss.
- black means invisible/nothing.
1b.Adjust “Gloss Texture Intensity” all the way to 1.
- You can also blend Default Gloss & Gloss Texture by adjusting it.
********************************************************************************************************
[For Rim Light]
1a. Use “Fresnel”.
1b. Adjust “Fresnel Intensity”
1c.Check “Fresnel On Light”.
1b Check “Fresnel Hard Edge”.
1c.Adjust “Fresnel Fill”.
********************************************************************************************************
[Result]

********************************************************************************************************
[For RealToon V4 Shader]
[Directional Light]
[You can also do this in point/spot light but there are additional tweaks to do.]
Important:
1.Adjust “Intensity Multiplier” or Directional Light Intensity if the scene is too bright.
======================================================================
[Face, Skin, Cloths & Others] [/B][/I]
[For Separate Texture For Shadow]
1a. Use “Shadow Color Texture”.
- Use a separate dark version of the main/base texture.
1b. Adjust “Intensity” all the way to 1.
1c. Adjust “Add Light”.
- Be sure “Intensity Multiplier” is not equal to 0 or “Source Color” not black.
********************************************************************************************************
[For Use The Main/Base Texture For Shadow]
1a. Use “Shadow Color Texture”.
- Use the main texture.
1b. Adjust “Intensity” all the way to 1.
1c.Adjust “Power” to 1.4 or 1.6 or you pref.
1d. Adjust “Add Light”.
- Be sure “Intensity Multiplier” is not equal to 0 or “Source Color” not black.
2a.Use “ShadowT” (If you need/want more shadow details).
- For more shadow details like the hair and cloth.
- Texture must be Dark - Gray & White.
- Dark - Gray means shadow/visible.
- White means invisible/nothing.
- You can use Gradient or Flat texture.
2b. Check “Show On Light”.
2d.Adjust “Shadow Size”.
- How much shadow to show
********************************************************************************************************
[Hair] [Gloss]
1a. use “Gloss Texture”.
- I called this custom gloss, be sure the texture is black & white.
- white means visible/gloss.
- black means invisible/nothing.
1b.Adjust “Gloss Texture Intensity” all the way to 1.
- You can also blend Default Gloss & Gloss Texture by adjusting it.
[If you want Gloss Texture to follow light and object rotation]
2a. Check “Follow Light”.
2b. Check “Follow Object Rotation”.
********************************************************************************************************
[For Rim Light]
1a. Use “Fresnel”.
1b. Adjust “Intensity”
1c.Check “On Light”.
1b Check “Hard Edge”.
1c.Adjust “Fresnel Fill”.
********************************************************************************************************
[Result]

[quote=“jessejarvis, post:7, topic: 632467, username:jessejarvis”]
Hi QStudio!
Great to see you have instancing support now :slight_smile:
I am trying to achieve results similar to Peria Chronicles and Breath of the Wild, however this is my current setup:

Are there any values you recommend? Could you help me in any way with this?
I’m using the Taichi character model with custom hairs. The hairs themselves are just a solid color as I am trying to achieve cell-shading.
This is roughly what I want:



I’m not seeming to have very good luck tweaking the values. Notice how in these hairs it has a smooth black outline around the edges of the hair, with some rim lighting I believe (halo) around the top of the head.
Thank you.
[/quote]

3 Likes
9
10

No problem =),

Here’s an example of gloss texture,

Try to download that and use it for
Gloss Texture.

Its really easy to make that.
Its just an equal side image/texture.
Just draw white vertical oe horizontal lines in the middle just like the anime hair gloss.
Do it in your prefered image editor like Photoshop or Gimp.

hope to see a screenshot of this game soon.

2 Likes
11

Thx for that great Shader i love it,

i have a question ,on the taichi character you use on the face a face Shadow Texture,how you have made that? I have look on gimp and have set the texture with more contrast but it will not look so good,can you help me please,i will use the m01_swimwear_00_h.png for the taichi char.

12

Hi Pandur1982,
What RealToon version you used?

Here’s how to do it for realtoon version 4:

(For RealToon Version 4/V4 Shader)

[Directional Light]
[You can also do this in point/spot light but there are additional tweaks to do.]
[See **https://app.box.com/s/un0rga6boorbo90dkvadygsolzhuorgk **for point & spotlight tweaks]

Important:
1.Adjust “Intensity Multiplier” or Directional Light Intensity if the scene is too bright.

Note:
*You can use real-time light with shadow [low, medium or high] or none and you can use directional light, point & spotlight at the same time, its your choice.

[Texture setup/files]

======================================================================

[Face, Skin, Cloths & Others] [/B][/I]
1a. Use “Shadow Color Texture”.
- Use a separate dark version of the main/base texture.
1b. Adjust “Intensity” all the way to 1.
1c. Adjust “Add Light”.
- Be sure “Intensity Multiplier” is not equal to 0 or “Source Color” not black.
2a.Use “ShadowT”
- For more shadow details like the hair and cloth.
- Texture must be Dark - Gray & White.
- Dark - Gray means shadow/visible.
- White means invisible/nothing.
- You can use Gradient or Flat texture.
2b. Check “Show On Light”.
2d.Adjust “Shadow Size”.
- How much shadow to show
3a. Adjust “Size” under “Self Shadow”
*Only adjust it if you want more shade/self shadow.
********************************************************************************************************
[Hair] [Gloss]
1a. use “Gloss Texture”.
- I called this custom gloss, be sure the texture is black & white.
- white means visible/gloss.
- black means invisible/nothing.
1b.Adjust “Gloss Texture Intensity” all the way to 1.
- You can also blend Default Gloss & Gloss Texture by adjusting it.
[If you want Gloss Texture to follow light and object rotation]
2a. Check “Follow Light”.
2b. Check “Follow Object Rotation”.
********************************************************************************************************
Hope to see a screenshot of it.
[quote=“Pandur1982, post:11, topic: 632467, username:Pandur1982”]
Thx for that great Shader i love it,
i have a question ,on the taichi character you use on the face a face Shadow Texture,how you have made that? I have look on gimp and have set the texture with more contrast but it will not look so good,can you help me please,i will use the m01_swimwear_00_h.png for the taichi char.
[/quote]

1 Like
13

Coming along quite nicely! :smile:

The video quality doesn’t do it justice (Gyazo), but yeah.

Edit: And now with boots!

1 Like
14

Looks good, good job & thumbs- up,
Add Gloss Texture for hair and it will look awesome. =)

15

Hi! I just bought your asset yesterday, and I love the results from it!

I’m having an issue, though, and none of the settings seem to make this go away. When I get close to a mode, I can see the background bleeding through the shader somehow. Any idea what might be causing this?

962×625 521 KB

It’s almost like the character is slightly see through or something. Here are my settings in case I’ve got one of those messed up or something:

599×2945 192 KB

16

Hi erpatton,
Thanks fo using realtoon,

All of the settings are okay.
Can you send me the texture of the model or the fox model with the texture? “If its okay to you.”
Just for checking. send it by email.

17

Sent!

18

I received it, thank you.
In my checking there’s no problem:

Did you edit the texture file?

Try this:
*Try to set the Texture/Main Texture to none.
If the problem is gone means the problem is in the texture.
If the problem is the texture, try adding a white background.

*Try set the Render Queue to 2000 if the problem is still there.

19

Can you make a tesselation setting tutorial?

20

Hi Kamil-Sobierajski

It’s easy just use the realtoon tessellation version then set the “Near” to the value you want.
Higher value means more subdivision.

Set your view mode to “Shaded Wireframe” for you see the tessellation/subdivision.