Adding Colors and Textures with Materials

To add detail and realism to your models, SketchUp enables you to paint materials on faces. Materials are essentially paints that have a color and optional texture (defined within an image file). For example, in the following figure, the roofing material has a blue color and a texture that simulates metal roofing. The siding and grass are also materials that have a color and texture.

After you apply materials like these to your model, the special capabilities of SketchUp’s materials can help you do any of the following:

• Replace one material with another: Say you want to show a metal roof instead of shingles. You can swap the roofing material for shingles quickly and easily.
• Edit the material: Because the color and texture are separate, you can change them independently of each other. For example, you can change the siding color (how does yellow look?) but keep the same texture. You can also edit a material’s opacity, which controls how opaque or transparent the material is.
• Calculate how much material you need: SketchUp can tell you the area of all the shingles or the siding. Of course, for this calculation to mean anything, you need to create a precise model so that the numbers reflect your model’s actual size.

Tip: SketchUp includes several collections of materials: carpet, tile, groundcover, glass, wood, and more. However, if the specific material you need isn’t available, you can create your own material. This feature is especially handy if you’re a decorator or builder who needs to show your clients precise finishes.

In the SketchUp interface, you model materials with the Paint Bucket tool () and the Materials panel (Microsoft Windows) or the Colors panel (macOS). The Materials or Colors panel also enables you to view, manage, and organize the materials. The Materials or Colors panel keeps track of the materials in your model, and it's where you can create custom materials collections specific to your projects or workflows.

Note: If you switch between computers running Microsoft Windows and macOS, note that the Materials panel interface and Colors panel interface are unique to their respective operating systems. In the following sections, you see instructions for Microsoft Windows or macOS, depending on which operating system you've selected from the drop-down list on any page in the Help Center.

In the following video, you see how to apply materials and make a few common changes, such as replacing one material for another. For steps that walk you through how to use materials in detail, check out the following sections.

Table of Contents

1. Applying materials
2. Replacing one material with another
3. Editing materials
4. Repositioning textures
5. Calculating material area automatically
6. Managing and organizing materials
7. Creating your own materials

Applying materials

Applying materials to your model is pretty simple: Select a face or faces and then select your desired material. If you’re painting groups or components, check out the tips at the end of this section, which can make applying materials even easier.

You apply materials to your model with the Paint Bucket tool (), which you find in the following parts of SketchUp’s interface:

Windows

• Getting Started toolbar
• Large Tool Set toolbar
• Principal toolbar
• Tools > Paint Bucket on the menu bar

To start applying materials to your model, follow these steps:

1. Select the Paint Bucket tool ().
2. In the Materials panel that opens, click the Select tab. If the Materials panel does not open in the tray, the dialog box may be in a hidden tray. In this case, hover your cursor over the hidden tray tab. This will expand the tray. You can then open the Materials panel in the tray.
3. From the drop-down list, select a materials collection.
4. Click the material you want to use.
   
   Tip: To sample a material that’s already in your model, tap the Alt key to switch temporarily to a Sample tool. With the Sample tool’s eyedropper cursor, click the face whose material you want to sample. Once you click a material to sample, the Paint Bucket will return to it's default state with your sampled material active. If you prefer, you can press and hold the Sample modifier key, to keep the Sample tool active until you release the key.

5. Back in the drawing area, click a face or faces to apply the material.

Tip: To restore the default colors, follow the preceding steps, but instead of clicking a material, click Set Material to Paint with Default () in the upper right and click a face in your model to apply the default colors.

MacOS

• Large Tool Set toolbar
• Tools > Paint Bucket on the menu bar
• Tool palette

To start applying materials to your model, follow these steps:

1. Select the Paint Bucket tool (). In the Colors panel that appears, you can select a color in on one of the four color picker tabs or use the materials collections.
2. To browse the materials collections, click the Texture Palettes tab, which has a brick icon. (See Mixing Colors in the Color Picker for details about using the other tabs, which are for selecting colors.)
3. From the drop-down list, select a materials collection. In the following figure, the Roofing collection is selected.
4. Click the material you want to apply to your model.
   
   Tip: To sample a material that’s already in your model, click the Eyedropper tool at the bottom of the Texture Palettes tab. With the big circle cursor, click the face whose material you want to sample. This loads the material onto the sample swatch, and you see the Paint Bucket cursor again.

