Exercise 19 Gallery of Student Work

Go here to see the full gallery...

Exercise 21 - FINAL EXERCISE - Update iWeb site from 1st semester

Class,

The final exercise is due by Monday May 20 (Period 4) or Tuesday (Period 1, 3, 7).

Update your iWeb site you created from 1st semester with the content you created in 2nd semester.

-  Adobe Indesign content (you may have to open and save for web)
-  Adobe Flash content
-  Logo Design
-  Package Design.

25 Points.

Remember to publish the site from iWeb and call the site period#_lastname_firstname_21x

A new folder will be created, turn in that folder.

IF YOU WANT YOUR ADOBE FLASH ANIMATIONS IN IWEB

Go to this link...


Here is the Code I had to use on my iWeb on my computer...See how it is pointing back to my folder? 

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=" http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="550" height="400" align="middle"> <param name="movie" value="/Users/paul_komar_030570/Documents/QUARTER 4/Exercise 18 - Motion Tweens/bat_ghost_motion.swf"> <param name="allowScriptAccess" value="always"> <embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="550" height="400" align="middle" src="/Users/paul_komar_030570/Documents/QUARTER 4/Exercise 18 - Motion Tweens/bat_ghost_motion.swf"" allowScriptAccess="always"></embed></object>

The part that he says to make a "link" to another website, you have to point to your file on your computer.  Find the "address" by using Finder...put that address in as the URL that is listed in the instructions.

Exercise 20 - Package Design, Due May 16

Class,
If you have finished your animation...you may begin package designs.  Use Adobe Illustrator (and Photoshop if you use photos) and the templates found in the Mr. Komar Shared folder to create your own folded box designs.

You must create 2 packages that will print out on an 8.5" x 11" printout.  Both packages must be in the SAME FILE.

Requirements:
1.  Use 2 templates found in Mr. Komar Shared folder, OR go find your own templates.  (There are many out there)
2.  Use Adobe Illustrator (and Photoshop if you use photos).
3.  Use the Logo you designed for Exercise 12 (or a new one).
4.  Packages must use color, custom fonts and clear information to be able to tell what it is.  Be creative with what is displayed and what is "hidden"
5.  Save file as period#_lastname_firstname_20x.ai to the Mr. Komar Drop Box.  (Remember, 2 boxes into 1 file!)

Due May 16, 50 Points

See more package design awards at http://www.thedieline.com/blog/2012/6/25/the-dieline-awards-2012-winners.html

Animations in Flash 4 - YOUR OWN ANIMATION, Due May 8

Class:

Now that you have gone through the steps to learn how to make animations, show us what you can do.

The requirements for the animation are the following:

1.  Be at least 5 seconds long.
2.  Have at least 3 moving items.
3.  Have at least 1 piece brought in from Photoshop or Illustrator.

You will get extra credit if you can show that the animation relates to another class!  (For example, an animation that illustrates something in your science class.)

Save the file as period#_lastname_firstname_19x.fla

Animation in Flash 3 - Due May 1

Motion Tween Animation
Credit: Joe Dockery, CTE Instructor, Mount Si High School, Washington

Motion Tween

In this lesson you will learn how to use Motion tween to move, resize and orient objects to a path. In other words, if your object needs to travel in a curved path, you will want to use Motion tween.

When you finish each file, save it and put it all in a folder to turn in named:

period#_lastname_firstname_18x

12 Animation Principles

Arcs

Slow-in and Slow-out

• Lesson 1: Motion Bounce (4:13)
• Lesson 2: Hurdles (5:34) *Featuring Motion Paths
• Lesson 3: The Fly (7:20) *Featuring animation cycles and orienting to a motion path

For Lesson 3, if you want to substitute the Fly with your own invention -- go for it!

Animation in Flash 2 - Due April 26

Classic Motion Tween Animation Directions
Credit: Joe Dockery, CTE Instructor, Mount Si High School, Washington

This lesson will introduce you to another type of animation technique in Flash called Classic Tween. Make sure to always use symbols and keep only have one animation per layers. This technique is great for moving in a straight line, resizing and rotating.

In the first activity you will create the basic ball bounce. In the second activity you will create a movie that replicated a game of pong.

When you finish each file, save it and put it all in a folder to turn in named:

period#_lastname_firstname_17x

Keyboard Shortcuts:
·         F5 Insert Frame
·         F6 Insert Keyframe

12 Animation Principles (See last lesson, #1)
Anticipation 

Tutorials

• Lesson 1: Classic Tween Ball Bounce (5:08) Example
• Lesson 2: Classic Tween Pong (7:19) Example
• Lesson 2.1: Classic Tween Resize/Rotate (4:18) *Extension of Lesson 2 Example
• Lesson 3: Classic Tween Anticipation (7:00) This lesson features rotate and blur.  Example

Animation in Flash 1 - Exercises 16 Due April 25

Animation with Flash

The following lessons and information were provided by Joe Dockery, CTE Teacher and Adobe Education Leader, Mount Si High School.

Step 1.  Review the following handout:

12 Animation Principles (pdf)

Step 2:  Complete Lesson 1 and 2 below by watching the INSTRUCTIONAL VIDEOS!  I am trying to see if watching a video for instruction may be a good way for you to learn.  The video is produced by another teacher in Washington state.  He is a very good instructor.

Step 3:

Turn in both lessons in a folder labeled period#_lastname_firstname_16x

Basic Animation Techniques

Adobe Flash uses four primary animation techniques: Frame-by-frame, Classic Motion Tween, Motion Tween (new), and Shape Tween. In the following lessons you will explore each technique. I encourage you to practice each technique after you complete the tutorial assignment. Make notes on what strengths and weakness that each offers.

Frame by Frame Animation Directions
This lesson will introduce you to a type of frame-by-frame animation. In the first project you will learn how to change the stage dimensions, onion skinning and the animation technique of squash and stretch. In the second lesson you will learn how to create a cycle in the form of symbol.
Keyboard Shortcuts:
·         F5 Insert Frame
·         F6 Insert Keyframe

Animation Principles
Squash and Stretch
Timing and Spacing
Straight Ahead Action and Pose to Pose - Frame by Frame is the same thing as Pose to Pose. Classic, Motion and Shape tweens are examples of Straight Ahead Action.

Tutorials

• Lesson 1: Frame-by-frame Ball Bounce (7:47) *Example
• Lesson 2: Frame-by-frame Flame (5:29) *Example

TEACHER NOTES:  In  the video he says to hit "Control + Return" to watch the Flash file play...our systems have an error that prevents ours from working that way.  You must publish your SWF file and HTML file to go watch it on your computer.

Also, disregard what he says at the end about turning in your file.  You will put both flash files in a folder with the correct name and turn in the folder to Mr. Komar Dropbox like usual.