Stop Motion

210 pictures showing very quickly to create a video.

Flash Quiz Game

An actionscript Flash game.  Have fun!

South Park

A "South Park" style animation with Paige, Jacob W. and I.  This would have been pretty hard to do with paper characters.

Rocket Movie

A fun little Flash animation.  The rocket rumbles at launch, the moon changes sizes as it gets "closer" to you, and there is a surprise shape tween ending.

Hill Climb Racer

This is my version of hill climb racer.  The flash file seems to show more than what is actually on the stage, which is why the scrolling background glitches.  The truck and wheels are keyframed every frame to orient them.

Moving Power Clip

This is similar to my zebra power clip, except that I have a tweened background.  The background has been copied and flipped so that it repeats smoothly.

Flying Eyeball

Another nested animation of a flying creature.  This post is a bit late for Halloween.  I used a motion tween to move and re-size it smoothly.

Click here

Shape Tweens

I made two different shape tweens.  The "haha" turns into an amused guy and the ear of corn morphs into the word corn.

Nested Animation

This animation has a movie clip of a flying bug following a motion guide.

Stoplights

A stoplight made in Flash CS4. This shows the different timings of animation.  The lights turn on and off when I keyframe and change the fill colour

What Is The Difference Between Straight Ahead And Pose To Pose Animation?

A)  Straight ahead animation involves drawing every frame in the movie.  In pose to pose, you create the start and the end, and the computer fills in the middle.

B)  The difference between the types isn't really visible during playback, but straight ahead animations may have some inconsistencies from frame to frame.

C)  Pivot is straight ahead animation.  Flash uses both kinds.  There are pose to pose tweens, or you can keyframe straight ahead.

D)  I prefer straight ahead animation when I have the time to do it, as you have more control over what the final product looks like.

Halloween Flashlight

Two flashlights exposing writing.  Really, the writing shows the light through behind it.  The top is an example in action script 3.  It's a bit hard to get started.  You kind of have to wave around in the bottom right to pick up the light.  The bottom is an original creation using action script 2.

Mr. Potato Head

A classic toy made into a Flash game.  I used a drag & drop scrip for each moving piece.

Balls Bouncing Off Walls

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

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.

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.

Click Here

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.

Click here to view the animation

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.

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.

Rainbow Eye

Fancy, fancy, fancy!  Those contacts must have cost a fortune.  Who is the eye looking at?  Could it be???  Suzy Blue!?!?

A Photoshop Instruction Summary:

~Create a new layer over the eye.

~Paint over the iris and switch the blend mode to multiply.  You can also use this effect to add make-up using an overlay blend mode.

~Suzy Blue is just a regular layer with lowered opacity.

Crack (Kind Of...) and Peel

This model has a weird skin condition.  Suzy Blue is trying to help, but she's just peeling the model's skin off.

A Photoshop Instruction Summary:

~Fit your texture to the face, lower the opacity to about 50%, and switch the blend mode to multiply.

~Group the texture to a levels layer and paint in black to erase the texture where it looks unnatural, such as on the eyes, the nostrils, or possibly the lips.

~Adjust the lighting levels to your liking.

~Repeat with the peeling layer.

~Burn on the bottom layer around the peel.

Ethics Vs Aesthetics

Ethics: Morals, the sense of right and wrong.
Aesthetics: Making things visually pleasing.


    Society finds it ethically unacceptable to alter photos when they are supposed to be portraying the truth.  If a newspaper publishes a photo of a fire that has been altered to look more dangerous, the newspaper is no longer presenting factual information.  It is deceiving its readers.

    In my opinion, modeling is another area where it is ethically wrong to alter photos.  Companies touch up their models to help sell their product.  This is false advertising and contributes to society's obsession over body image.  Others may say it is acceptable because it is just another part of the modeling business.

    Society finds it aesthetically acceptable to alter photos in pop culture, where we already know we're not seeing the truth.  When we see a movie, part of what makes it fun to watch is the special effects.  Some of these effects can't be attained during filming, so we alter frames in the movie to make it more aesthetically pleasing.  Think of "Avatar."  Would the movie have been half as awesome if it was filmed with actors wearing blue body paint?

    It is acceptable to correct a camera's errors, like red eyes or a smudge that was on the lens, because the photo is still true to what the subject looked like at the time of the shoot.  Also, it is acceptable to edit photos for our class blogs because we do not pretend that they are real or use them to hurt/misinform others.

    All in all, the line between aesthetically pleasing and ethically wrong can be very fine at times.  Try not to cross it.

Photoshop Liquify: Muscle Enhancement

 Mr. MMA has been working out a lot lately.  Even the fist on his shirt is bigger!

A Photoshop Instruction Summary:

~Under Filter, click Distort and Liquify.

~Use the Bloat tool to puff up his muscles.

~OPTIONAL:  Use the Pucker and Warp tools to play around with him.  I used the Pucker a bit on his nose.

Magazine Cover

A magazine cover made in Photoshop Elements.  The puff in the corner was made using a glow style on a rectangle and rotating it.  I would have liked to have spent a bit more time on this design, maybe making the masthead bigger or adding a full page border.  I would also like to soften or frame the edges of the central image. 