5. Back in the drawing area, click a face or faces to apply the material.

Alternatively, click and drag a material swatch from the main area of the Texture Palettes tab to a face in your model. (You cannot drag a swatch from the palette at the bottom of the macOS Colors panel. For details about using these saved swatches, see Mixing Colors in the Color Picker.)

You can paint multiple faces and edges at once. To do so, use the Select tool () to select the edges and faces that you want to paint . Then switch to the Paint Bucket tool and apply a material. (Selecting Geometry offers tips for making selections.)

When you apply materials to several faces at once, remember the following:

• Faces have two sides: a front and a back. You can paint the front or the back of all the selected faces, but not a combination. The side you paint is determined by the side you click with the Paint Bucket cursor. In the following figure, clicking the front of a face paints all the front faces in the selection, even though you see two front faces and two back faces.
• Control how the back edges look with a style. When you select a face and all edges and paint the front of the face, all the selected edges are painted. Paint the back faces, however, and none of the edges are painted. To blend back edges with materials, open the Styles panel, click the Edit tab, click the Edge Settings icon, and select By Material from the Color drop-down list.

You can apply materials to a group or component as whole or to specific geometry within the group or component:

• To paint a whole group or component, select it and apply a material. When you select a group or component and apply a material, only faces in the default material are painted.
• To paint geometry within the group or component, double-click it to open its context. Then select the faces you want to paint with a material.

The following video demonstrates several tips and tricks for applying materials to components. Or read on for steps that walk you through how to paint all or part of your components.

To see how this tip works, say you’re modeling a chair with a wood frame and two cushions, and you want to show four cushion colors. The Outliner, shown here, shows that each chair element (the frame and two cushions) is a group, all of which are nested within a group, which is then nested in a component. (See Organizing a Model for more about the Outliner.)

The following steps explain the easiest way to apply materials and show the four color options:

1. Because the frame is the same on every chair, select the frame’s group and apply the wood material, as shown here.
   
2. Create a copy for each cushion color. (Copying What You’ve Already Drawn explains how.)
3. Select a component and apply a cushion color material. Because the frame is already painted but the cushions are still the default color, only the cushions are painted with the color material. The frame keeps the wood material.
4. Repeat the preceding step for each color option. You see the result in the following figure.

Replacing one material with another

Because SketchUp enables you to replace one material with another, you can experiment with materials quickly and easily. In a kitchen, preview different countertop materials, such as black granite, blue tile, and white composite. If you’re picking out house paint colors, compare yellow siding and dark green trim with navy siding and cream trim. When you know the keyboard modifiers, the process is a cinch. Check them out in the following table.

Here’s an example help you visualize how each shortcut works. Say you’re trying to figure out the colors for an abstract mural on two separate walls. The following figure shows the mural mocked up with materials from the Colors-Named collection.

To see how replacing the red with green might look, select the Paint Bucket tool and then select a green from the Materials panel (Microsoft Windows) or Colors panel (macOS). If you Ctrl- or Option-click the red triangle in the upper left, only the adjacent faces with the red material are replaced with green, as shown in the following figure.

If you Shift-click instead, all the red faces become green:

But if you Ctrl+Shift-click or Option+Shift-click, the red faces turn green only on the left wall:

Editing materials

SketchUp enables you to edit materials. As you make changes, any faces painted with the material that you’re editing are updated automatically. Because each material has a color and an optional texture, you can edit the color and texture independently of each other.

SketchUp for Web

Material editing in SketchUp is especially useful when you have one material applied to many faces. By editing the material -- instead of just swapping it out on one face -- any faces painted with the material you’re editing are updated automatically. Because each material has a color and an optional texture, you can edit the color and texture independently of each other.

A material needs to be saved with your model before you can edit it. To see the materials saved with your model, open the Materials panel in the utility tray on the right side of your screen.

To edit a material, select it from your In Model materials (under the Home icon), or sample it from the modeling window using the Eyedropper tool, which will automatically select the material in the Materials panel. Once you’ve selected your material, click the Edit icon next to the material thumbnail.

