Kinetic Typography (Part Two)

After watching several videos on, I managed to create my first piece of kinetic typography. Using the sound clip provided on myBU, I made some simple animations with the text. The process was very time consuming, as you have to animate each word individually and clip them to the appropriate place on the timeline, though it was also quite fun to do and became increasingly easier as time went on.

For my next attempt at kinetic typography, I want to be a bit more creative with the way the text looks, as I stuck to very basic black and white for this piece.

After Effects Workshop

In today’s workshop we were shown how to do various things in After Effects. Before we started, we had to film a short piece of footage in front of a piece of green card so that we could import it into After Effects. Once imported, we were shown how to remove the green background and replace it with whatever we wanted. I decided to put the clip of my head inside a photo frame so that it looked like a picture was moving. We were then showed a couple of different ways to animate text.

Kinetic Typography (Part One)

For this weeks task, we have been asked to create a short kinetic typography piece. Kinetic typography is the animation of words to speech. There are many examples of kinetic typography on sites such as Youtube, which were created using specialist software such as Adobe After Effects and Flash. To start off this task, I plan to watch some tutorials on in order to learn how to use After Effects to make kinetic typography.

Animation Task (Part Three)

Having completed each sub-task within this week’s task, I am happy to say that I enjoyed producing different types of animation. It gave me a good insight into the possible things I might create later on in our course. I particularly enjoyed the walk cycle gifs, as they are similar to the sprite sheets used in 2D game design, which is something I look forward to doing.

The stop frame animation was also fun to create. In the future I would like to try and create a pixilation based video with actual people rather than objects.

Animation Task (Part Two)

For the next part of this task I decided to make some simple stop frame animations using pennies.

I started off with a really short animation where the top penny would slowly move across the top of the pile until it fell onto the ground and slid away, though I then decided to make it loop by having the penny return to its original position.

The second one was a bit longer, though with the same principal of the pennies sliding. The focus on these images was rather blurry, so I may try and make a few more in the future.

Animation Workshop

To help us with our new task, our workshop was based around animating simple gifs in Photoshop today. Kyle gave us a set of images to animate into a walk-cycle.


Having created my cinemagraph in a similar fashion, I found this process easy to do. Each frame of the animation had to be placed on it’s own layer, which would then in turn become visible/invisible when necessary. As I found this easy to do, I decided to draw my own walk-cycle based on the templates above.
I drew some basic sprites in Photoshop with a flat background and played around with them.


I added a shadow that moved beneath the figure as he walked to make the motion seem more dynamic. I then wondered if it would look better to have the character walking in a static position whilst the background scrolled past.


I personally prefered the second option, as this is usually how movement works in video games; the main character/sprite is almost always positioned at the centre of the screen whilst the world moved around them.

Animation Task (Part One)

The next task on our list revolves around animation. We have progressed from static images and motion portrayed in photographs to full motion. We started our seminar by looking at some historical methods of animation such as the praxinoscope and zoetrope, both mechanisms that would rely on the fast motion of spinning through each individually drawn frame in order to look as if the pictures were moving. Based on these traditional methods, we have been asked to produce a 12 frame hand-drawn gif as our first sub-task.

We were able to have a go at this during our seminar, as our unit leader brought a praxinoscope for us to play around with. Our work for this task has to meet the theme of ‘Cycle’ (similar to the last task).

The second part of this task is to create a short, stop-frame animation using either real objects or people (also known as pixilation).


After getting a chance to use our unit leaders praxinoscope, I decided to make my gif later that day. Rather than using a pencil (which we were told to do) I decided to draw mine in photoshop using my Wacom tablet, as I much prefer drawing digitally. I kept to the sketchy style of a pencil though so that the gif appears obviously hand drawn. The gif is composed of 12 frames running at 0.1 seconds per frame.

Time and Space Task (Part Five)

Having completed each subsection of the Time and Space photography task, I am pleased to say that I have taken something away from this project. It was really enjoyable to make my first cinemagraph, as well as to find subjects that would suite the theme of ‘Cycle’ in my photography.

I was lucky to have a friend within the Media School who owned his own DSLR, which saved me a lot of time (as I did not have to loan one out from Siso).

This task really made me stop and think about motion; which subjects would appear out of place if I used a certain shutter speed or what would even make a good subject in the first place.

I may create some more cinemagraphs in the future, as I found the first one enjoyable to edit.