Kinetic Typography (Part Two)

After watching several videos on Lynda.com, 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.

Advertisements

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 Lynda.com 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.

walkcycle

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.

Walk1

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.

walk2

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.