While editing materials you can configure:

• Material Name: Enter a new name for a material to change the name of the material being edited.
• Color: You can customize the color of your material using SketchUp’s color picker manually, or by entering specific RGB, HSL, or HEX values. As you manipulate color changes, you’ll see your edits happen in real time.
• Image: Add or change an image texture to associate with your material. Adding or changing image textures may override your color choice for the material. You can also remove an image texture from a material entirely by clicking “X”.
• Material Size: When you apply an image texture to a face, the texture image is tiled to fill the face. Type a value in the Width or Height box to change the size of the texture tile. By default, the image’s aspect ratio is maintained. So, if you type 2 in the width dimension box, the height box automatically updates to maintain the aspect ratio. Click the chain icon to break the chain (sorry, Fleetwood Mac), and you can distort the aspect ratio to your heart’s content. If you don’t love the results (and will never love them again), you can click Cancel at the bottom of the menu, or undo your changes by clicking CTRL/Command + Z.
• Opacity: You can also edit how transparent or opaque your material is. Sliding the opacity slider to the right increases the opacity, where 100 is totally opaque. Move the slider left to increase transparency, where 0 is fully transparent. Alternatively, type a number from 0 to 100 in the Opacity field.

Windows

A material needs to be saved with your model before you can edit it. To see the materials saved with your model, open the Materials panel, and click the In Model icon () to display your In Model collection, as shown in the following figure.

If the material you want to edit doesn’t appear in your In Model collection, you can save a material with your In Model collection whether or not the material is currently applied to faces in your model. To add a material to your In Model collection, follow these steps:

1. Click the Display Secondary Selection Pane icon () in the upper right of the Materials panel.
2. In the secondary pane at the bottom, browse the collections for the material you want to edit.
3. Drag the material swatch into your In Model collection.

To edit the material, select it in the In Model collection and click the Edit tab, shown in the following figure.

Here’s a brief introduction to all the tools for editing a material’s color:

• Picker drop-down list: Use the Picker drop-down list to select between the HLS, (Hue, Light, Saturation), HSB (Hue, Saturation, and Brightness), RGB, (Red, Green, Blue), and Color Wheel color pickers. See Mixing Colors in the Color Picker for details about the color picker.
• Undo Color Changes swatch: Click this swatch to undo all the color changes you make during an edit session.
• Match Color of Object In Model button: Click this button to turn the cursor into an eyedropper. With the eyedropper cursor, click an entity to sample its color and apply that color to the material that you’re editing.
  
  Tip: If you sample a textured material, the texture variations can disguise the material’s color a bit. To sample a specific color from a texture, use the Match Color on Screen button for better results.

• Match Color on Screen button: Click this button and then click anywhere on the screen with the eyedropper cursor to sample a pixel color. SketchUp then applies that color to the currently selected material.

The following tools enable you to tinker with a material’s texture:

• Use Texture Image checkbox: When this checkbox is selected, you can include an image file that represents a texture. Clearing the checkbox removes the texture image file. (Note that selecting the checkbox again doesn’t restore the image file. Instead, you’re prompted to select a new image file.)
• Texture image file and Browse button: The texture file field contains the name of an image file (representing a texture), if any, associated with the current material. To change the texture, drag an image file to this field or click the Browse button to display the Choose Image dialog box, where you can browse for an image file on your hard drive. After you apply a texture, you can also adjust how the texture tiles on your model. See the upcoming section, Repositioning textures for details.
• Edit Texture Image in External Editor button: When you click this button, SketchUp opens the texture image file in your default image editor.
  
  Note: Your image editor is defined in the SketchUp Preferences dialog box, on the Applications panel. See Customizing Your Workspace for details about setting this preference. If you haven’t specified an image editor, SketchUp launches your operating system’s default editor or image display application.

