Flip Animation of Photoshop shooting game-PS tutorial

In this section, the instance study will produce the flip animation effect of the shooting game. in this section, the instance study will produce the flip animation effect of the shooting game, as shown in 10-53, for the completion effect of this instance.

0-53 completion result technical tips
In addition to adding a flip state to a slice, you can also set the flip state for image ING to produce an animated image. This example uses this method to produce an animated image. The creation process for this instance, as shown in Figure 10-54.

0-54 production process
Procedure
(1) start ImageReady, open the "shooting games. psd" file saved in the previous chapter, and then use the "rectangular image ing" tool to draw the image ing area 10-55.

0-55 create an image ing area
(2) on the "animation" palette, select all animation frames and copy the selected animation frames by referring to Figure 10-56.

0-56 Copy frames
(3) on the "Web content" palette, click "create flip status" to create an Over status. Then paste the copied animation frame into the Over state, as shown in 10-57.

0-57 create an Over status and paste the frame
(4) select an animation of 1st frames, and then display "Layer 3" in the "layer" palette ". Then ~ Select an 18-frame animation and change the opacity of Layer 1 to 100%. Finally, select 7th frames and 19th frames, and then display "Layer 1.
(5) on the "Web content" palette, click the "create flip status" button to create a new Down status, and right-click the Down status name, select the "Click" command in the pop-up menu, as shown in Figure 10-58.

0-58 New Down status and switch status