Cartoon backgrounds 3ds Max

[3dpoder]

cartoon backgrounds
By Hellraiser. Res, dead-code, org.


1. Modeling your scene.

In first time, you must model the scene in a 3d modeler application like 3ds Max, Cinema 4D, Autodesk Maya, etc. In my case, the person that model the scenes use 3ds Max. The model must be make using ID for generate the id layer. I use this layer for get the masks of the objects in Photoshop (Corel Paint shop profesional in my case).



When the scene is finished, we must test it in wme, and make the corrections. When the scene is definitive, we generates six renders:
The base image.


The Occlusion layer.


The shadow layer.


The Grass layer.


The outline layer.


The id layer.


The renders must have the double of the resolution of the game. When the scene have Compleete, we resize the image using inteligent size (or similar effect in your drawing tool) todo mix, average and ponderates the píxeles todo get the better results.
2. Import todo Adobe Photoshop (or other).

Import the images in Photoshop (or other application) in distinct layers with this order:
Ids.

Shadows.

Grass.

Outline.

Occlusion.

Render.

The image must be like this (the id layer are not visible).


3. Retouch the shadow layer.

As you can se, the shadows are generated in the flor, not in the Grass (i think that isnt posible), you must complete the color selecting the exterior zone of the Grass, inverting the selection, and draw the new shadow filling the holes and adjusting the borders in sepárate layer with black color (0,0,0).


When the new shadow are filled, adjust the layer transparency and erase the old shadow. You Will has an image like this one:

4. Optimize the outline.

As you can se in the cartoon films on televisión, the outline of the backgrounds normally never is black. The most times, the outline color is similar todo the surface color but more dark. You must change the black outline color with the appropiate color depending on surface. When you change the outline color, you have a image like this (ive put a Sky in a new layer After the render layer).


In this image, the outline layer is in normal mode. There are several ways todo adjust the intensity of the outline. You ned change the mode of the layer todo multiply, then you can adjust the transparency of the layer and the outline Will be more or less dark. If the original line is clear you can adjust the bright and contrast todo make the line dark and more visible.

Now im going todo deleete partially the outline, the objective is that in the illuminated zone, the outline Will be clear and in the dark zone the outline Will be the original color in some cases this can be reverse (this effect can do with 3dsMax INK & Paint, but i prefer todo do this with the drawing app becouse i change the line at my convenience and i can make more clear or dark the line, etc). To do this, use the eraser tool with a very Low transparency value (about 25%) and erase the lines that are illuminated and don`t erase the lines in dark zone. You can erase the line more times becouse you are deleted with a Low transparency and when you erase the line, this is more clear.

Finally, the image Will be similar todo this one.


5. Apply effects.

The next step is draw the effects and objetcs that arent maked with the 3d modeler, y, e.: the Ground around the Tomb, the detail of the tres, the Grass, etc. This is the image (incompleete, it necessary apply more effects, but it ok for the tutorial purposes):

6. Apply light effects.
When your image are finished, you must todo mix and fusión all visible layers, the next step is todo adjust the light and the saturation of the color, in the next image i apply the necesary light correction todo make a Sunset environment.
When you finish todo apply the light effects, you ned todo resize the image todo the final resolution for use in the game.


Remember: this background arent finished, is only published for the tutorial purposes, the next images are corresponded todo finished backgrounds.



By Hellraiser.

Res, dead-code, org.

.

-- IMÁGENES ADJUNTAS --

[nkr10]

Se ve bueno, pero tiene algunos errores de ortografía. (Si, igual que mi mensaje, pero estoy en un ordenador sin acentos).