• Colorize checkbox: Select this checkbox to apply the same hue to the whole texture. The color is defined in the Edit tab’s Color area. This option is useful for files that are not displaying proper colors.
• Reset Color swatch: Click this color swatch to reset the material to the color in the texture image file.
• Dimension fields: When you paint a texture on a face, the texture image is tiled to fill the face. Type a value in the width or height box to change the size of the texture tile. By default, the image’s aspect ratio is maintained. So, if you type 2 in the width dimension box, the height box automatically updates to maintain the aspect ratio. Click the chain icon to break the chain (sorry, Fleetwood Mac), and you can distort the aspect ratio. If you don’t love the results (and will never love them again), click the horizontal and vertical arrow buttons to revert to the previous width and height settings.
• Opacity slider: Opacity refers to how transparent or opaque your image is. Sliding the opacity slider to the right increases the opacity of the texture, where 100 is totally opaque. Move the slider left to increase the transparency of the texture, where 0 is fully transparent. Alternatively, type a number from 0 to 100 in the Opacity field.

MacOS

A material needs to be saved with your model before you can edit it. To see the materials saved with your model, select Window > Materials to open the Colors panel. On the Texture Palettes tab (the brick icon), click the Colors In Model icon () or select Colors In Model from the drop-down list to display your Colors In Model collection, as shown in the following figure.

If the material you want to edit doesn’t appear in your Colors In Model collection, apply the material to a face in your model. (Note that if you later replace one material with another, the original material still remains in your Colors In Model collection until you purge unused materials.)

When you’re ready to edit a material, follow these steps:

1. On the Textures Palette tab (the brick icon), open your Colors In Model collection.
2. Select the material you want to edit.
3. From the Color drop-down list, select Edit. Or Control-click the material and select Edit from the menu that appears.
4. On the Edit Material panel that appears, as shown in the figure, choose your desired edits.
5. Click the Close button when you’re done.

Here’s an introduction to the options on the Edit Material panel:

• Name: Enter a new name for a material to change the name of the material being edited.
• Edit Texture Image in an External Editor: Click this button and the texture’s image file opens in your default image editor or preview program. Make and save your edits to the file and the changes are reflected in the material.
• Texture drop-down menu: The options on this drop-down menu enable you to edit the texture within SketchUp. Choose Load select a new image file for the texture. Choose Remove to delete the texture image file. (A flat color approximation of the removed image appears when the texture image is removed.) If you’ve colorized the texture, choose Reset Color remove the colorization. Choosing Edit opens the texture image file in your default image editor or preview program. After you apply a texture, you can also adjust how the texture tiles on your model. See the upcoming section, Repositioning textures for details.
• Width and Height: When you paint a texture on a face, the texture image is tiled to fill the face. Type a value in the Width or Height box to change the size of the texture tile. By default, the image’s aspect ratio is maintained. So, if you type 2 in the width dimension box, the height box automatically updates to maintain the aspect ratio. Click the chain icon to break the chain (sorry, Fleetwood Mac), and you can distort the aspect ratio to your heart’s content. If you don’t love the results (and will never love them again), you have to remember the original dimensions and enter them manually to revert to the original image dimensions.
• Colorize: When the Edit Material panel is open, you can colorize a texture file. Use any of the color tabs to select a color and apply it to your material preview on the Edit Material panel. Or click the Eyedropper tool at the bottom of the Colors panel and click any material in your model or on the Textures Palettes (brick) tab.
  
  Tip: Colorizing is a great way to experiment with variations in material color.

• Opacity: When the Edit Material panel is open, you can also edit a material’s opacity, which refers to how transparent or opaque your image is. Sliding the opacity slider to the right increases the opacity of the texture, where 100 is totally opaque. Move the slider left to increase the transparency of the texture, where 0 is fully transparent. Alternatively, type a number from 0 to 100 in the Opacity field.

Repositioning textures

After you apply a texture to one or more faces in a 3D model, you can adjust how the texture tiles across a face. To do so, you use the Position Texture tool, which has two modes:

• Fixed Pin mode: In this mode, you can move, rotate, scale, or distort a texture. For example, in this mode, you can adjust a texture on one face so that it lines up with the same texture on another face, such as siding on two faces of a building.
• Free Pin mode: If you need to stretch or shrink a texture, use Free Pin mode.

Here’s how to adjust a texture in Fixed Pin mode:

