Flash CS3 making card Flip effect

A popular cartoon effect in Flash discussion: How to rotate or flip a flat card at a 360-degree angle. It is difficult to understand the method of this animation. It's not hard to imagine that Flash is a two-dimensional program, and it's impossible to add a three-dimensional instance unless the object is manually redrawn on the timeline. But using Flash, in all of the methods, it can't really achieve three-dimensional. Let's look at how to make a card flip effect.

Diagram

1. First draw a rectangle without strokes, insert the keyframe at frame 10th. Select the Freeform tool (Q) and select the Warp Child tool.

Figure 1

2. Hold down the SHIFT key and pull the top corner off the shape. Continue holding down the SHIFT key to pull the bottom corner to the opposite direction.

Figure 2

3, click outside the shape to end the transformation. Select it again and hold down the SHIFT key to drag the handle in the middle of the bottom up. Shift will constrain the shape in the vertical direction.

Figure 3

4. Open the Onion skin tool so you will see the previous frame. Position the newly changed shape in the middle of the original image seen from The onion skin.

Figure 4

5. A feature of the new Flash CS3 is to add a shape tween to the background menu in the timeline. Now add one.

Figure 5

6, now that you have finished half of the animation, you need to complete the other half. Select 11 frames to insert the keyframe.

Figure 6

7, in 11 frame modified shape vertically flip it.

Figure 7

8, select frame 1th and copy frame (ctrl+alt+c), then paste frame in frame 20th (ctrl+alt+v).

Figure 8

9, the second half of the frame to add a shape tween. Like I wrote so what you might see is an irregular tween. Let's deal with it.

Figure 9

10, we add some shape hints to correct this problem. Select the 1th frame of the problematic tween and click Modify > Shape > Add shape Hint (ctrl+shift+h)

Figure 10

11, drag the Red "a" hint to a corner of the graph until it is sucked.

Figure 11

12, to the last keyframe of the tween, drag the green cue point to the same corner. Repeat this step to adjust the other corner of the same side.

Figure 12

13, the final visual effect, with a slightly darker color fill the 10th and 11 frames.

Figure 13

14, this card is not just a tween shape, but also the color from light to dark. This color change feels like a three-dimensional effect.

Figure 14

Tip: When writing this topic, feel a common disadvantage of using flash tween shapes. Flash tries to compute the vector value you want, and sometimes the tween produces an inward burst or distortion that is produced. Shape hints are available for reasons that they can easily learn in the Flash Help documentation. An alternative scenario is to convert 1-10 frames into keyframes, copy and glue them to 11-20 frames, and flip them.