Class one review - Monday, June 8th, 2009 1. Creating a graphic object. i. Both the Oval tool and the Rectangle tool create graphics that have two parts: 1. a fill color or pattern or none (no fill color). 2. a stroke color or none (the stroke could also be called the border or outline). The red slash choice means you do NOT want any color for the given Fill color or Stroke color. If you want a hollow square instead of a filled square, choose the red slash for no fill color. If you do NOT want to have a border (also known as stroke or outline) around the rectangle or oval, choose the red slash for no stroke color. In today's class, we chose to have the OVAL without any BORDER, so you chose the red slash for the stroke color, which meant there was no stroke, i.e. the oval or the circle had a fill color but had no border color, no stroke color around the filling color. 2. Converting a graphic or set of graphics into a symbol. Modify menu, Convert to Symbol command allows you to create a symbol, which is a modification of a raw graphic shape you have created. F8 is a function key shortcut for this essential Flash command. Where does the new Symbol go? It is a new entry in the Library. We did NOT yet talk about the Flash Library today (June 8th, 2009). What is the Library? It is one of the Panels. 3. What is the Property Inspector? What is a Property? Try to think of at least 3 or 4 different properties that we saw in the Property Inspector window today. We will discuss them as we review today's introduction to Flash on Wednesday. Hints: The Stage has properties. The rectangles you draw have properties. The circle had properties. There were lots of extra property inspectors in the state of Iowa in 2008 after the flooding and the tornado disasters. Property Inspector panel is very important in Flash. 4. How do you select something in Flash? Does it make a difference how you do it if its a SQUARE that has a border (stroke) in contrast to a SQUARE that has no separate border (outline or stroke)? By the end of the week, you will see it makes a big difference when you select a SHAPE whether the shape (OVAL or RECTANGLE) has a stroke color and an fill color or if it only has a fill color. 5. What is a keyframe? KF is the abbreviation for KeyFrame. An animation has keyframes separated by frames. F6 is the function key shortcut for inserting a KeyFrame into the Flash timeline. 6. How do you insert a keyframe? Why did I insert keyframes at frame 25 AND at frame 60 of the Timeline? Think about that for Tuesday. F6 is the keyboard shortcut for inserting a keyframe. Insert menu, Timeline submenu, Keyframe command... Why did I move the ball down to the bottom of the stage? Which ball did we move down to the bottom of the stage? The ball in keyframe at frame #1? The ball in keyframe at frame #25? The ball in keyframe at frame #60? Can you remember which ball we aligned to the bottom of the stage? 7. After we had the Keyframes at #1 and #25 and #60 all set the way we wanted, then we inserted a keyframe: at frame #30 and at frame #35. Which one of those keyframes got changed? What changes were applied to that keyframe? (Hint: a ball might squash and deform a bit as it hits the floor. A cartoon ball might really have an exagerrated squashing effect). 8. I will have a one page handout about Motion Tweens on Tuesday. Today, four Motion Tweens were inserted into the timeline. There was a Motion Tween between frame 1 and frame 25. ----- There was a Motion Tween between frame 25 and frame 30. ----- There was a Motion Tween between frame 30 and frame 35. ----- There was a Motion Tween between frame 35 and frame 60. ----- The theBall symbol fell to the bottom of the stage from frame 1 to frame 25 and then it bounced back up to the top of the stage from frame 35 to frame 60. Ease in to the motion as it falls, and Ease out of the motion as it bounces off the ground. What was happening from frame 25 to frame 35????? frame 25 to frame 30? frame 30 to frame 35? 9. Link or links will be coming later today so you can see the example in action and see the Flash timeline and property inspector and keyframes in the timeline. CHECK BACK LATER today or tomorrow morning before class #2 at 11 a.m. on Tuesday in Lang 213. Here is what today's assignment might have looked like if we had been able to publish it up to your sunny.uni.edu computer account. http://www.uni.edu/jacobson/BouncingBall2007.html I changed the stage color to RED in Flash. After publishing the BouncingBall2007.fla flash authoring file, the BouncingBall2007.swf and the BouncingBall2007.html files are created. After publication, I changed the BGCOLOR (background color) of the BouncingBall2007.html file to GREEN. The .html file that Flash publishes is always the same color as the stage color. So the .html BGCOLOR was RED. Changing it to GREEN allows you to see where the .swf file is on the web page. 10. Here are two examples of the bouncing ball assignment from the summer of 2007. You can see the bouncing ball with and without ease in and ease out. The bounces are counted. You can see the animation run at different speeds. http://www.uni.edu/dustinmm/088/assign1.html http://www.uni.edu/hilliarj/Flash/flashproject.html Note that the buttons were done using Flash. Go Stop Fast No Ease Fast With Ease Fast With Spin Half Speed Slow Again