Skip to main content

3D Styling

You can use the 3D styling enhancements to easily carry out complex tweaks and fixes, such as: Move a fully draped garment and align it...

Updated over 2 weeks ago

You can use the 3D styling enhancements to easily carry out complex tweaks and fixes, such as:

  • Move a fully draped garment and align it with an avatar that is positioned differently from the source avatar

  • Fix drape problems in an outfit or multi layered garment by moving specific patterns, locking them, and then using the pinch tool on a lower layer

  • Fix and add stitches to a draped outfit or multi layered garment by moving a piece and then stitching a pocket to the garment underneath

  • Stitching to the inside by moving a layer and then stitching, for example, an internal pocket

  • Moving a garment that has been sent to the floor so it won't be on the floor

To use the 3D styling tools, you first go to the 3D styling pane. When the pane is displayed, you can use the styling tools as required.

For more information, expand the following:

Viewing the 3D Styling Pane

To view the pane and the 3D styling tools:

  1. On the Main toolbar, click

    3ds-icon81.png

    .

    The 3D styling pane and the 3D styling horizontal contextual menu are displayed.

    3ds-2020.2.0-pane.png
    hcm.png
  2. In the 3D styling pane, click

    play-icon.png

    to expand the Advanced section.

    advanced-toggle.png

    The garment layers are displayed.

    3ds-2020.2.0-advanced.png

    You can drag pieces to different layers.

  3. Select any piece in a layer to enable the advanced configuration options at the bottom of the pane. For example, in the image above, selecting 0005JBK [3] causes the Use in 3D and other options to be enabled.

  4. Click

    hamburger-menu.png

    . The Advanced menu is displayed.

    menu.png

Once you have dressed the avatar, and made 3D styling adjustments, if you click Prepare, this cancels all 3D styling. Instead, if you need to redress the avatar, click Dress, then Finish.

Note

With effect from 2020 September Edition, the 3D Styling Properties and Advanced section also display as part of the Fold & Hang workspace. For more information, refer to Fold & Hang.

Using the 3D Styling Tools

To make 3D styling adjustments:

  1. Click the tool you want to use: Pinch, Brush, or Move.

  2. For Pinch and Brush, set the required radius. Either drag the slider, or type in the radius.

  3. Select the Symmetrical Styling check box if required.

  4. In the 3D window, use the tool.

  5. In the 3D styling pane, in the 3D Styling Properties section, select the styling property you want to apply: Hold, Flatten, or Retouch.

  6. If required, push or pull the affected area by selecting and dragging it.

  7. Once you have finished styling, on the Main toolbar, click Dress.

The tools and properties are described in the following table:

Tool/Property

Description

Pinch

Use this tool to push or pull the selected point or area by dragging. If selected, you may use Regular or Focused Effect. If necessary, you can enable the Symmetrical Styling option to see the effect in the corresponding pattern piece.

Note:

  • The size of the point selected matches the specified radius.

  • This tool affects a point or area determined by the radius. For a freehand selection, use the Brush tool.

Brush

Use this tool to paint an area by dragging. If selected, you may use Regular or Focused Effect. If necessary, you can enable the Symmetrical Styling option to see the effect in the corresponding pattern piece.

Note:

  • The size of the brush point matches the specified radius .

  • This tool affects the area you paint over. For a more focused selection, use the Pinch tool.

Tip: Press Ctrl (Mac: Command) and click to apply the brush to a complete pattern piece.

Move

Use this tool to move a selected pattern piece (or pieces) without:

  • Triggering further simulation.

  • Any collisions with the avatar or other pieces.

To select multiple pieces, press Shift while clicking the pieces you want. To select the garment, press Ctrl+A (Mac: Command+A).

Note:

  • With the 3D gizmo disabled, you can move (by dragging) the selected piece or pieces freely in the 3D window.

  • With the 3D gizmo enabled, you can move the selected piece or pieces in the 3D window only by using the gizmo.

  • Using the Move tool with internal elements (lines, artwork, and so on) is not supported.

Erase

Displays if Brush is selected.

Use this tool to erase previously applied 3D styling.

Note: The size of the erase point matches the specified radius.

Radius

Determines the area each tool affects. You can use the slider or type in a value.

Effect

  • If Regular is selected, when you use the pinch or brush tool on a part of the garment, simulation is triggered for the complete garment.

  • If Focused is selected, when you use the pinch or brush tool, simulation is triggered only for the area affected by that tool and the immediately surrounding parts of the garment.

Symmetrical Styling

