top of page

PICTURE BOOK MOTIF

This is my attempt to create a shader effect inspired by the picture book style appeared vastly in the game [Bayonetta Origins: Cereza and the Lost Demon] and the water color effect utilized in [DORAEMON STORY OF SEASONS].

Key Word Shader, Effects, Visual

OVERVIEW

DURATION

TOOLS

1.5 Month

Unity, Shader Graph, Blender

✤ Picture Book Motif / WaterColor Shader Effect ✤

The final result contained 2 shaders to achieve its look:: 

✤ OBJECT SHADER

Ground/Character/Object Meshes in the scene have a shader comes with watercolor like shading - blooming effect [smudges], changeable noise texture [strength + brightness], overlaying patterns [scale + rotation + position], light and shadow, watercolor edges, outline [color], swaying effect [speed], paper type [texture].

Mainlight's shadow map is sampled to apply a watercolor shadow effect. Shadow look can be arrange in terms of intensity [opacity], cover amount, wobbliness. 

Variations: For Grounds and Floors | For Objects and Characters

✤ IMAGE EFFECT

It covers the entire screen and is responsible for rendering outline, distortion, and a vignette frame. These effects combine to create a stunning visual representation of watercolor paint gradually fading out at the edges of the screen.

-------------------------------------

I design and modelled the whole 3D scene referencing element appeared in Cereza and the Lost Demon and applied the shader I created.

Divider_edited.png

✤ IN ENGINE USE ✤

Divider_edited.png

✤ PROGRESS IMAGE ✤

✤ INSPIRATIONS ✤

The shader I created in Unity draws inspiration from the games "Bayonetta Origins: Cereza and the Lost Demon" and "DORAEMON STORY OF SEASONS." These games feature a charming art style reminiscent of picture books and watercolor paintings, which beautifully depict cozy and captivating worlds that invite exploration. I was deeply captivated by this style and wanted to recreate the same enchanting effect in Unity's Universal Render Pipeline (URP) through shader graphs.

inspo.jpg
inspo1.jpg
inspo2.jpg
bottom of page