Toonator

Try this for fun animation practice...
http://toonator.com/

FLASH: Bouncing Effect

Create a (Ball) Symbol

• First draw an object for Motion Tween.
  
• Select the object you have drawn and press F8 to convert this object to a Symbol.
• In the Symbol window which appears now. Name this object Ball_mc, choose Movie clip behavior and bottom center square for registration. Press OK.
  

Create a Motion Tween

• Double click on the Layer and type "Ball".
• Select Frame 30 and press F5 to insert a frame.
• Select any frame between Frames 2 and 14 and right click select Motion from the tween pop-up or in the menu in the Property inspector.
• Select Frame 15 and move your ball up. Hold the Shift key to move the Ball_mc in a straight line, and drag the Ball_mc up.
• Then select Frame 30 and move your ball down. Hold the Shift key to move the Ball_mc in a straight line, and drag the Ball_mc down.
• Press Ctrl+S to save your changes.

Create a Shadow with a Shape Tween

• Insert a new Layer and call it "Shadow".
• Select the first frame in the Shadow Layer, draw borderless shadow relevant to your Symbol.
• If your Color Mixture Window is not open, press Shift+F9 to open it.
• Select Eyedropper tool from your Tool box. Click it on your shadow. Now go to Color Mixture Window and type 25% for Alpha value.
  
  
• Select Frame 30 and press F6 to insert a keyframe, then select Frame 15 and press F6 to insert a keyframe.
• With the playhead on Frame 15, select the Free Transform tool. Slightly reduce the size of the Shadow.
• With Frame 15 still selected, select the Eyedropper tool in the toolbar, and then click on your shadow object. Now go to Color Mixture Window and change Alpha value to 10%.
• Select any frame between Frames 2 and 14 on the Shadow layer. In the Property inspector, select Shape from the Tween pop-up menu.
• Select any frame between Frames 16 and 29 on the Shadow layer. In the Property inspector, select Shape from the Tween pop-up menu.

Now its time for Final touch up

• Select Frame 1 of the Ball layer. Press F5 to add a keyframe. A new keyframe is added, and the playhead moves to Frame 2.
• Go back to frame 1, select the Free Transform tool from your toolbox.
• Select the transformation center point (the small circle near the center of the movie clip) and drag it to the bottom of the heart. On the Stage, drag the upper middle transform handle down to slightly compress the heart shape.
• Right-click Frame 1 of the heart layer and select Copy Frames from the context menu. Go to 29th frame and press F8 to insert a new keyframe. Right-click 29th frame and choose Paste Frame from the context menu.
• Click on the Stage, away from any objects. Type "28" in the Frame Rate text box of your Property inspector window.
• On the Ball layer, select any frame between Frames 2 and 14. Then in the Property inspector, in the Ease text box, type 100. Similarly select any frame between Frames 16 and 29 in the same layer, then go back to Property inspector window and type -100 in the Ease text box. Do the same thing to the Shadow layer.

Press Ctrl+Enter to view your animation.

Photoshop Self-Evaluation

Photoshop Self-Evaluation

Challenge #1

1. What I intended to do, [did you try a tutorial? paste the URL. write a short reflection if the tutorial was useful or not]-
2. What I did-
3. What I am happy with-
4. How I challenged myself/what I learned-
5. What I tried next-

Mark yourself on challenge, creativity, technical, follow through, and what you learned.     /10

Challenge #2

1. What I intended to do-
2. What I did-
3. What I am happy with-
4. How I challenged myself/what I learned-
5. What was interested to try next-

Mark yourself on challenge, creativity, technical, follow through, and what you learned.        /10

Challenge #3

1. What I intended to do-
2. What I did-
3. What I am happy with- 
4. How I challenged myself/what I learned- 
5. What I wanted to try next-

Mark yourself on challenge, creativity, technical, follow through, and what you learned.        /10

Comment on your progress.

Photoshop Tutorials

Start to play around with Photoshop.
Learn the Tool Bar and the Options Menu at the top
Try a tutorial or two to orient your self:
https://phlearn.com/
http://lifehacker.com/5753459/learn-the-basics-of-photoshop-in-under-25-minutes
http://www.photoshopessentials.com/basics/

Banner

You are to create a self-portrait banner for your blog using Illustrator.

• Start a New document with the dimensions 200 x 700.
• Make at least two layers- one for your design, the other for your name.
• Experiment and play with Illustrator drawing tools: shapes, lines, colours, gradients.
• Create a simple banner that expresses something about you for your Computer Arts blog.
• Have fun, be creative, try several 5+ different arrangements of the same design.
• Post the different arrangements to your blog.

http://thecutestblogontheblock.com

Self-Portrait Font

Post your finished self portrait font to your blog. Writing your name.
Reflect on your self-portrait font. Here are some questions to guide your write-up.

• Describe the font, what sort of personality does it have?
• How does it represent you, or what aspect of your self dopes it embody?
• How is it different from other fonts?

Then evaluate your font. Give your self a mark for your self-portrait font based on the scale:
4. Very True, 3.True, 2. Sort of True, 1.Not Really 0. No

1. Font is legible can recognize/read the letter forms.
2. The font spells your name.
3. My glyphs have a similar/familiar resemblance- Heights: baseline, x height, bowl diameter,  ascender/descender heights...
4. The width/thickness of the lines are even too : stems width, ascender/descender thickness, serif thickness...
5. My font design are unique to me. It's like no other. 

Give your self a mark out of  /20. Then explain why you gave yourself the mark. Effort, interest, creativity, play/experimentation.
Do you like working with typography?

Progress Check List

• About Me
• 9s- Pen Tool Tutorial/Animal Shapes
• 10s- Ribbon Banner 
• Morphing Letter
• 5 Serif Fonts
• 5 Sans Serif Fonts
• 5 Decorative Fonts
• Self-Portrait Font