Editing avatars in the Outfit window

Overview

Breakroom's Outfit window gives users an impressive level of control over the physical appearance of their avatars, while also encouraging creative expression. Completed outfits (including shape, skin, hairstyle, etc.) can be saved for future use. Once users have created a library of outfits, they can switch between them at will.

The tables and illustrated guides below are designed to serve as a basic walkthrough of the Outfit window's various components. As always, world Owners can restrict user access to the Outfit window at any time.

Opening the Outfit window

To open the Outfit window, click the Outfit button located in the bottom toolbar. (You can also press Ctrl + O on your keyboard.)

The Outfit window UI

Once you open the Outfit window, your avatar's current look will be displayed in the preview window on the left side. Before we discuss the various editing tools, it's important to review the basic Outfit window UI.

The camera tools

The camera tools can be found in the bottom left corner of the Outfit window. Use them to position your camera for optimum viewing while you edit your avatar or outfit.

Creating a new outfit

Within the world of Breakroom, the term outfit refers to a unique avatar configuration. It may help to think of an outfit as an avatar that you have saved at a particular moment in time, including all details such as hair, skin, eye color, shape, clothes, shoes, jewelry, etc.

For example, you may craft a basic "Me" avatar and then dress and save several variations on it as separate outfits, such as "Formalwear Me" and "Sporty Me." Or you may choose to create a diverse collection of outfits, including quadruped dragons, floating ghosts, and more.

To create a new outfit or avatar, follow the steps below.

1. Open the Outfit window by clicking the Outfit button at the bottom of your screen.

2. Click the Create New Outfit button located at the bottom of the preview window.

3. A pop-up will appear, prompting you to select a basic body morphology. Make your choice by clicking either the Masculine or Feminine button.

4. Enter a name for your new outfit, and click the Save button.

Following these steps will replace your current avatar with a default masculine or feminine human avatar. You can then edit this avatar in detail to create a new outfit.

The Appearance tab

The Appearance tab contains a suite of convenient one-click tools that allow you to change your avatar's shape and face presets instantly. You can also use the Head, Bodies, and Skin interfaces located under the Appearance > Details subtab to further customize your virtual look.

Applying preset shapes

Presets are built-in shapes designed to change your avatar's appearance with a single click. Using presets can help you achieve your avatar appearance goals faster, and presets can be extensively customized after you apply them.

To apply a new preset to your avatar, follow these steps.

1. Open the Outfit window by clicking the Outfit button at the bottom of your screen.

2. Make sure the avatar you want to edit is currently active, or create a new avatar to edit.

3. Click on the Appearance tab. Make sure the Body & Shape subtab is active.

4. Click on a body preset or a face preset to apply it to your avatar.

5. When you are satisfied with your changes, click the Save button.

Customizing your head and body shape

The Appearance tab contains two subtabs, located in the top right corner. The Details subtab contains three subtabs of its own—the Head tab, the Bodies tab, and the Skins tab. In this section, we will focus on the Head and Bodies tabs.

The Head tab

Under the Appearance > Details > Head tab, you will find a number of facial features with nested slider controls. To expand a particular facial feature control panel, click the > arrow located to the left of its name. You will also see options to Minimize All or Expand All panels near the top of the window.

Each slider controls a single aspect of your avatar's facial configuration. The level of detail you can achieve with these sliders is truly astonishing, and the best way to learn how to use them is to experiment. You can always Undo your last step or Reset your avatar entirely by clicking the relevant buttons at the bottom of the window.

The Randomize feature

Of particular interest is the Randomize feature, which allows you to essentially "roll the dice" and see what kind of face you get. If you chance upon a set of facial features you like, you can then refine your look using the facial feature sliders.

To use the Randomize feature, follow these steps.

1. Open the Outfit window by clicking the Outfit button at the bottom of your screen.

2. Make sure the avatar you want to edit is currently active, or create a new avatar to edit.

3. Click on the Appearance tab, and then navigate to the Details > Head tab.

4. Click on the > arrow located to the right of the Randomize control panel to expand it.

5. Increase or decrease the "randomness factor" by adjusting the associated slider. The larger the randomness factor, the more dramatically different each random generation will appear.

6. When you are ready, click the Randomize button.

If you end up with an avatar that looks a little too random and bizarre, you can always click the Undo Randomization button to restore your avatar's previous appearance, or click the Reset button to revert your avatar to the default masculine or feminine human settings.

When you are happy with your changes, be sure to click the Save button. If you prefer to throw away all of your changes and keep your last saved appearance, click the Discard button.

The Bodies tab

The Appearance > Details > Bodies tab appears and functions much like the Head tab. You can adjust the relevant sliders to change your avatar's body shape and size, right down to the length of your fingers. You can also use the Randomize feature to generate a random physical appearance.

When you are happy with your changes, be sure to click the Save button. If you prefer to throw away all of your changes and keep your last saved appearance, click the Discard button.

Choosing an avatar skin

The Appearance tab also allows you to apply a skin to your avatar and edit it. Additional skins can be purchased through the Breakroom Shop.

To change your avatar's skin, follow these steps.

1. Open the Outfit window by clicking the Outfit button at the bottom of your screen.