1. Context-click the material and select Texture > Position from the menu that appears. You see a matrix of dotted lines that represents the texture’s individual tiles. The cursor also changes to a hand and four pins are displayed.
2. If you see the four colored pins, as shown in the following figure, move to the next step. If you don’t, context-click the material and select Fixed Pins.
   
3. Use the hand cursor and/or the pins to adjust your texture. In this example, the goal is to move the green pin so that the direction of the wood on the top of the cabinet matches the side. Here’s a quick rundown of all your options:
   • Click and drag the material with the hand cursor to reposition the texture as a whole.
   • Click a pin to pick it up and click again to drop the pin elsewhere on the texture.
   • Drag a pin to alter the texture. Dragging the blue pin scales or shears the texture. Dragging the yellow pin distorts the texture. Dragging the green pin scales the texture or rotates it around the Move pin’s axis. Dragging the red pin, which is the move pin, moves the texture.
   Tip: In Fixed Pin mode, you can also context-click the texture to see additional options: flip the texture to the left or right or up or down, rotate the texture in increments of 90 degrees. The reset option reverts the texture to its original state, whereas the Undo option simply undoes the last command. If you undo an action, Redo also becomes an option.

4. When you’re finished changing the texture, context-click the texture and select Done. Or just click outside the texture to exit Fixed Pin mode.

In Free Pin mode, you can set the size of your texture tile relative to your model. Here’s how the process works:

1. Context-click the material and select Texture > Position from the menu that appears. By default, you’re in Fixed Pin mode.
2. Switch to Free Pin mode by context-clicking the texture and clearing the Fixed Pins option. In Free Pin mode, you see four white pins, as shown in the following figure.
   
3. Click a pin to pick it up and click again to place the pin in its new location. Do this for all four pins to set where the corners of the texture tile appear. If you place the pins in a configuration that isn’t rectangular, you distort the texture.
4. When you’re finished, context-click the texture and select Done. Or simply click outside the texture to exit Free Pin mode.

Calculating material area automatically

If you want SketchUp to calculate the surface area painted with a material, you can context-click the material and select Area > Material. In Windows, you can also context-click the material in the Materials panel, and select Area from the menu. (If the Area menu item is grey, the material isn’t applied to any faces.)

Either way, an Area dialog box shows the total area of faces to which the selected material is applied. The units (such as square feet or square meters) depends on the units specified in your template. See Setting Up Templates for details about changing your default units.

If you use IFC classifications, you can generate a report on materials in your whole model. See Classifiying Objects (and specifically the section on generating a report) for details.

Managing and organizing materials

The Materials panel (Microsoft Windows) or Colors panel (macOS) helps you find and organize materials. The following list explains how you can manage materials with the operating system you've selected in the Help Center.

Windows

• Browse the included collections: On the Select tab, choose a collection from the drop-down list to see the materials.
• Keep track of the materials in your model: Click the In Model icon () to see all the materials you’ve applied to your model.
• Clear out unneeded materials: Even if you replace a material with another, so that the original material no longer appears in your model, the original material still remains in your In Model collection until you delete it by context-clicking and selecting Delete. To remove all the unused materials in a model, make sure your In Model collection is selected. Then click the Details arrow () and select Purge Unused. Alternately, you can select Delete All to remove all the materials from your model and In Model collection.
• Create your own collections: You can create a collection for a specific project, or create a collection for materials that you create, such as a specific color scheme, fabric swatches, landscaping options, or anything else you use repeatedly. On the Select tab, click the Details arrow () and choose Open or Create a Collection. In the Select a collection folder or create a new one dialog box, navigate to the folder where you want to save your collection. Click the New Folder button, give your folder a name (which will become the name of your collection), and click Select Folder. After you create the collection, you can navigate to the folder to open the collection. To add materials to a collection, drag them from the secondary selection pane into your collection, or save materials that you create to your collection.
• Add frequently used collections to your favorites: On the Select tab, click the Details arrow and choose Add Collection to Favorites. The currently selected collection then appears in a favorites list at the bottom of the drop-down list. You can select the collection, click the Details arrow, and choose Remove Collection from Favorites if you no longer need the collection on your favorites list.
  
  Note: Click the Details arrow, and you can choose to view materials as small, medium, large, or extra-large tiles. Choose the List option to see the materials names instead of the preview swatches.