Applies styling changes made to one side of the 3D garment to the corresponding piece on the other side, to simulate symmetry. For example, a change made to the left sleeve will automatically be applied to the right sleeve. In the image that follows, symmetrical styling is applied to a hoodie.

hoodie.PNG

This option allows easily creating a symmetrical look when showcasing garments. The symmetry is applied while using the Pinch or Brush tool and also during dressing.

Symmetrical Styling is only available for 3D geometries of simulated pieces that include piece symmetry or inner symmetry with the same grid size.

To apply Symmetrical Styling:

  1. Under Pinch or Brush, select the Symmetrical Styling checkbox.

    symmetrical.PNG
  2. Select the Strength to use when styling:

    • Weak - applies a more natural level of styling

    • Strong - applies a more sculptured level of styling

Hold

The affected area does not move. Areas with this property are colored blue.

Flatten

The affected area is smoothed out (ironed). Areas with this property are colored orange.

Retouch

The affected area is stretched or shrunk according to the property values. Areas with this property are colored magenta.

  • To shrink the area, drag the slider to the left, or type in a value less than 100.

    ret1.png
  • To stretch the area, drag the slider to the right, or type in a value greater than 100.

  • By default, the retouch property is applied the same way to the width and length. To set separate properties for Width and Length, click

    connected-icon.png

    . Width and Length properties are displayed separately.

    ret2.png

    Note: The width and length follow the grain line.

  • To see which direction width goes in, either click the blue circle on the Width slider or click inside the Width number field. A red line is displayed showing the direction of the width.

    ret-red-width.png
  • To see which direction length goes in, either click the blue circle on the Length slider or click inside the Length number field. A blue line is displayed showing the direction of the length.

    ret-blue-height.png

Tip

You can overlap 3D styling areas.

General 3D Styling Tool Notes

The following details apply to using 3D styling.

  • Going from prepare mode to 3D styling does not trigger simulation

  • If simulation is running, clicking Pinch, Brush, or Move pauses the simulation

  • Going into prepare mode exits 3D styling

Selecting a Styled Area

You can select an area over which you have applied 3D styling and selected a property. For example, Pinch + Hold. Each such area displays a selector consisting of two connected, colored globes. One globe is displayed on each side of the garment.

The following image shows the selector for an area on a man’s short sleeved shirt. The avatar is hidden.

selector-2.png

To select:

  • An area, click either globe. The globe displays in green to show it is selected.

  • Multiple areas, press Shift while clicking.

Note

As well as using either globe of the selector to select an area, you can also use it to push or pull the area.

selected.png

Clearing 3D Styling

You can clear 3D styling using the Erase tool.

You can also clear:

  • An area of 3D styling by selecting it, then going to the 3D Styling Properties section and clicking

    clear.png

    .

  • Multiple areas of 3D styling by selecting them, then going to the 3D Styling Properties section and clicking .

  • All 3D styling, by going to the Advanced section and clicking

    hamburger-menu.png

    . A menu is displayed. Click Clear Styling. All the styling is cleared.

Using the 3D Styling Horizontal Contextual Menu

hcm.png

The 3D styling tools horizontal contextual menu includes several options to help you with your styling, as detailed in the following table.

Option

Description

Save Snapshot

  1. Click to save a snapshot. The Choose Snapshot Name dialog box is displayed.

  2. Type a name for the snapshot and click OK. The snapshot is saved.

For more information, refer to Snapshots.

Fast Mode

Select to use fast mode when dressing the avatar. Fast mode uses a default grid of 1, and is useful for speeding up simulation of more complex garments. Fast mode was previously known as draft mode.

Freeze Pose

Select to freeze the avatar’s pose. For example, you can use this to prevent a collision between the avatar’s arms and the garment.

Auto Lock

While selected, you can add a new piece to the garment, and if you arrange the new piece on the avatar, when you click Dress the 3D simulation works on the new piece only, leaving the existing garment dressed on the avatar.

Gravity

Clear to have the 3D simulation ignore the effects of gravity. For example, you can use this if you want to prevent the garment or part of it from falling off the avatar.

3D Gizmo

Select to enable the 3D gizmo. The 3D gizmo is displayed when you make adjustments in the 3D window, giving you more flexibility in the direction of these adjustments. For more information, refer to 3D Gizmo.

Advanced Configuration Options

When using the 3D styling tools, if you select a layer or a pattern piece in the 3D styling pane, you can use the advanced configuration options.

Tip

You can select multiple layers simultaneously and set the advanced configuration options for all of them.

Tip

You can also set the Lock and Visible properties by clicking the appropriate icon in the layer.

3d-lock-visible-a.png
Did this answer your question?