So we’re going to add one light, and if we render right now, by default, this is how our light shows up. We’re not going to use any primitives for this instead, we’ll just use a light.
We’ve just resized our so it corresponds to that aspect ratio, that 1,000 x 400 aspect ratio, that 10:4 5:2 aspect ratio. It may have a different aspect ratio, you might see if it’s sized differently, you might see darker bars on the bottom and top, right here. We’ll go into edit render settings, and let’s change our width to 1,000 pixels, and a height of 400 pixels. This is Cinema 4D, and before we get started, let’s change some render settings. Now, while this is loading, it’s a good time to mention - and it’s already loaded. That’s what we’ll be doing in this video. Airbnb created Lottie to integrate After Effects animations right into the web. We’ll use that sequence to create our Lottie animation. As for After Effects, the fact that comes with Cinema 4D Light, means we can build really complex scenes and render them using Adobe Media Encoder that gets us our image sequence. That’s why Star Trek first contact reimagined the zombie genre. Takes too long, Grimur might choose to edit out parts that seem to go on… It sounds like a lot, and it is, but we’ll go through all this fairly quickly. And, we’ll do this in five parts: we’ll create the animation in Cinema 4D, we’ll render it as an image sequence in After Effects, we’ll use the bodymovin extension for After Effects to export it, we’ll drop that exported file into Webflow, and we’ll set up an interaction so it responds to our mouse. And, we’ll cover this from the very beginning, so if you never explored cinema 4D, or if you’re building skills in Adobe After Effects, or if you’re just getting started designing and developing for the web, we’ll make sure to go through every step of the process. With the advent of modern web technologies, and recent advancements in time travel, not only can we model this galaxy in Cinema 4D, but we can use After Effects and Webflow to make it respond to our lateral mouse position right inside a web page.