Author Topic: HOWTO: That Clean Mobile Game Look  (Read 12158 times)

2015-10-20, 04:12:12

dubcat

  • Active Users
  • **
  • Posts: 425
  • ฅ^•ﻌ•^ฅ meow
    • View Profile
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)





01. I made the Chicken model in a nifty little Voxel program named Qubicle 2. The model was exported as .fbx and imported in 3dsMax.



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



03. Here's the shader network.



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



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



CoronaSun



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.



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



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



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



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+)

Click here



Select "Color Lookup"



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



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

« Last Edit: 2015-10-21, 06:09:50 by dubcat »
             ___
    _] [__|OO|
   (____|___|     https://www.twitch.tv/dubca7 / https://soundcloud.com/dubca7 ( ͡° ͜ʖ ͡°) choo choo

2015-10-20, 11:17:42
Reply #1

maru

  • Corona Team
  • Active Users
  • ****
  • Posts: 12758
  • Marcin
    • View Profile
This is epic.
Marcin Miodek | chaos-corona.com
3D Support Team Lead - Corona | contact us

2015-10-20, 12:13:43
Reply #2

Nejc Kilar

  • Corona Team
  • Active Users
  • ****
  • Posts: 1251
    • View Profile
    • My personal website
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!
« Last Edit: 2015-10-20, 12:17:12 by nkilar »
Nejc Kilar | chaos-corona.com
Educational Content Creator | contact us

2015-10-20, 13:40:59
Reply #3

Juraj

  • Active Users
  • **
  • Posts: 4761
    • View Profile
    • studio website
Superb and funny written :- )
Please follow my new Instagram for latest projects, tips&tricks, short video tutorials and free models
Behance  Probably best updated portfolio of my work
lysfaere.com Please check the new stuff!

2015-10-20, 13:41:43
Reply #4

Ludvik Koutny

  • VIP
  • Active Users
  • ***
  • Posts: 2557
  • Just another user
    • View Profile
    • My Portfolio
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 :)

2015-10-20, 15:41:31
Reply #5

dubcat

  • Active Users
  • **
  • Posts: 425
  • ฅ^•ﻌ•^ฅ meow
    • View Profile
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.
« Last Edit: 2015-10-21, 06:49:44 by dubcat »
             ___
    _] [__|OO|
   (____|___|     https://www.twitch.tv/dubca7 / https://soundcloud.com/dubca7 ( ͡° ͜ʖ ͡°) choo choo

2015-10-26, 21:37:25
Reply #6

Michał Morzy

  • Active Users
  • **
  • Posts: 81
    • View Profile
    • Blok studio

2015-11-10, 12:15:23
Reply #7

Vrender

  • Users
  • *
  • Posts: 1
    • View Profile
    • Vrender Visualization Company
Fantastic Work!))))
Vrender Company  Architecture Visualization Services

2015-12-15, 19:55:27
Reply #8

danielmn

  • Active Users
  • **
  • Posts: 70
    • View Profile
thanks, this approach would be a good workflow for the infographic work that I do. cant wait to try.
Daniel M. Najera
3D Enviroment Artist
danielmn81@gmail.com
https://www.facebook.com/daniel.m.najera1

2019-01-30, 14:58:57
Reply #9

notrianglestudio

  • Users
  • *
  • Posts: 1
  • NoTriangle Studio
    • View Profile
    • NoTriangle - Architectural Rendering Company