Flash Create window Love music animation course

Source: Internet
Author: User

Create a blank flash document and set the background to black.

Figure 1

In the scene, change Layer 1 to a window frame, and then draw a rectangular border in this layer.

Figure 2

Because here to fill the window into a wooden color window, so first to import a picture of wood grain. Select File--Import--Import to library, import a picture prepared beforehand.

Figure 3

After importing, press SHIFT+F9 to open the color mixer, select the fill type as bitmap, and then select the picture you just imported to fill.

Figure 4

Create a new layer to "window", and put the layer underneath the "window frame". Then draw a window in this layer like a picture. Fill it with wood in the way you just did.

Figure 5

The glass in the middle is filled with a gray 30% opacity.

Figure 6

The window has been painted, and the curtains are beginning to draw.

Press Ctrl+f8 to create a new movie clip called "Curtains."

Figure 7

Draw a picture of the curtain cloth in the movie clip (of course, you can also do it your own way), fill color I chose white with 30% transparency.

Figure 8

Insert the keyframe in Layer 1, frame 50, and use the selection tool to change the shape of the curtain cloth, as shown in this frame.

Figure 9

After you have changed the shape, right-click on frame 1th and select Copy frame to copy frame 1th, then right click on Frame 100. (This is to move the curtain back and forth) Finally, insert the shape tween animation in frames 1th and 50th respectively.

Figure 10

Note: Shape tweens sometimes don't come in the way they think, like me this curtain bar, just at the beginning also not happy, and added the mark is useless, how to do it, there are ways to solve: first, in frame 50th after inserting frame, don't rush to change its shape, first in the 1th frame Insert shape tween animation, And then point 50th frame, here do not change too much change, on the 1.1 point change, change a little bit the previous frame to see whether the process of change is looking, not good to see on the Ctrl+z, and then change again. As long as you have to be patient, slowly 1.1 points, the last point can make a beautiful floating curtains. ^_^

Create a new layer 2, to the curtains to draw one more shadow, the method and the previous draw the curtain is the same, I will not say more.

Figure 11

Create a new movie clip called "Curtain 1", press Ctrl+l to open the library, drag the curtains just done to the scene, and then insert the frame in frame 29th.

Figure 12

Figure 13

Create a new Layer 2, drag into a "curtain" movie clip, and then select Modify--transform--horizontally flip it out of direction, and insert frames in frame 29th.

Figure 14

Create a new layer 3, this time insert two "curtains" movie clips, also change the direction of one of the same, under the deformation tool to adjust the size of the two graphics. Just let it appear to have a layered sense of the line. Finally insert the frame at frame 30th.

Figure 15

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.