Razorwing's Vertex Painting Tutorial

[Razorwing]

-WIKI-

Download the images and example files here:
http://files.filefront.com/TutorialScene...einfo.html

WHAT YOU NEED FOR THIS TUTORIAL:
- 3D Studio Max
- Gundalf's NIF exporter


The numbers in the article correspond with the pictures in the linked 7-Zip archive. 7-zip is a freeware zip program which can be downloaded from 7-zip.org. It can achieve superior compression compared to any other zip program out there.

1. I've created a simple box for this tutorial. I'm using a lot of polygons for it because the more polys, the more control you have over the shading. If it had been a real object I would have optimized and tweaked it afterward to keep the vertex shadow effect while nixing the superflous faces.

2. Add a VertexPaint modifier to your mesh. The panel pops up on its own whenever selecting that modifier in your modifier tree.

3. Unroll it and select one of the options. A mistake commonly made by beginners of this technique is to start painting right away. That won't work. You have to first *select* the parts of the mesh you want to paint.

4. Personally I prefer clicking somewhere in the viewport and pressing CTRL+A. As you can see, all the faces of the mesh lights up, indicating that they are selected.

5. Initially your model doesn't have any vertex paint at all. Sometimes it looks like it does, but it doesn't. So the first thing we want to do is to flood fill the whole model with a pure white color. You can use any flood fill color you like, and that can create some rather cool effects, but pure white is the only color that doesn't affect the texture.

6. After you've selected pure white, press the flood fill button. I've circled it.

7. Notice the icons at the top? These lets you see the mesh in different ways. Personally I like to start with turning the texture off (4th button) and only showing vertex shades (1st button). Then select a dark grey color from the color picker.

8. Paint the bottom of it with dark grey. The effect created by doing that is that of a "fake shadow". It's not the perfect solution, but it's a solution that makes an object look more real while resting on any surface. Perfect for rocks, for example. You can also use a dark green texture, which looks particularly good when used on tree trunks.

9. After you've painted around the whole base area, you'll probably notice it looks artificial, so pick a light grey color next.

10. Then paint around the base area again, higher up on the Z plane than the first time.

11. You can go on to add more fake shadow detail on the rest of the model. It often gives a subtle visual improvement that helps in keeping the player from noticing repeating patterns in tiled textures.

12. There, all done. Don't ask me why, but I get locked in after using this method and can't select stuff in the viewport, so I have to save, file > reset, and reload the scene.

13. Create an object similar in shape to your real object. Make it as optimized as you possibly can while still covering the whole mesh.

14. Since it's the same size and has the same pivot, just placing it on the same XYZ coordinates work perfectly in this case.

15. I like to give it a transparant material. All that does is make it easier to see the real model.

16. Thusly.

17. Make sure you've installed Gundalf's NIF exporter. Then select your new mesh, go to the Utilities panel, click Reset XForm then Reset Selected. Now click NifProps, tick "Is Collision Mesh", select Stone as the material and keep it as Static. Now you have a model with both vertex shading and collision.

18. Here's how it looks in the Construction Set.

[Razorwing]

Yaay! I figured out how to add articles to the wiki !! :banana:
http://cs.elderscrolls.com/constwiki/ind..._Tutorials

Heh... edit a blank page in order to create a new article... how counter-intuitive. Oh well, now I know.

[TheImperialDragon]

Originally posted by Razorwing
Yaay! I figured out how to add articles to the wiki !! :banana:
http://cs.elderscrolls.com/constwiki/ind..._Tutorials

Heh... edit a blank page in order to create a new article... how counter-intuitive. Oh well, now I know.

Yes, DragoonWraith has added a new article aimed towards helping new wiki users learn how to use the wiki, see THE ARTICLE.

Oh yeah, you can have pics on articles, I suggest you have a look at how other people did that, or steal the text that does that from my tutorial.

[Razorwing]

Originally posted by TheImperialDragon
Yes, DragoonWraith has added a new article aimed towards helping new wiki users learn how to use the wiki, see THE ARTICLE.

Oh yeah, you can have pics on articles, I suggest you have a look at how other people did that, or steal the text that does that from my tutorial.

Thanks for the tip. I figured it out from a paragraph hidden in the depths of the official wiki user guide, but the article you linked had good information.

I started out by uploading the screenshots but after I got through a third of them I couldn't upload any more. The upload form just refreshed itself during subsequent tries. I concluded there was a limit of some sort and just slapped them up on photobucket instead. Also I found myself doubting if it was possible to create linked thumbnails in the article, and the fullsize images would have been way too large to embed directly. I added a link to this thread at the top though, so readers could see the linked thumbs if they wanted.

[TheImperialDragon]

No, it is possible to do thumbnails, you do something like this:

[[image:World001.jpg|none|thumb|700px|A World Space]]

700px difining the size.

[Zarf]

Take a look at the Max tutorial "Adding Radiosity to Vertex Color". That's what I'm using for all of the Redoran buildings, and the attatched image. My version might be a little dark, but it has a lot more character, IMHO. And I also merged everything in to one mesh, bringing the count from 3300 some odd vertices to about 980.

[Razorwing]

TheImperialDragon: Ok. I didn't get them to upload though, and it's just easier to slap them up on photobucket, but thanks for the tip I'm sure I can use it in future articles.

Originally posted by Zarf
Take a look at the Max tutorial "Adding Radiosity to Vertex Color". That's what I'm using for all of the Redoran buildings, and the attatched image. My version might be a little dark, but it has a lot more character, IMHO. And I also merged everything in to one mesh, bringing the count from 3300 some odd vertices to about 980.

Hmm, I didn't know that was exportable. It is?

[TheImperialDragon]

The one on the left doesn't have as much detail as the one on the right, for example, the roof lining of the left one is completely flattened to the roof, while the one on the right looks more realistic. Hmm...

[Zarf]

Sure it's exportable. All you have to do is click on "Tools", "More", "Assign Vertex Colors", scroll down, then click "Assign".

And that shading example was just a quick job. You can paint with colors other than black, so it should be easy to add shadow detail and not have to have things totaly obscured.