Animated UI

Beginners
1

Hi,

Im wondering if anyone can point me in the right direction for some resources, examples or research links, as I attempt to design and build a slick animated UI system. (for style think HUD in scifi movies )

Looking for button push transitions, dynamic ASCII keyboard etc.

Im tempted to just make it entirely our of rendered / raster based video files ( tops ) since I come from the after effects world, but know that things will get expensive quick, so in my head these are some of the ideas I have, any feedback is welcome.

Obj’s or SVGs for each point of interaction, animation comps or other chops for each style of button push, animating geometry with sops etc affecting things like color, point resolution, lighting, scale, warp, noise etc. also design elements in the form of datavis and animated line strokes using Sops as-well.

Im going for a flat kind of ui response, as it is for a Touchpanel, but am considering 3d space in transitions etc.

2

Bump

I’m trying to create the same concept, Evangelion-like futuristic sci-fi HUD and couldn’t find any tutorials or sources for this

3

Hi,

Touchdesigner surely is a great tool for that purpose.
I gave it a very quick try some time ago using all type of operators to build an interactive panel made of generative content.

I am unable to find the toe file on my computer but i will have a look in my backups just in case.

You can see a animation export from this project here : https://www.instagram.com/p/CPZBvUuI6Ab

1 Like