1 / 18

Flash shape tweening tutorial

Flash shape tweening tutorial. step 1. draw an object,We draw an oval with a thick border with the Oval tool and also set the background.

rainer
Download Presentation

Flash shape tweening tutorial

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Flash shape tweening tutorial

  2. step 1 draw an object,We draw an oval with a thick border with the Oval tool and also set the background.

  3. Then we center the oval in the stage. To do so, use the Align panel (Window->Align, or hit Crtl-K)Check to stage and click on the Align icons until you get it right :)

  4. Step 2 • - Insert a new blank keyframe

  5. Select about frame 20 and hit F7 or right-click on frame 20 and select Insert Blank Keyframe. Do not use "Insert Frame" / "Insert Keyframe" (F6))F7 will insert an empty new Keyframe

  6. Step 3 • Add a new object to the new keyframe

  7. In this frame, draw a new object, i.e. we inserted a Polystar, also in object mode.

  8. Select the Polystar tool (It sits below the rectangle tool and you must hold down the mouse to get at it)Then, in the properties panel, select from the Options pull-down menu: Star and Number of sides = 9Then, draw it by dragging out the mouse

  9. Configuring the polystar tool for a star with 9 points

  10. Step 4 • Change its shape and align it with the oval and the stage • Then make it a bit "oval" and adjust it more or less to the size of the oval • Change the width (in the Properties panel or with the Free Transform tool

  11. Align with the oval: To see the oval at the same you can click on the "Edit multiple frames" icon in the Timeline control bar and drag the onion skin marker on top of the timeline all to the leftTo achieve a perfect centering, use the Align panel. Read Flash arranging objects tutorial if needed.

  12. Step 5 • Change colors of the polystar • Firstly, untick the "Edit multiple frames" icon !! • Then you can change the colors of the stroke and the fill

  13. Step 6 - Morph • Right-click on an empty frame between the two keyframes and select Create Shape Tween • Alternatively you also could click into an emtpy frame and select Shape Tweenin the Insert menu on top

  14. Create a shape tween between two keyframes that contain editable graphics

  15. Step 7 • Repeat the other way round • Insert a new empty keyframe around frame 40 • Copy the picture from frame 1 (select it and hit CTRL-C in frame 1) • Paste-in-place it to the empty keyframe (CTRL-SHIFT-V) • Add the shape tween as above

  16. Test;Move around the playheadMenu Control->Test Movie

  17. If the animation is too fast, drag the keyframes to the rightClick on the keyframe first. You should see a cursor with a rectangleOnly then you can drag.

  18. Extend shape tween span by dragging the second keyframeDone :)

More Related