Task 4 – Kinetic Typography

My task:

Use and develop your knowledge of AfterEffects to generate a sequence of no less
than 20 seconds in which kinetic typography is used to accompany and enhance a
soundtrack featuring voice. The soundtrack can be of your own choosing, but we
suggest you use an extract from a piece of existing media. Try to avoid using any
other graphic images other than pure type.

For this task I was asked to create video sequence containing kinetic typography, in which the text displayed what a sound track was saying. I decided to use a sample from the movie The Wolf of Wall Street.

Before I started the task I looked into some history of typography and how it has been used in the past to broadcast a message and provoke a feeling, the actual word doesn’t matter here, its the way the word is displayed that I am interested in.

I was shown in a lecture a website called Art of the Title. This website displays many movie and TV shows title sequences which are more commonly known as “intros”. Looking though some of the title sequences I noticed how many much text was important within the sequence to the bring over the theme of the show. For Example, the Are You Afraid of the Dark title sequence only uses one string of text but displays the very theme of the show, which is to be scary.

task 4 research

However I also noticed this title sequences also relied on the use of other images, which I was not allowed to do. So I deiced to look on YouTube at some videos people have already created using just kinetic typography and I found some amazing exampled which were very professional and helped me a lot during the creation of mine. Here are some of my favorites:

I then watched a video about The History of Typography  to get a better understanding of where it started and how it has changed and evolved.

I felt confidant I had enough inspiration and knowledge on kinetic typography and with my new skills with After Effects, in which I created these:

This is my final outcome of the task:

If had a chance to do this again, I think I would make the transitions from one scene to another more smooth instead of a jump cut. I would also try to make it longer adding a longer  mp3 and one that I was more interested in.


TASK 3 – Animation

Task 1-

Starting from the very basics of film production technology you are invited to explore the first

principles of motion picture creation and use drawing to generate a simple animated sequence.

During the seminar you should initially generate a 12 frame hand-drawn sequence using the

Praxinoscope (SpinnerScope) provided, and digitize it to create either an animated gif (using

gifmaker for example) or a video sequence in Adobe Premiere. The theme CYCLE continues by

default since the praxiniscope is cyclic by nature.

My first task within the Animation task was to create a basic gif from hand drawn 12 frame sequence. Using techniques from people such as Kasimir Malevich and the De Stijl techniques, through their ideas I decided to go for an abstract idea, using shapes and colours to create an animation.

My animation idea was to create a growing square which then has circles which grow within the square and all are different colours. Below is the final result:


Pulling inspiration from this picture destijl_lamp which again itself is inspired by  Kasimir Malevich and such people, I created my animation, I used one based colour (green) but instead of using just straight lines I decided to add other shapes which were all different colours.

for my stop motion animation I decided to create two shoes look like they were walking:


Workshop 4 (Gif Making in Photoshop)

Today in my workshop I was taught how to create a GIF animation within Photoshop, I had researched how to o this before but it was a while ago and it was nice to refresh my knowledge on the subject. First I took a sprite sheet from google and split up the different sprites into their own layers and put them in order the way I wanted the gif to run, it is important that you don’t put the different sprites to far from each other as the animation won’t look smooth. I then added a few more sprites (explosions) and a background.

Then I opened up Photoshops timeline and made sure it was create a stop frame animation. Then I told Photoshop to create the animation by using my layers as each frame.

I exported it as a GIF file and below is the outcome.