# Importing own textures

## Overview

Vectary Studio allows importing custom textures into almost every material property, providing extensive customization options to enhance visual fidelity and achieve desired effects.

<figure><img src="https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FYSeW1k1YfqLQknspRFRb%2Fimage.png?alt=media&#x26;token=6719d1c8-cbb1-46d2-9022-e4fb3b5bd39f" alt="" width="563"><figcaption></figcaption></figure>

### Material properties supporting custom texture import

* [color](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/materials-and-textures/basic-materials/color "mention")
* [roughness](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/materials-and-textures/basic-materials/roughness "mention")
* [metalness](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/materials-and-textures/basic-materials/metalness "mention")
* [opacity](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/materials-and-textures/basic-materials/opacity "mention")
* [emission](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/materials-and-textures/basic-materials/emission "mention")
* [normal-map](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/materials-and-textures/basic-materials/normal-map "mention") (images imported here will automatically convert to a normal map)
* [ambient-occlusion-texture](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/materials-and-textures/baked-textures/ambient-occlusion-texture "mention")
* [lightmap](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/materials-and-textures/baked-textures/lightmap "mention")
* Thickness or [refraction](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/materials-and-textures/advanced-materials/refraction "mention")
* [reflectivity](https://open-2v.gitbook.com/url/help.vectary.com/documentation/design-process/materials-and-textures/advanced-materials/reflectivity "mention")

### Methods for importing textures

* Upload directly from a computer
* Insert a URL link to an image
* Import directly from Figma - [figma-frames-import](https://open-2v.gitbook.com/url/help.vectary.com/documentation/importing/figma-frames-import "mention")

### Supported texture formats

* Static images: **JPG**, **PNG**, **WebP, SVG**
* Animated textures: **Lottie**, **GIF**, **MP4**

### Texture management

* Imported textures remain available for use within the current project and will automatically be removed upon reopening if not applied to any material/setting.
* Imported animated textures automatically loop when the scene loads, playback can be managed in Interact mode - [animated-texture](https://open-2v.gitbook.com/url/help.vectary.com/documentation/3d-configurator/interactions/actions/animated-texture "mention")
* Imported textures can be modified with various controls such as **saturation**, **brightness**, **contrast**, **inversion**, **tiling**, **offset**, **rotation**, and **resolution** adjustments.

{% hint style="success" %}
All used textures and their resolutions are displayed in preview mode, enabling quick optimization
{% endhint %}

## Texture Projection

Texture projection determines how a texture maps onto the surface of a 3D object. Several projection types are available, each suited to different geometric shapes or visual effects:

<figure><img src="https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FM5TwsXdBnMvkVHxfutbW%2Fimage.png?alt=media&#x26;token=aadf57be-a6a5-47cb-84c6-295200639f48" alt="" width="242"><figcaption></figcaption></figure>

* **Plane projection:** projects textures onto objects as if projected from a flat plane
* **Box projection:** applies textures onto objects using box-shaped projections
* **Sphere projection:** maps textures around an object as if wrapped around a sphere
* **Cylindrical projection:** wraps textures around cylindrical-shaped objects
* **Unwrap:** utilizes object's UV unwrap to accurately map textures according to geometry

{% hint style="success" %}
Clicking the projection shape icon repeatedly cycles through different projection axes
{% endhint %}

Manual adjustment of texture projection:

* Click the projection icon to enter texture projection editing mode
* In this mode, a Gizmo tool allows manual adjustments, including moving, scaling, and rotating textures directly on the object
* Once adjustments are complete, click the **`Exit texture projection`** button to finish editing

{% embed url="<https://vimeo.com/724808402>" %}