Chaos Corona Forum

Chaos Corona for 3ds Max => [Max] Tutorials & Guides => Topic started by: dubcat on 2015-10-20, 04:12:12

Title: HOWTO: That Clean Mobile Game Look
Post by: dubcat on 2015-10-20, 04:12:12

Here's a little guide on how to create that clean mobile game look with Corona.
We're going to re-create the Crossy Road chicken mascot. (LUT download at the bottom of this post)

(http://i.imgur.com/cfDWeU7.jpg)

(http://i.imgur.com/cmIKmyX.jpg)

01. I made the Chicken model in a nifty little Voxel program named Qubicle 2 (http://www.qubicle-constructor.com/). The model was exported as .fbx and imported in 3dsMax.

(http://i.imgur.com/N0Ftkir.jpg)

02. I'm using CoronaColor instead of a texture. Each color on the model has it's own "Material ID".

(http://i.imgur.com/Qt6IXeW.jpg)

03. Here's the shader network.

(http://i.imgur.com/iYyvwna.jpg)

Use colors with high Saturation and Value to get that clean fancy look.

(http://i.imgur.com/LShP7Is.jpg)

05. Time to create the Sun.
- Sun direction will change the "Value" of the colors.
- Sun intensity will change the "Saturation" of the colors.

Here are my "Movement Transform" settings if you want the exact same look.

CoronaSun.target

(http://i.imgur.com/1npJ7UT.jpg)

CoronaSun

(http://i.imgur.com/a0j1ClX.jpg)

Intensity is 0.105 and "Direct Input" color is pure white. I left EV at 0 and adjusted the sun, it was easier this way.

(http://i.imgur.com/ak55GHw.jpg)

Press 8 on the Keyboard and change the Background to Value 128

(http://i.imgur.com/QEPh0Xr.jpg)

06. Render settings
I'm overriding the background with blue.

(http://i.imgur.com/9rY5RX0.jpg)

ColorMap is default. We want to "clip" the polygons that are facing left, so don't use "Highlight compress".

(http://i.imgur.com/pnlQ3AZ.jpg)

07. Time to apply the secret LUT sauce in Photoshop. (You can apply the LUT directly in the frame buffer if you are using VFB+ (http://www.monotoneminimal.com/vfb))

Click here

(http://i.imgur.com/acGvUSx.jpg)

Select "Color Lookup"

(http://i.imgur.com/7ooqpVl.jpg)

Click "Load 3D LUT ..." and browse to the LUT you just downloaded

(http://i.imgur.com/faPZh98.jpg)

The result (The shadow is just a black 25% Rectangle with "Soft Light" as blend mode)

(http://i.imgur.com/CO0MqjX.jpg)

Title: Re: HOWTO: That Clean Mobile Game Look
Post by: maru on 2015-10-20, 11:17:42

This is epic.

Title: Re: HOWTO: That Clean Mobile Game Look
Post by: Nejc Kilar on 2015-10-20, 12:13:43

Dubcat, your posts don't garner a lot of replies but man, I check every single one of them... Always very informative, good stuff! Thank you!

Title: Re: HOWTO: That Clean Mobile Game Look
Post by: Juraj on 2015-10-20, 13:40:59

Superb and funny written :- )

Title: Re: HOWTO: That Clean Mobile Game Look
Post by: Ludvik Koutny on 2015-10-20, 13:41:43

For that shader network, you can actually just leave other RayswitchMTL slots empty instead of putting black material there and leave out entire "Disable shadows on objects" part :)

Title: Re: HOWTO: That Clean Mobile Game Look
Post by: dubcat on 2015-10-20, 15:41:31

Thanks guys
I have updated the guide with Rawa "The Guru" lanches suggestion, thanks for the tip :)

Chicken model is added to the first post.
I will improve the LUT over time, right now it is lacking in some areas.

Title: Re: HOWTO: That Clean Mobile Game Look
Post by: Michał Morzy on 2015-10-26, 21:37:25

Incredible! Totally new approach :)

Title: Re: HOWTO: That Clean Mobile Game Look
Post by: Vrender on 2015-11-10, 12:15:23

Fantastic Work!))))

Title: Re: HOWTO: That Clean Mobile Game Look
Post by: danielmn on 2015-12-15, 19:55:27

thanks, this approach would be a good workflow for the infographic work that I do. cant wait to try.

Title: Re: HOWTO: That Clean Mobile Game Look
Post by: notrianglestudio on 2019-01-30, 14:58:57

Pretty good job!