# Decals

## Overview

Vectary Studio simplifies applying designs onto 3D objects through decals. Decals allow quick and intuitive application of images, animations, or videos directly onto the surface of any geometry.

{% hint style="success" %}
Supported formats: **JPG**, **PNG**, **WebP**, **SVG**, **Lottie**, **GIF**, **MP4** 
{% endhint %}

## How it works

{% stepper %}
{% step %}
**Import your file**

Just dragging it onto the canvas
{% endstep %}

{% step %}
**Apply decal**

Grab the pivot point of the imported plane and move it towards the 3D object. It will automatically adapt to the geometry's surface.
{% endstep %}

{% step %}
**Adjusting**

Once placed, decals can be resized or rotated using the Gizmo
{% endstep %}
{% endstepper %}

{% embed url="<https://screen.studio/share/UEuRsJKI>" %}

## Editing decals

* A decal is a regular 3D object with the same properties, including full control over materials, textures, and other 3D object settings.

* **Offset** - available after a decal is attached to an object; shifts the decal away from the surface to prevent flickering caused by overlapping geometry.\
  \
  ![](https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FfZPXPZoHOP494uQYKZLn%2Fimage.png?alt=media\&token=a1675ef6-7bc1-4be4-b166-863b592b5685)

* **Use projection decals -** projects the decal texture straight onto the surface rather than wrapping it around the geometry. Produces cleaner results on flat areas but may clip on complex shapes.<br>

{% hint style="info" %}
Selecting the same texture in the [Emission](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/materials-and-textures/basic-materials/emission) property as in [Color](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/materials-and-textures/basic-materials/color) makes the decal appear bright and unaffected by scene lighting.
{% endhint %}

## Figma integration

* Decals can also be imported directly from Figma - [figma-frames-import](https://open-2v.gitbook.com/url/help.vectary.com/documentation/importing/figma-frames-import "mention")
* Any changes made in Figma can be updated in Vectary Studio with just one click

## Tutorials

{% embed url="<https://youtu.be/HDKoRGCSCwQ?si=Ib5bCNY6P482J84K>" %}

{% embed url="<https://www.youtube.com/watch?v=3jI4GFvFa_s>" %}