Spectrum

Spectrum

Spectrum

A futuristic After Effects extension with a skeuomorphic user interface.

A futuristic After Effects extension with a skeuomorphic user interface.

A futuristic After Effects extension with a skeuomorphic user interface.

Fredpelle.tv came to us to build one of their latest After Effects extensions, Spectrum. The idea was simple — an extension to apply one-click military inspired thermal and infrared effects to footage inside of After Effects.

Fredpelle.tv came to us to build one of their latest After Effects extensions, Spectrum. The idea was simple — an extension to apply one-click military inspired thermal and infrared effects to footage inside of After Effects.

Fredpelle.tv came to us to build one of their latest After Effects extensions, Spectrum. The idea was simple — an extension to apply one-click military inspired thermal and infrared effects to footage inside of After Effects.

“I’ve worked with the Tack Studio team on several projects and I’ve had a consistently amazing experience.”

Fred Pelletier

Founder, Fredpelle.tv

Functionality

Like most extensions, the UI of Spectrum is made with HTML and CSS for the visuals, and JavaScript which drives the interactivity and animated elements.

Each button and slider calls a function within ExtendScript (the specific flavor of JavaScript that After Effects understands) which in turn triggers sequences of actions and automations within the After Effects composition.

Responsiveness

Since the user fine tunes their creation using only the buttons and sliders within Spectrum’s UI, it was super important that it felt responsive and fast to use, with absolutely no lag.

The interactivity of the UI, various hover states on the UI elements and the constant visual feedback always let the user know exactly what's going on.

Credits

Key Features

Adobe After Effects

Extension

HTML · CSS · JS

ExtendScript

Skeuomorphic UI

macOS · Windows

Key Features

Adobe After Effects

Extension

HTML · CSS · JS

ExtendScript

Skeuomorphic UI

macOS · Windows

Key Features

Adobe After Effects

Extension

HTML · CSS · JS

ExtendScript

Skeuomorphic UI

macOS · Windows

Key Features

Adobe After Effects

Extension

HTML · CSS · JS

ExtendScript

Skeuomorphic UI

macOS · Windows

That’s it for this one. Not to worry, there’s plenty more to see.

Let’s get to work

Get in touch and tell us your ideas — you’ll never want to do things the old way again.

We plant a tree with Ecologi for each one of our projects. It's up to all of us to do what we can.

© 2023 Tack Studio Ltd

Let’s get to work

Get in touch and tell us your ideas — you’ll never want to do things the old way again.

We plant a tree with Ecologi for each one of our projects. It's up to all of us to do what we can.

© 2023 Tack Studio Ltd

Let’s get to work

Get in touch and tell us your ideas — you’ll never want to do things the old way again.

We plant a tree with Ecologi for each one of our projects. It's up to all of us to do what we can.

© 2023 Tack Studio Ltd