Kinetic Typography

Part 1

Task four, within the portfolio project focuses around kinetic typography. We had to produce a sequence of twenty seconds or longer which consisted of kinetic typography. This sequence further had to be accompanied by a soundtrack featuring voice. Being an existing piece of media, we were given an extract from the film ‘Wolf Of Wall Street’. I did however feel that this dialogue lacked any creativity or meaning, so instead focus my sequence around a speech from the film ‘Coach Carter’.

As have little experience and knowledge of kinetic typography in the past, I thought it would be important to research the topic and see what it’s all about. Kinetic typography can be seen as a form of animation, it involves the combination of motion and text with the possible of adding of speech or music. As the briefs states, we should aim to include audio in our sequence. I hereby though it would be best to look at examples online to give me a better grasp on what I am to produce, it was when doing this that I came across a website with great examples, link found here: http://www.cssdesignawards.com/articles/10-very-inspiring-examples-of-kinetic-typography/32/. As the examples show, you have endless possibilities when coming to displaying the words onto the screen. It also shows just how creative you can when combining the text with speech or music.  This website gave me great inspiration when coming to produce my own typography.

Part 2

The sequence of Coach Carter carries along with it many meanings from fear, passion and the truth. It was because of this that I decided to add aspects to the animation that embodied the sequence, and the meanings. One of these aspects was to have the majority of the video in black and white. It would have been very easy to make the sequence more vibrant by using bright colours. This type of approach may work when using audio like The Wolf Of Wall Street but when using Coach Carter the effect of black and white is far more suited to the mood. The use of black and white further adds a continuity throughout animation, adding a constant flow through each composition. I did however at times feel it was appropriate to stray away from the use of black and white. Certain words within the speech, such as enlightened and liberated have far too much meaning to be displayed in black and white. As a result of this I changed these type of words into yellow, therefore giving them more meaning and importance when shown among other words.

The biggest constraint when producing this sequence was my knowledge and skills of Adobe After Effects. When it came to transforming text onto the composition I feel I was limited with the basics of positioning, scale and opacity. One of the main points to kinetic typography is add another aesthetic layer to the audio and text. This would have been far more achievable with a wider skill range. It is important though to create a form of continuity between the texts movement. The use of the same effects a few times can create a solid link between sentences, but to many effects will result in an unprofessional finish. I did however find that tutorials online and pure trial and error gave me the required skills to produce a high quality sequence.

Part 3

From this task, I have gained the passion and skills to create further kinetic typography sequences. Although I am pleased with my project, I would love to improve on it in the future, perhaps looking at a similar style to Steven Hubac on YouTube, link found here: https://www.youtube.com/watch?v=lV02AHc25c8. I am also keen to produce a piece that evolves around music, possibly using ‘Yeah Yeah’ by Will Moon, can be found here: https://www.youtube.com/watch?v=GaWXA5e0YTQ. This would not only be a huge challenge but would be very rewarding as the typography possibilities are endless.

Overall this task may have been very time-consuming, but also extremely enjoyable. I will hopefully gather more knowledge from After Effects and learn from my triumphs and mistakes and possibly produce an ever higher quality animation.


Hubac, S. (2014). Inspirational quote from Coach Carter- Our deepest fear. [online] YouTube. Available at: https://www.youtube.com/watch?v=lV02AHc25c8 [Accessed 4 Nov. 2014].

Moon, W. (2014). Willy Moon – Yeah Yeah. [online] YouTube. Available at: https://www.youtube.com/watch?v=GaWXA5e0YTQ [Accessed 4 Nov. 2014].

Cssdesignawards.com, (2014). 10 Very Inspiring Examples Of Kinetic Typography. [online] Available at: http://www.cssdesignawards.com/articles/10-very-inspiring-examples-of-kinetic-typography/32/ [Accessed 4 Nov. 2014].


Afters Effects Workshop – Kinetic Typography

