3D animations for Design Systems Series episode 3
Hi, Dribbble. Here’s some of my 3D work from the new episode of InVision’s design system video series.
One of this chapter’s themes is atomic design, so naturally I had to have a go at animating some atoms.
I textured the main sphere using sub-poly displacement to help with the sense that we’re orbiting around it. For the orbiting electrons, I used an 'align to spline' tag in Cinema 4D, plus a circular spline with the same center position as the main sphere.
I also used Cinema 4D to visualize another of the episode’s themes: all the different ways you can go when starting a pilot. I set a cloner object to distribute via a spline (shaped like a UI map) and then offset the cloners with a couple of keyframes. There you have it.
Hit the L key (thanks!) and then go check out the episode to see a little more 3D action and brush up on your atomic design.