Motion Tweens

Now that you have learned some basics about creating classic tweens, using keyframes and some basic shortcuts in flash, it's time for motion tweens.

Watch these two videos - part I and part 2 to learn about what motion tweens can do, then watch the motion tween with monkeys video.

Create a short animation using a graphic symbol you create (or you can use an image like the one of Psy) to practice using motion tweens. Use at least 4 of the 8 different techniques used in the monkey video in your animation.
Make it quick and simple - we'll be moving on tomorrow. Save it in your folder.
I'm not looking for fancy, just that you understand motion tweens.


1. Basic motion tween: Gangnam style  Part I

and Part 2: make Psy dance

2. Motion tween with monkeys

Reviewing the 12 principles of animation

For more information and detail about what each of those principles actually means, check out this article about the 'old men of Disney' and the 12 principles of animation. They actually developed these principles and they still check out today and the basis for all animation.

Pose to Pose - understanding key poses. Click here to get a better understanding of creating key poses that essentially create your animation.

Inbetweens and motion arcs. Here you can learn about how to make things appear smooth - timing and motion arcs are particularly important.

Posting your Illustrator drawing

1. Please go to THIS SITE to read about file formats and when to use them.

2. Make a decision based on your reading as to which file format to use to save your work and post it.

3. Post your Illustrator drawing as well as the original photograph of the object you chose to illustrate.

4. Write about the following:
A. Justify your decision about file format. Explain based on factual information - from this or other articles. Link the site that I gave you and any others you may have found as a reference. Embed the link in your blog post.

B. Explain your procedure - providing technical information using the correct terminology to discuss how you created an accurate and moderately realistic looking vector drawing with as few anchor points as possible.

C. What challenges did you come across along the way and how did you overcome them?

D. Are you please with your final result? If so, please discuss. If not, please discuss.

5. Submit your work - .ai file AND the file you chose for posting on the web.

Portrait styles in Photoshop and Illustrator

Digital Portrait technique Illustrator 

Shading skills added to portrait sketch in PHotoshop

40 useful tutorials in Photoshop

Vector Portrait tutorials

Watercolour portrait in Photoshop and Illustrator

Using the pen tool in Illustrator, Photoshop and InDesign

Pen Tool Tutorial for Illustrator, Photoshop and InDesign.
20 minute tutorial on Adobe TV

Illustrator specific pen tool tutorial

Semester 2 - Assignment #1 - Pixel Portrait

Once you have completed your pixel portrait:

1. Go back to the handout - (pick up folder on Lakeshore NAS) - to ensure that you have created this using the correct paramaters. Resolution, size, white background.

2. Save your image with the appropriate TWO different file formats. Put YOUR NAME in the file name and PIXELPORTRAIT. Like this: name_pixelportrait.gif and name_pixelportrait.png

3. Drop BOTH image formats into the DROP OFF - in YOUR FOLDER under Year Two. ALSO drop off the saved, finished .psd original version so that I can see your work.

4. Post Both images on your blog in a blog post TITLED: Pixel Portrait.
Label each of the images according to the file format.

5. Write one or two paragraphs that explain the following information:
      a. File format comparison - visually compare both image formats.
      What happens when you enlarge them. Do they look the same, different? Why/why not? Look at            line quality, colour etc. Which one looks better in terms of quality? Explain

      b. Personal features and characteristics - explain which features or personal characteristics you           were attempting to accentuate and why. Explain your choice of colour palette and it's significance.

      c. Technical information  - explain your technical procedure. How did you go about achieving             your final result? Explain your process  -  did you use a photograph and work over it? Did you               work over or under the photo layer? Did you work by eye? Explain.

6. Use this as your avatar on your blog - keep it up for 2 weeks minimum.

Welcome Year 2

Please post your blog URLs in the comments below and start editing your blog list on the sidebar.