Category Archives: Video

Kinetic Typography: third video

For some crazy reason I decided to do yet another kinetic typography video, This time of a clip from a cutscene in FarCry 3. I chose this one as it had varied speech patterns (if thats the way to word it); in the clip, Vaas (the character in the clip) speaks fast, slow, and is emotive at the same time. I felt this would make it perfect for a kinetic typography video, better than the one for my second attempt. This one was a bit more ambitions, being ~3 times longer than the other two I’ve done, but as my After Effects skills improved, my workflow sped up and it didn’t take much longer to complete than my first attempt.

For the font, I used the font from the game itself (for pretty obvious reasons), it creates a clear link between the two which was evident from showing people after I made the video. The first reaction from a couple of people was “is that the font from FarCry?”, making it pretty clear they saw the connection.  As for colours, the white text on a black/dark background makes it stand out more, and the text is more obvious than if it were inverted. I used a dark red to emphasise certain words, this colour connotes passion and, in a sense, insanity (which is the word in red…). This just makes it stand out a bit more, which is what I wanted. Overall I think this is my best attempt yet (and so it should be), the timing is ‘spot on’ (as i’ve been told by my friends) and different sizes and speeds of the texts conveys the emotion of the clip quite well.

Tagged , , , , , , , ,

Kinetic Typography: Second Result

Here is the final video for my Gladiator video, I’m happy with the outcome, and the animations I did, but It lacks the emotion that was in my first attempt. This is probably due to my choice of clip, which wasn’t overly emotive to start with. However what is good about this one, is the text and audio synchronisation. In a way, the text leads the audio which means it doesn’t look like its playing catch up, this is an improvement on my first attempt.

If I dared to start a third attempt, I would need a more emotive clip than this, in order to better portray it through typography, and stick with the better synchronisation to hopefully get an even better result.

Tagged , , , , ,

Kinetic Typography: Take 2

Despite my first attempt taking so long to complete (about 7 hours), with progress being really slow, I enjoyed using After Effects and wanted to take it a bit further. For my second video attempt, I chose to do a clip from Gladiator. The main reason for choosing this, plain and simple, is because Gladiator is one of my favourite films. I was also looking for a clip with minimal background sound or music and clear speech levels, as the focus is on what is being said and I didn’t want anything to detract from that.  My plan was to better organise the file as I make it, so I can easily keep track off my layers and to make it quicker and easier.


This screenshot shows my current progress and how I cut down each layer to just the time it needed to be on screen, so I didn’t have to worry about seeing it in the background as I moved the camera around in the 3D space.

For the background of the video, I chose a vignette style which makes it a bit more interesting than a flat colour. As for the colour, I used a sandy/beige colour as a homage to the scene in which the audio is from (a sandy arena; sand is kind-of beige). Like my first attempt I used a serif font, but this time it was to be reminiscent of the old roman empire (think Times New Roman) as I think thats the era the film is set, or something like that.

Tagged , , , ,

Kinetic Typography: Final Result

Here is the final video of my first attempt I’m pleased with the final outcome as it stands up to others that I have watched on the internet and is even better than some. Upon showing this to my parents, my Dad initially thought it was an actual advert for Gravity which I can take as a good reaction to the near professional level quality (that, or my dad doesn’t expect much from the movie industry). I will probably take this further and do another video as I enjoyed making this one, and want to do a clip of my own choice rather than being provided one, giving me more freedom to do something relevant to my interests.

Tagged , , , , ,

Kinetic Typography: first attempt

From watching various kinetic typography videos to give me some inspiration, I decided that I’m going to need move the text as well as the camera to get a good effect. When making my video, I attempted to keep it organised, keeping the layers in order and such but as I neared the end of the audio clip, I had over 70 layers and things got a bit confusing. There was also the problem with not shortening the length of the tracks, as at the time I didn’t even know this was possible. Having all my layer tracks lasting the duration of the whole video meant that I had to keep changing the opacity of the text to hide it as the camera moved around. Managing layers better is something I will definitely do next time I make something in After Effects.


Here is a screenshot of the work in progress, showing all the camera movements I had to do to navigate between the bits of text. This was the longest and most laborious process, trying to get it to move in a way that seemed fluid and fit with the movement of the text.

As for the background its a dark, subtle starry picture, as the film is set in space, it makes sense really. I used a different font for each of the voices, however they’re still pretty similar (both being serif fonts an’ all) so the differentiation between the two isn’t overly obvious; this is something which could be addressed in a future attempt. the font used for George Clooney’s character, is reminiscent of a typewriter, giving it a more authoritative feel which is perfect as the clip has him giving instructions. I chose serif fonts as they are more serious than sans-serif. If I were to use a font like Helvetica for example, I feel it would detract from the seriousness and the panic of the situation with the more smooth and playful letterforms.

Tagged , , , , ,

Kinetic Typography

Today we were given a new task, and this time it was a kinetic typography video to accompany a snippet of the audio from the Gravity trailer. Kinetic typography videos are simply moving text and small illustrations to accompanying audio, be it a conversation or a piece of music. The format can be used to shift the focus of a video to what is being said, rather than what is happening on screen. It can be used to emphasise certain words/ phrases and convey and emotion or a particular idea to the audience.

Here are a few examples of kinetic typography that I looked at as inspiration for my own attempt:

Steve Jobs | Typography Motion Graphic

Portal – Still Alive Typography

Kinetic Typography Channel

In almost every example I saw, text size, speed and duration were used to emphasise certain words and these are techniques I hope to employ. I am going to make the video using Adobe After Effects which I first need to learn how to use (could be interesting…).

Tagged , ,


Today I made a time-lapse video. Putting my phone against the window, I used an app to take pictures ever second of the road outside (beautiful view, I know). I chose this short interval so that I could do the time-lapse of a short duration as I need my phone and didn’t want to leave it for too long. There was also the limitation of storage space for the images. If I was to do this again, I would use a longer interval and do it over an extended period, saving the images on to something with more storage space.  I took ~300 pictures and then cropped them down to 720p resolution using command line tools in terminal. From here I used FFmpeg to put the pictures into a 25fps video and add a fade-in to the beginning so there wasn’t a sudden start to it. I made a watermark to go on the video in Illustrator and then some music using the loops in GarageBand to accompany it. For the music, I went for a deep house style, as that is typically what is used in time-lapse videos in my experience.

The whole project was put together using FFmpeg to make this nifty little video. This different way of editing pictures and making the video came was very useful for batch cropping and resizing large quantities. If I was to do this using Creative Suite software it would’ve taken a lot longer to do despite achieving the same result.

Tagged , , , ,