Render Times

So for the background visuals on the website, I thought it would be more interesting to use an animation which would also allow a user to see the image from more than one angle too.

I asked the architecture group to send me over a digital 3d model of the site they had developed so I could render it in cinema 4D. I imported the model, set up some virtual cameras and keyframed them. I added some lighting afterwards and switched on ambient occlusion and global illumination for more pleasing lighting in the render.

After rendering the clips, I added motion blur in After Effects as it would have increased render time in Cinema 4D by a long time. I also adjusted the colour in After Effects so the shots would fit in with each other a bit better.

Here are the rendered clips:

After I had finished tweaking the renders, I created some simple mockups of a web page to overlay on to the animations.

Instead of saving the overlays as PNGs and placing them into After Effects, I placed the PSDs directly into it so if I made any changes to the PSDs it would automatically update in the video. I keyframed the overlay and clips to move upwards as if scrolling down on a web page.

I decided to mockup the site this way as I was pressed for time and attempted to place the clips into Adobe Muse to create and interactive mockup however I didn’t realise it wasn’t possible, I even tried to convert the clips into gifs. However, Photoshop was being buggy as the method that Photoshop uses is a legacy version.

Here is the “website”:

For the brochure, I decided to use some rendered still images of the model as a background.

I used virtual cameras to set up the shots and set up the lighting to create visual interest, here are the shots:


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s