Differences
This shows you the differences between the selected revision and the current
version of the page.
| photorealistic-cartoon-background-tutorial 2009/05/20 23:11 | photorealistic-cartoon-background-tutorial 2009/05/21 10:30 current | ||
|---|---|---|---|
| Line 39: | Line 39: | ||
| The renders must have the double of the resolution of the game. When the scene have complete, we resize the image using “inteligent size” (or similar effect in your drawing tool) to mix, average and ponderates the pixels to get the better results. | The renders must have the double of the resolution of the game. When the scene have complete, we resize the image using “inteligent size” (or similar effect in your drawing tool) to mix, average and ponderates the pixels to get the better results. | ||
| + | |||
| ===== 2. Import to Photoshop (or other) ===== | ===== 2. Import to Photoshop (or other) ===== | ||
| Line 52: | Line 53: | ||
| The image must be like this (the ID layer are not visible) | The image must be like this (the ID layer are not visible) | ||
| + | |||
| + | {{kbase:08.jpg|}} | ||
| + | |||
| + | |||
| ===== 3. Retouch the shadow layer ===== | ===== 3. Retouch the shadow layer ===== | ||
| as you can see, the shadows are generated in the floor, not in the grass (I think that isn't possible), 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 separate layer with black color (0,0,0) | as you can see, the shadows are generated in the floor, not in the grass (I think that isn't possible), 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 separate layer with black color (0,0,0) | ||
| + | |||
| + | {{kbase:09.jpg|}} | ||
| When the new shadow are filled, adjust the layer transparency and erase the old shadow. You will has an image like this one: | When the new shadow are filled, adjust the layer transparency and erase the old shadow. You will has an image like this one: | ||
| + | |||
| + | {{kbase:10.jpg|}} | ||
| + | |||
| + | |||
| ===== 4.Optimize the outline ===== | ===== 4.Optimize the outline ===== | ||
| As you can see in the cartoon films on TV, the outline of the backgrounds normally never is black. The most times, the outline color is similar to 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 (I've put a sky in a new layer after the render layer). | As you can see in the cartoon films on TV, the outline of the backgrounds normally never is black. The most times, the outline color is similar to 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 (I've put a sky in a new layer after the render layer). | ||
| + | |||
| + | {{kbase:11.jpg|}} | ||
| In this image, the outline layer is in normal mode. There are several ways to adjust the intensity of the outline. You need change the mode of the layer to “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 to make the line dark and more visible. | In this image, the outline layer is in normal mode. There are several ways to adjust the intensity of the outline. You need change the mode of the layer to “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 to make the line dark and more visible. | ||
| Line 68: | Line 81: | ||
| Finally, the image will be similiar to this one. | Finally, the image will be similiar to this one. | ||
| + | |||
| + | {{kbase:12.jpg|}} | ||
| + | |||
| Line 73: | Line 89: | ||
| The next step is draw the effects and objetcs that aren't maked with the 3d modeler, i.e.: the ground around the tomb, the detail of the trees, the grass, etc. This is the image (incomplete, It's necessary apply more effects, but it's OK for the tutorial purposes): | The next step is draw the effects and objetcs that aren't maked with the 3d modeler, i.e.: the ground around the tomb, the detail of the trees, the grass, etc. This is the image (incomplete, It's necessary apply more effects, but it's OK for the tutorial purposes): | ||
| + | |||
| + | {{kbase:13.jpg|}} | ||
| + | |||
| + | |||
| ===== 6. Apply light effects ===== | ===== 6. Apply light effects ===== | ||
| Line 79: | Line 99: | ||
| When you finish to apply the light effects, you need to resize the image to the final resolution for use in the game. | When you finish to apply the light effects, you need to resize the image to the final resolution for use in the game. | ||
| + | |||
| + | {{kbase:14.jpg|}} | ||
| Remember: This background aren't finished, is only published for the tutorial purposes, the next images are corresponded to finished backgrounds. | Remember: This background aren't finished, is only published for the tutorial purposes, the next images are corresponded to finished backgrounds. | ||
| + | |||
| + | {{kbase:15.jpg|}} | ||
| + | |||
| + | {{kbase:16.jpg|}} | ||