Screen Shot 2014-10-28 at 15.30.40Today’s workshop was all very new to me in two ways, the first being Adobe After Effects and the second being Kinetic Typography. With a project set the day before to produce a twenty-second sequence involving kinetic typography, this workshop would prove very useful when undergoing this project. The first step to take in After Effects is make a composition, this being the canvas that our text will display on. The next step was to insert the text, one important part to this was to have each word in a separate layer, hereby being able to animate each word. With the text inserted it came down to the creative side of things, being able to display each word in a separate way. In After Effects there are effects such as position, opacity, scale and also the 3D effect were you manipulate the X and Y coordinates of the words. This workshop really gave us the ability to experiment with each affect and see what worked and what didn’t. The workshop gave us further pointers such as easy ease and motion blur, both these helping display each word in a smoother fashion, as a result creating a more professional sequence.

Screen Shot 2014-10-28 at 16.04.42


Alphabet Photography Task

Part 1

For our first project within the portfolio brief we have been set the task of taking photos of naturally occurring shapes which resemble letters from the alphabet. The brief stated that we should consider working to a visual theme, I thought this would be best as it would hopefully create a continuity within my photos. Working in pairs me and Jack decided to focus our theme around the idea of construction. With three or four new structures being built-in the heart of Bournemouth, we hoped construction would give us ample of opportunities to capture the full twenty-six letters. Little did we know how letters like ‘G’ and ‘P’ would prove to be so hard to find.

Screen Shot 2014-10-05 at 13.53.32

The brief stated that we should look at some historical research for inspiration. One site that proved to be very useful was  http://www.alphabetphotography.co.uk/. The site features a search bar where words will be created from natural objects, for example in this image the word being ‘Bournemouth’. This site gave me great inspiration when going into Bournemouth as I knew the possibilities were endless.

Part 2

Alphabet Collage

The first image I created was a poster of the whole alphabet. One aspect that I am very satisfied with is that we were able to capture the entire alphabet. In doing so though, we did have to slightly stray away from our original theme of construction. Letters such ‘M’ and ‘W’ simply just couldn’t be sourced while located around construction sites. However I do feel our minor failures were overshadowed by big success. Good examples of this can be seen in letters such as ‘D’, ‘H’, ‘N’, ‘O’, ‘T’ and my personnel favourite ‘Y’. All of these letters have clear direct links to our theme. Construction further helped us when looking for letters with more straight lines. Scaffolding for example proved very helpful when trying to find ‘K’ and ‘N’.

Alphabet Task Name

In my next piece I decided to focused around the concept of arranging the letters to create a word, in this case to form my name. At first I thought this concept would create a unique and abstract look at forming words. In reality though I feel it looks plain, simple and lacks any quality. To improve this piece I tried to integrate my name into some form of media, social media being one. An interesting idea I explored was using this piece and having it as my name on my Facebook profile page. This idea would massively improve the depth, purpose and further increase how abstract the piece is.


For my third design I decided to do some editing in Iphoto. The beauty of editing is that you can experiment with so many tools and effects. One of my first ideas was to change the photos to black and white, doing so created a nice retro feel but also meant they lacked continuity. It was only until I adjusted things like saturation, contrast and definition that the collage was able to gain continuity. The best example of this can be seen in the letter ‘W’. When changing the contrast it gave an immediate effect of making the lights standout from the bush.

Alphabet Task B&WOne part of the brief that intrigued me was that of having to call upon our photographs eye. I feel I have best demonstrated this in the image below. One aspect that I feel dominates this image is lines. The lines in the steps, the letter ‘F’ and also the door in the background all combine to leading the viewer’s eye to top right hand corner of the image. The objects in the image further create a hard and strong texture. The way this is done is through the steel in the railing, the concrete in the steps and the bricks. With all this, the image comes across as very structurally sound.

2014-10-01 14.24.57

Part 3

Having now completed this project I feel it has given me a great insight into how a photographer can see the little things in a big picture. It’s funny how I find myself out and about and see objects and think, that could have been a better ‘R’  or ‘P’, but that’s just a classic of photography and being in the right place at the right time. Although me and Jack were very enthusiastic with the theme, I do feel it constricted use slightly. It would have been great fun to have no boundaries, therefore being to use all object in sight.

Overall I feel me and Jack did a great job while sticking to brief.I hope to further work on this task in future, possibly linking it with another digital media type such as animation.


Bibliography –

WISE, M.,2007. Alphabet Photography UK [online]. Available from:

http://www.alphabetphotography.co.uk/ [October 5 2014]