← All features VIZid Next / Features

Animated materials & graphics

Let the finish tell the story: fade a colourway, wake a screen, slide a logo into place or play footage on a display, all on the same timeline as your product motion.

Every material property on the timeline

Numeric values blend smoothly between keys; material types, image files and switches change cleanly at their keys.

Key any material property

The Keyframes tab finds and keys colour, roughness, metallic, coat, sheen, opacity, emission and more. Every shader-node input has its own key diamond.

Colourways and assignments

Key material assignments on bodies and faces, variants, colourways and CMF rules to step through a range in one continuous shot.

Moving labels and decals

Key a label’s width, height, spin, position and face orientation independently, so a badge can grow, turn or slide across a surface.

Screens and light-up details

Key emission to power up an indicator, backlit key or display. Opacity keys fade graphics and parts in and out.

Footage on surfaces

A Video Map plays a numbered image sequence as a texture that scrubs with the timeline, ideal for a UI demo on a device screen.

Moving patterns and styles

Key texture size, offset and rotation to scroll procedural patterns, and key toon, outline and ink settings for stylised treatments.

Design example: a smartwatch launch clip

A wearables team introduces a new watch in three case finishes. As the watch turns, keyed colourway changes move the case from graphite to silver to rose. On the final turn the screen’s emission rises from off to on and a Video Map plays an exported sequence of the watch face animating. A subtle keyed label slides the brand mark onto the strap buckle just before the camera holds.

For graphics built in Adobe After Effects, a VIZid comp can also be linked to an After Effects composition; this requires a compatible version of After Effects.

How it works

  1. Move the playhead and open the material’s Keyframes tab.
  2. Key the start value, move on, change the value and key again.
  3. Add a Video Map for screen content and key labels or emission as needed.
  4. Play the timeline live, then refine the timing in the animation curves.

Related features