WINTER SALE 20% OFF

Layers & Panels

Experience an intuitive visual approach to managing your layers and panels!

In this article, you will find the following themes:

Layers & Panels main screen

The main screen offers a variety of options for managing layers and panels:

↑ At the top of the screen:

  • Toggle between the Front and Back sides of your item.
  • Create a new layer with the + Create new layer button.
  • Add a new panel to a layer using the + Create new panel button.

↓ At the bottom of the screen:

  • Sort: Reorder the selected layer/panel upwards or downwards as needed. Depending on the order, the panel will be positioned on top of or beneath another in the blueprint..
  • Duplicate: The selected layer/panel.
  • Delete: The selected layer/panel.
  • More options: copy, cut, paste layers and panels, within the same blueprint or across different ones:

Action PerformedTarget ElementInterface OptionOutcome Description
CopyPanel/LayerPaste as NewA new panel/Layer is created above the selected one.
CutPanel/LayerPaste as NewThe cut panel/layer is repositioned above the selected one.
Copy/CutPanelPaste TransformThe transformation attributes of the copied panel are transferred to the selected one.
Copy/CutPanelPaste ValuesThe properties of the copied panel are applied to the selected panel, except for its transformation attributes

Layers management

Layers are there to help you organize your blueprint’s panels. Their use is completely optional; opt for a single layer if it suits your needs. Here are their properties:

  • Name: For better organization, rename your layer according to your project requirements.
  • (Editor) Visible: Toggle On or Off to make your layer visible.

Panels management

Panels are your canvas for bringing various elements such as images, icons, and text to life within your item blueprints. Here are their properties:

  • Type: Create Text Panels, Image Panels, Procedural Panels, Icon Panels, ScanCode Panels, Linked Panels, as detailed in the Panel Types article.
  • Name: Rename your panel for better organization of your project.
  • Editable: Enable or disable panel editing.
  • Visible: Show or hide the panel.

Transform properties

Moveresize and rotate panels using the transform section on the left settings or with your mouse.

  • Position: Sets the X and Y coordinates of the panel on the blueprint, in millimeters.
  • Size: Determines the width and height of the panel, in millimeters.
  • Rotation: Adjusts the panel’s rotation angle in degrees.
  • Constraints: Defines how the panel scales and aligns within the blueprint.

Note: Remember, the origin point for all panels is the top-left corner of the blueprint, and this aligns with the panel’s bounding box. Positioning a panel at 0,0 aligns it with the top-left of the blueprint, anchoring it to the top-left corner of its bounding box (considering rotation).

Constraint settings

Effortlessly moveresize, and rotate all panels within a layer or blueprint simultaneously! Each panel will adjust according to its transform constraint property.

Available constraint options for each axis include:

  • Left / Right / Top / Bottom: Panels maintain a constant distance from the selected edge of the layer/blueprint.
  • Left & Right / Top & Bottom: Panels stretch to maintain distance from both sides of the axis, adjusting size accordingly.
  • Center: Panels stay equidistant from the layer/blueprint’s center.
  • Scale: Panels resize proportionally within the layer/blueprint.
Horizontal AxisVertical Axis

Quick tips

ℹ️ New layers/panels in the list are displayed above the bottom ones.

ℹ️ Toggle layers/panels visibility in the blueprint editor by clicking the eye 👁️ icon beside the panel/layer.

ℹ️ Set a panel to not be editable with the lock 🔒 icon beside the panel.

Note: Discover more panel transformation techniques in the shortcuts article.

Download it to your favorite device

Any doubts?

Gepeto is here to help you