How To Break Up In The Digital Age

Rory doesn't have to pose with Caroline anymore, but she took a part of him with her (his shoulder!).  This was done by using the Clone Stamp Tool to paint the background over Caroline.

Photo Retouching

Before and after retouching skin and eyes in Photoshop.  The "beautiful" people in the media aren't always real.













A Photoshop Instruction Summary:

~Work on a copy of the background layer.  This way you can easily see your changes by turning the copy off.

~Use the Spot Healing Brush to remove the skin blemishes. 

~Select and colourize the whites of the eyes (See "Changing Colours").

~Under Filter, use a surface blur to give the look of smooth skin.

What is the Meaning of Photographic Evidence if You Can Change an Image Digitally?

    Photographic evidence doesn't mean too much nowadays, since any evidence can be changed or altered.  Even an amateur such as myself can put people into places they weren't and change the colours of objects.  How can we tell if photographs are real or photoshopped?  It can be tough.  If the police had a photo of my car at a crime scene, and accused me of a crime I didn't commit, I would show them how easy it is to alter photos.  That might not prove my innocence completely, but it would be a start, and it might require them to collect more evidence.

    If any viewers have opinions, feel free to comment.

Placing Photos in Other Photos

Meet Susan Blue.  She finds herself in many strange situations.



She almost looks like she belongs.

 

A Photoshop Instruction Summary:

 

~Select the image you wish to transfer.  Be very careful in your selection.

 

~Invert the selection and delete the background.  Use the move tool to transfer the image to its new background and resize/position it to your liking.

 

~Use the burn tool to soften the edge between the images and make it more natural.

3D Pop-out Effect

A volleyball player jumping right out of the picture to spike the ball.  He's got great hops!  This image plays with your mind because perspective makes the background look flat, even though it obviously isn't.

 

A Photoshop Instruction Summary (This one's more complicated):

 

~Make two extra copies of your background image (I'll call them "copy1" and "copy2," bottom to top).

 

~Colour the original background black (alt+delete)

 

~Add a new layer between the copies (I'll call it "frame").  Turn off the eyeball for the top layer.

 

~Select a rectangle around the area you want in the frame, i.e. the court and the player's legs.

 

~Under Edit, click Stroke to create the frame.

 

~Under Image, click Transform and Perspective.  Move the bottom corner out and the top corner in.

 

~Ctrl+click on the thumbnail of the "frame" layer and invert the selection.  Create a levels layer.

 

~Paint outside the frame black.  Drag the levels layer below "frame" and "copy1" and group "copy1" to it (ctrl+g).

 

~Turn "copy2" back on and select what you want to show outside the frame.  Create a Levels layer.

 

~Drag "copy2" back to the top and group it to the levels layer.

 

~OPTIONAL: Play around with your background.  Maybe try a gradient?

Changing Colours

6 different colours of t-shirts... and cheap, too!  They're all the same photo, with different colours.  (For international viewers, the Roughriders are a Canadian football team.) 

 

A Photoshop Instruction Summary:

 

~Select the area you want to re-colour.

 

~Under Enhance, click Adjust Colour and Adjust Hue and Saturation.

 

~Click Colourize and adjust hue, saturation, and lightness.

Power Clip

A power clip with the image of a zebra appearing within the word "zebra."

A Photoshop Instruction Summary:

~Use a wide font and stretch it over the image.

~Make the image the top layer, then group it to the text (ctrl+g).
~ Add bevel, outer glow, and shadow to make your text pop out.

~OPTIONAL:  Add a background layer.

Party Invitation

An invitation with text, a background image, and vector (non-pixel-based) graphics.  The music and the afro, along with many other shapes, can be found in the custom shapes tool.

Veggie Face

A face made from assorted fruits and veggies using the various selection tools on Photoshop Elements. 

Image Blending

Soft fading from picture to picture, creating one image.  Spiderman rules!!

 

 

A Photoshop Instruction Summary:

 

~Open images as separate files

 

~OPTIONAL: Use the crop tool to add extra space to your background image

 

~Drag the second image onto the first.

 

~Create a levels adjustment on the background layer.

 

~Group the adjustment layer to the top image (shortcut ctrl+g)

 

~Paint in black on the adjustment layer to reveal the background. Use a gradient or a soft brush for a smooth transition.


Colour Splash

Lest we forget.

 

 

A Photoshop Instruction Summary:

~Copy your background image.

~Under layer adjustments, click hue and set saturation to the lowest setting.

~Painting in black will reveal the colour.

Text Reflection

Text flipped and skewed to look like a reflection. The light blue rectangle also gives the illusion of letters standing on a surface.


A Photoshop Instruction Summary:

~Make your letters pop with glow and bevel effects.

~Flip and skew a copy of the text layer.

~Lower the opacity and use a gradient to fade the reflection.

~OPTIONAL: Add a rectangle of a new colour to create the illusion of a horizon.

Simple Flash Animation

I'm sorry the quality is so bad.  I will try re-uploading in a different format.

File Organisation

My neatly organised S drive.  If only locker cleaning was this easy!

Vignette

A vignette of Barack Obama and the U.S. flag.

Blurred Border Landscape

Blurred border landscape from my first day in CommTech.