Monday, 4 November 2013

Balls Bouncing Off Walls

Two balls bouncing off walls in Flash.  I used motion tweens to move the balls.

Friday, 1 November 2013

Handwriting Animation

This animation looks like I wrote out the letters. It is really a movie of me erasing letters played backwards.

Realistic Ball Bounce

A realistic ball bounce.  I animated straight ahead in twos.  I squashed and stretched the ball, went slow in and slow out, and used arcs to simulate the effects of gravity and motion.

My First Movie


This is a movie I created with vector graphics and an actionscript button in Flash CS4.

Angry Birds

An Angry Bird animation using a hand-drawn bird and a motion tween.
Another Angry bird doing flips.  This was created with a motion guide and a classic tween that was oriented to the path.

Monday, 28 October 2013

The Hardest Game In The World

My version of level 1 of the world's hardest game.  It might be the easiest, though, as there are no hit sensors.

Saturday, 19 October 2013

Pop Art


 This is a pop art representation of Don Cherry.  For once his suit is the least colourful part of his close-up.
A Photoshop Instruction Summary:
~Change your image to black and white.
~Adjust the lighting levels to make it look more like a drawing.
~Create a new layer, set the blend mode to multiply, and paint in grey over the background.  It doesn't have to be perfect.  Repeat for the face, the hair, and any other areas that you want to have as a different colour.
~Colourize each layer except for the face with a fully saturated, bright colour.  Colourize the face with a paler, less saturated colour.
~Create a new document that is twice the width and height of your image and paste 4 copies into it.
~Adjust the hue of three of them so that they are all different. 

Flash Button

    This is a button animation made using Adobe Flash CS4.  I changed the original image into a button and created key frames to show on a rollover or click.


Friday, 18 October 2013

Walk Cycle Animation

A pivot animation using the walk cycle we learned in class.  I showed anticipation before the jump, and the helicopter bottom demonstrates the "slow in, slow out" principle.  I also tried to demonstrate secondary action.  Not only does the character rise when he jumps, he also raises his arms and moves his legs in.

Running With An Object

An animation using the five frame run cycle.  I moved the ladder in to make it look like he wasn't just running on the spot.  To make him jump up, I simply moved him up slowly while sticking to the run cycle.

Run Cycle

A basic 5-frame run cycle on pivot.

Waving Arm

A very basic straight ahead animation made in pivot.

Wednesday, 9 October 2013

Tilt Shift Effect

This is a photograph of a real fair that has been strategically blurred to give the effect of a model fair.

A Photoshop Instruction Summary:

~Copy your image and group the copy to a levels layer

~Apply a Gaussian Blur to your top image.

~Use a black to white Reflected Gradient on the levels layer to un-blur a portion of your image.  Drawing straight up works best  (hold shift as you draw).

~Add a new levels layer on top and group it to the image copy.  Play with brightness and contrast to give the blurred colours a boost.

Motion Blur

Hits it down hard over the triple block.  I'm not sure if this is a win for blue or a fail for red.  If you can't tell, I like volleyball.

A Photoshop Instruction Summary:

~Select the portion you want to blur and copy into a new layer (ctrl+j).

~Apply a motion blur and adjust the angle/distance to your liking.  I did the arm and the ball as two different layers

~Group the blurred layer to a levels layer.  Paint or use black to white gradient on the levels layer to get rid of the excess blur.

~With the levels layer still selected, shift+click the blurred layer.  This selects them both.  Duplicate these layers to build up the blur.

Animal Blend

A new species of cat was found in the jungles of Africa.  Apparently they share a common ancestor with the gorilla....

A Photoshop Instruction Summary:

~Find two images of similar size and lighting.

~Paste whatever you want from the second animal into the first.  You may need to re-size or flip the parts.

~Use the clone stamp to seamlessly transition between animals.