Using Textures

In this tutorial we will give an overview of using textures in 3D Canvas.

This tutorial assumes familiarity with 3D Canvas and that the 3D Canvas Basics tutorial has been completed.

bulletClick on the Customize Panels tab which is located along the left side of the 3D Canvas Window.

Push Button-Panel-Primitives.gif (675 bytes) to display the available primitives.

Drag and drop a cube, cylinder, sphere and cone, as shown.

 

 

bulletPush Button-Panel-Material.gif (138 bytes) to display the Material Palette.

Click Button-ResetAll.gif (138 bytes) to reset the Material Palette to its default settings.

Click Button-RollDown.gif (95 bytes) to display the available textures. Select a texture by clicking on it.

Click on the Edit Toolbar to select the Fill tool. The Edit Toolbar is located on the right side of the 3D Canvas window.

Click on each of the primitives to fill them with the selected texture.

Notice that most of the primitives show distortion of the texture. This is particularly evident with the cube and the cylinder. We are applying a 2-D texture to a 3-D object using a process called a "wrap". This wrapping of 2-D on to 3-D inevitably results in distortion.

A "wrap" is a projection of a texture on to an object. Here we are using a flat wrap which is the simplest projection possible.
 

 

bulletThis tutorial uses a specific texture which can be downloaded here.

Click the texture selection tab on the Material Palette:

 Panel-Materials-Palette-Texture.gif (3754 bytes)

Then select the downloaded texture by clicking the open texture Button-OpenSmall.gif (177 bytes) button.

 

bulletClick on each of the primitives to fill them with this new texture.

Notice that the cube and the cylinder look less distorted now. This is because the edge of the texture is black which resulted in the edges of the objects being painted an even black. But notice that the sphere looks more distorted now.

Sometimes a few changes to the texture can make the difference between a distorted wrap and an undistorted wrap.

 

 

bulletClick Button-WrapCylinder.gif (919 bytes) on the Material Palette to select a cylindrical wrap.

Click each object to apply this texture using a cylindrical wrap.

A cylindrical wrap is projected on to the object as though the texture is bent into the shape of a cylinder and then projected from all angles on to the object.

 

bulletClick to select a spherical wrap.

Click each object to apply this texture using a spherical wrap.

A spherical wrap is projected on to the object as though the texture is bent into the shape of a sphere and then projected from all angles on to the object.

 

 

bulletCreate a new scene and drag and drop a cube on to the scene.

Click Button-ResetAll.gif (138 bytes) to reset the Material Palette to its default settings. This will re-select  Flat Wrapping Button-WrapFlat.gif (912 bytes).

Click on the cube to apply the texture using a flat wrap.

With this texture and object the distortion of the wrapping process is very obvious.

 

 

 

bulletSelect the Paint Button-Toolbar-Paint.gif (941 bytes) tool from the Edit Toolbar which is on the right side of the 3D Canvas window.

Click on each of the faces that show a distorted texture.

This removed all distortion, but there was no magic to it. The Paint tool simply applied a texture wrap to faces clicked. The Paint tool automatically oriented the texture along a path that would likely remove distortion.

 

 

bulletCreate a new scene and drag and drop a cylinder on to the scene.

Click Button-WrapCylinder.gif (919 bytes) to select a cylindrical wrap.

Click to select the Fill tool.

Click on the object to apply the texture.

Notice the significant distortion on the top surface of the cylinder.

 

 

bulletSelect the Paint Button-Toolbar-Paint.gif (941 bytes) tool.

Click Button-WrapFlat.gif (912 bytes) to select flat wrapping. Flat wrapping is usually the best choice for the Paint Tool since it is normally used for painting relatively flat surfaces.

Click on the top face of the cylinder.

The distortion has been removed, but the scale of the texture on the top does not match the scale of the texture on the sides.

 

bulletSelect the Operation Adjustment Button-Toolbar-OperationAdjustTool.gif (912 bytes) tool on the Edit Toolbar.

The Operation Adjustment tool can be used to adjust the effect of operations. Painting with the Fill Tool and the Paint Tool are just simple ways of applying 3D Canvas operations.

Since the use of the Paint tool resulted in an operation being applied, its effect can be adjusted. Click on the object to select it and then scale the effect of the operation using the Edit Control until you get a texture scale that matches the sides.
 

 

bulletCreate a new scene, and drag and drop a cube on to the scene. Double-click the cube to show its current detail level. Change the resolution to 5 and click OK. This will create made from 150 faces. That is 5 horizontal faces by 5 vertical faces per side times 6 sides.

All primitives can have their detail level changed using this method.

 

 

bulletPaint the faces along the corner as indicated. Do not click on the faces individually, but as though you are painting with a paint brush.

3D Canvas oriented the texture wrap in order to produce the least distortion.

 

 

bulletPaint the faces shown.

 

 

bulletNow paint the faces immediately above as shown.

Notice again that the scale of the texture does not match the other faces on the sides. 3D Canvas always applies the entire texture when painting regardless of the size of the area being painted. In this case the area painted is not square so 3D Canvas squashed the texture so that it would fit.

 

bulletScale this using the Operation Adjustment Button-Toolbar-OperationAdjustTool.gif (912 bytes) tool. The texture is now the right scale, but because the texture is not a texture suitable for tiling there is a line between the two texture applications.

 

bulletPaint the entire side of the cube as shown.

This texture does not entirely line up with the texture on the other sides of the cube, but this is mostly hidden by the fact that there is a crease between the texture joints. This is a common technique for minimizing the effects of textures not lining up.

 

 

bulletSelect the Fill tool and click on the cube.

 

bulletSelect the Operation Adjustment Button-Toolbar-OperationAdjustTool.gif (912 bytes) tool on the Edit Toolbar.

Click on the object to select it and use the rotation axes of the Edit Control to rotate the texture wrap on the object.

Sometimes a simple reorientation of the texture wrap can improve the wrap dramatically. In this case the texture looks exactly as one would like it to look. At least from this direction. This technique can often make a large difference in the appearance, but it does not completely eliminate the distortion.

 

 

bulletCreate a new scene and drag and drop a cube on to it.

Right-click on the cube and select Scale->To Size from the popup menu. Enter values of 10, 10, and 1 for X, Y and Z respectively. Click OK.

 

bulletReselect the texture you downloaded previously and use the Fill tool to apply the texture using a Flat wrap.

 

bulletSelect the Operation Adjustment tool and scale the texture as shown. This is called texture tiling. Tiling can be created in a number of ways but the easiest way is using the Operation Adjustment tool.

 

bulletSelect a texture with a large grain such as this one and use the Fill tool to apply the texture.

 

bulletUse the Operation Adjustment Tool to scale the wrap as shown. Again this is an example of a tiled texture. Tiling is a good way to use a small texture to cover a large area.

Many web sites provide tile-able textures for download.

For more information on textures see the Texture Decaling and Object Unwrapping tutorials.