2. Make sure the avatar you want to edit is currently active, or create a new avatar to edit.

3. Click on the Appearance tab, and then navigate to the Details > Skins tab.

4. Click on the skin you want to use.

After choosing a new skin for your avatar, you can refine its texture using the Skin Bumpiness slider. Decreasing bumpiness will make your avatar's skin look smooth, while increasing bumpiness will make it look more matte or rough, depending on the lighting.

When you are happy with your changes, be sure to click the Save button. If you prefer to throw away all of your changes and keep your last saved appearance, click the Discard button.

Skin Shade and Skin Shininess

The Skin Shade and Skin Shininess features are available through the Appearance > Details > Skins tab. While both interfaces appear exactly the same, each controls a slightly different aspect of your overall skin color.

• Skin Shade refers to the general tint of your chosen skin. For instance, you could use this feature to tint a pale skin deep green for an alien costume contest.

• Skin Shininess refers to the tint of the shine that appears when light hits your skin. To continue our example, you might add a red shine to your alien avatar's green skin for added "otherworldliness" and dimension.

To edit either the Skin Shade or Skin Shininess features, follow the steps below.

1. Open the Outfit window by clicking the Outfit button at the bottom of your screen.

2. Make sure the avatar you want to edit is currently active, or create a new avatar to edit.

3. Click on the Appearance tab, and then navigate to the Details > Skins tab.

4. Click on the skin you want to apply to your avatar.

5. Click on the > arrow located to the right of either the Skin Shade panel or the Skin Shininess panel, or both.

6. Select your tint color(s) using the color palette and HSB sliders, or enter a hex or RGB code into the relevant boxes.

7. When you are done, click the OK button. To discard your changes, click the Cancel button.

The Wardrobe tab

Clothing items and other avatar components can be worn or edited through the Wardrobe tab. You can also access morphs to change your avatar shape even further.

Wearing and removing avatar components

The Wardrobe tab contains a number of avatar component categories. You can expand any category by clicking on the > arrow to the right. You can also search for an item using the search field at the top.

To wear an item, follow these steps.

1. Open the Outfit window by clicking the Outfit button at the bottom of your screen.

2. Make sure the avatar you want to edit is currently active, or create a new avatar to edit.

3. Click on the Wardrobe tab.

4. Expand the category you need by clicking the > arrow to the right of its name. For example, you can expand the Accessory category to find any bracelets, glasses, and rings you own, or expand the Top category to find a suit jacket.

5. In the window that appears, locate the item you want to wear. Click on the item to add it to your avatar.

6. When you are satisfied with your changes, click the Save button. To discard your changes, click the Discard button.

To remove an item from your avatar, repeat the steps outlined above. When you click on a currently worn item in the Wardrobe tab, it will be removed from your avatar. Alternatively, you can remove worn items using the Wearing tab.

Editing avatar components

Some avatar components have features that can be edited or customized by the user, which may include:

• Object position, size, and rotation

• Material transparency and texture

• Color or tint

Customization options must be approved by the original item creator or uploader. You can check to see which customization options have been enabled for a particular item using either the Wardrobe or Wearing tabs.

To edit an avatar component, follow these steps.

1. Open the Outfit window by clicking the Outfit button at the bottom of your screen.

2. Make sure the avatar you want to edit is currently active, or create a new avatar. If you create a new avatar, add the avatar component you want to edit.

3. Click on the Wardrobe tab or the Wearing tab, and locate the worn item you want to edit.

   1. If you are using the Wardrobe tab, click the pencil icon in the bottom right corner of the avatar component tile to access customization options.

   2. If you are using the Wearing tab, customization options will be displayed automatically.

4. Within the customization options, you may see:

   1. Move, Rotate, and Resize buttons that allow you to customize the item to better fit your avatar.

   2. Material Alpha and Smoothness sliders that allow you to customize the transparency and texture of the item.

   3. Color palettes that allow you to customize the color or tint of the item.

5. Once you're done customizing an item, be sure to click the Save button to save any changes you make. You can also remove the item from your avatar by clicking the Remove button.

Using avatar morphs

Morphs are another way you can apply predefined body shape settings to your avatar, and can be found in the Breakroom Shop. If you own any morphs, you will find them listed under the Wearing tab > Bodies category.

Click on a morph to apply the settings to your avatar. You can further customize a morph using the Head and Bodies settings available under the Appearance tab. To remove a morph, click on it again or click the relevant Remove button under the Wearing tab.

The Wearing tab

The Wearing tab lists all of the items you are currently wearing to create your outfit. Here you can quickly access these items in order to edit or remove them.

The Outfit List tab

The Outfit List tab contains all of your saved outfits. Here you can switch between them, delete them, or copy the outfit ID number should you need it.

Here is a brief overview of the UI.

Selecting a saved outfit

To select one of your saved outfits to wear or for further editing, follow these steps.

1. Open the Outfit window by clicking the Outfit button at the bottom of your screen.

2. Click the Outfit List tab.

3. Click on the outfit you would like to wear or edit.

4. When you are satisfied with your changes, click the Save button. To discard your changes, click the Discard button.