Getting started
Vectary DashboardAccount SettingsRolesHow To Get HelpLibraryScene OrientationShortcutsSystem RequirementsStudio Navigation
User InterfaceDesign modeEdit modeLeft bar - Project & Workspaces Right bar - Properties panelCanvas toolsControl BarDesign process
CameraFile ImportingNURBS (CAD)Object EditingColors and MaterialsLighting and EnvironmentsVersion HistoryAnimated MaterialsInteractionsAnimationsFloating UIVariantsHotspotDecalsUV mapping2D to 3DFigma frames import Figma Plugin - Vectary 3D Studio LiteRenderingAdding commentsSharing and embedding
Sharing your projectsFile ExportingClone projects (Sharing Settings)Augmented Reality (WebAR)WebXR (beta)Embedding to other softwareOptimizing a Shared projectLoading screenScene performance analyzerModel API
IntroductionQuick StartEvents & ListenersFloating UI ConfiguratorsEcommerceAnimated Materials
Creating animated materials using Lottie and Gif files
In Vectary, you can use 2D animations as textures or as independent animated 2D objects.
You can use a Lottie or GIF as a texture for an object, which means simply selecting Animation in any material property and uploading the file or link to the file.
To see how the animation works, switch to preview mode.
A texture with animation can be improved with other material properties and settings. For example, load the same texture into the Emission property, and it becomes brighter or lighter (depending on how much intensity you set).
Or you can use the texture in the Opacity property, and turn on Mask mode so that the texture casts a shadow.
An animation file can be used not only as a texture for an object, but also simply as a separate object in the scene. Just drag the file to the scene or copy the file to the buffer and paste it to the scene.