Infographics - Finished Basic Animation

This is what My infographic title sequence looks like for now. If I have time tomorrow I'll animate the opening and end text. I also need to fix a couple things, which I annoyingly have only just noticed while uploading. I'll try adding some more animation as I feel like right now the animation is quite basic, but I wanted to make the basics first so that I had a somewhat finished product. I'll also try using the Bouncr script to add some more animation, however, I have never used a plug-in script with After Effects before, so I'm not sure how successful I'll be.

Infographics - Early Animatic

This is an animatic I made for my title credit sequence a couple of weeks ago. I've made a few changes to the sequence since making this. I've changed the timing of the scenes so that they are in time with the opening song and also stretched the time of the scenes a little so I don't have to draw out another scene to fill the "Work in Progress" part.

Infographics - Work in Progress 2

I've edited the animation so that it fits a little better with the music. I'll also add some animation to the title and fix the timing of the 'Chelsea Peretti' text so this also appears more in time.

Infographics - Animation Work in Progress

This is what my infographic for 'Brooklyn Nine-Nine' Looks like so far. I'm going to make quite a few changes to it but I just want to set down the basic animation and work out where things should go. I think I'm going to lengthen out the second and third character's scenes so that the animation fits better to the opening song. This also means that I won't need to draw another scene to animate. I'm having a little trouble working on files at uni and at home as the computers at uni don't have updated After Effects or Media Encoder, so I can't work on the first character I animated at uni, and when I try to edit the scenes of the second and third characters, which I animated at uni, The files are missing and I don't know how to fix that. I'll try fixing that so I can work on the first scene a little more. I'm also going to try and use some plugins like Bouncr to add a little bit more movement to the characters.

Infographics - Second Animation Test

Infographics Animation Test

Infographics - Brooklyn Nine-Nine - Developed Storyboard

Following Alan's advice, I've added backgrounds to the scenes in my opening credits sequence, I've also cleaned them up so hopefully I can take the psd files straight into After Effects and start to make some animation tests. I'd like to finish the storyboard and tweak a couple things as there's still two more characters I'd like to add, but I need to prioritise getting some animation done.

Infographics - Brooklyn Nine-Nine Opening Credits - First Storyboards

The show I have chosen to create my opening credit sequence for is the American police sitcom 'Brooklyn Nine-Nine'. I chose this show as it has characters that can be very easily defined in one image. 

"Captain Ray Holt takes over Brooklyn's 99th precinct, which includes Detective Jake Peralta, a talented but carefree detective who's used to doing whatever he wants. The other employees of the 99th precinct include Detective Amy Santiago, Jake's over achieving and competitive partner; Detective Rosa Diaz, a tough and kept to herself coworker; Detective Charles Boyle, Jake's best friend who also has crush on Rosa; Detective Sergeant Terry Jeffords, who was recently taken off the field after the birth of his twin girls; and Gina Linetti, the precinct's sarcastic administrator." -IMDb

These are just rough storyboards at the moment. I used blue and yellow as these are the colours that I associate with the police force, as well as the colours on the characters uniform. I also used a sketchy blueprint style to match the police force aesthetic. I also wanted to look making the credits look like they are on a crime board. I'm struggling a little with thinking of how to make the transitions look okay, and also, the space looks a little too flat and 2D, I think I could be more adventurous with using space and perspective.

Graphic Grids - Five Cover Pages