Completed Task 4

This task required the use of After Effects to produce a piece of kinetic typography, based on an audio clip of 20 seconds or more. I chose a clip from the television show ‘Parks and Recreation’, because using a clip from something I like and am familiar with made the task much more interesting to me. Although After Effects is a relatively easy software to use, it is very time consuming, so it took several hours to create my 26 second video. This is my final outcome:

Overall, I am relatively pleased with the outcome of my video. I think I managed to time the text with the audio very well, and I used appropriate effects on each word. However, I couldn’t figure out how to transition the background colour in smoothly, so some of the scenes change quite dramatically. Despite the large amount of time I spent working on such a short video, I did enjoy using After Effects to complete this task.

After Effects Workshop 2

In our After Effects workshop today, we were introduced to the basics of making videos using a green screen.
We took a short video of ourselves with a large green piece of paper behind us, which allowed after effects to do most of the work removing the background for us. We were taught how to resize the video and add a background, making it look better. Finally we used the skills from the first After Effects workshop to add some simple text to our video.

This is my final result:

As was the case with the first After Effects workshop, I found that this was much easier than I was expecting, and I would like to work more with green screen video in the future.

Typography Seminar

In todays seminar we focused on typography, which is the appearance of words on a page. This was in relation to the kinetic typography task set this week, and encouraged us to look at creative ways of presenting the text within our videos. This is an example of some words I worked with, trying to present them as creatively as possible:


After this seminar, I decided to try and digitise some of my favourites, and I was relatively pleased with the outcome:

Screen Shot 2014-11-04 at 16.44.21 Screen Shot 2014-11-04 at 16.44.26

I think this seminar was very useful in terms of encouraging me to think more creatively when making my kinetic typography video.

Task 4 – Kinetic Typography

This week we were set our fourth task in the seminar, which involves kinetic typography. We have to ‘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 could be chosen by me, or I could use the audio clip provided.

Kinetic typography is essentially just the technical name for ‘moving text’. It involves movement of text in an interesting way, usually with an accompanying audio clip, to creatively present a message.
Kinetic typography is often used in the opening sequences to TV shows or movies, for example, in the opening credits for ‘Anatomy Of A Murder’:

For the task, we were encouraged to use only text, and avoid including images in our project. An example of this text-only kinetic typography, and the strong visual effect it can have can be seen below:

I particularly like this piece, because of the way only two fonts were used, meaning there was no overcrowding. I also liked the way the words all fit together nicely in a box formation, giving the scenes order, which is something I would like to try and recreate with my piece.

After Effects Workshop 1

In this weeks workshop we were first introduced to using After Effects to create an animated video. We began by creating what we wanted the finished product to look like, then moved backwards through the timeline to alter the start and end point of each word, using key frames.
Screen Shot 2014-10-28 at 13.43.10
After animating each word individually, we added some unrelated audio, just to get a feel for how we could create our own kinetic typography based around an audio clip. This is my final outcome from the workshop

I found that animating in After Effects was much easier than I expected and I look forward to working more with this software in the future.

Processing Workshop 4

This workshop introduced us to the basics of coding using HTML and CSS, using a program called Brackets. I was familiar with this type of coding already, and had some past experience with it, but this first workshop allowed me to expand on the knowledge I already had. We created a basic web page, using CSS code from, and wrote the HTML ourselves. We also integrated some java code, adding an interactive element to the web page, something I was not familiar with. Below is a screenshot of the code I wrote, and the outcome of the webpage.
Screen Shot 2014-10-23 at 16.29.18

I found programming with HTML much easier than when I began coding with Java, due to the fact that the code we were writing was not completely unfamiliar to me. However, I only have a very basic knowledge of it, and so I look forward to learning more and expanding that knowledge, allowing me to achieve much more with my code.

Animation With Abstraction

This week in our seminar we were not set a specific task, instead we were encouraged to spend some more time on animation, particularly abstract visualisation.

Two artists who famously worked with abstraction were Pierre Hebert and Josef Albers.

Pierre Hebert was most famously known for his piece ‘Around Perception’:

Josef Albers was a well known member of the Bauhaus movement, particularly for his work with ‘Homage to a Square’ as seen below:

After conducting this research, I took inspiration from these pieces, and combined aspects of Pierre and Hebert’s work in my own attempt at animation with abstraction.


This is a simple gif I made on a single piece of paper, then photographed using an iphone camera, and I am relatively happy with the outcome.

I then attempted to digitise this animation by redrawing it through Photoshop, but I am not as happy with this outcome. Due to the fact I was using the touchpad on my laptop, drawing the spiral turned out to be quite difficult, especially when trying to make it look even in every frame. However, I would like to spend some more time working on animating through photoshop, and I think with practice, gifs like this would look much better.