Make Lotus reflection animation with Flash MX

Source: Internet
Author: User
Tags flip picture reflection
Reflection

As a child, every summer when the hot, always and childhood friends to the village south of the Lotus Bay, swimming frolic. Faint lotus Fragrance refreshing, crispy and delicious lotus seed makes people drool, fish play lotus leaf East, fish play lotus leaf West Beauty, make people seem to be in the world Fairyland, Breeze blows, Lotus leaf, Lotus with the wind swing, water ripples. Whenever I think of this beauty, I feel very comfortable, I can not help but revel in the beauty and joy of childhood. I do not dare to enjoy this beautiful scenery, this happiness, in this use of Flash MX production "Lotus" reflection animation, let us share my happiness, so that everyone also become happy people.

One, the production of Lotus water reflection animation

1. Select the Lotus picture, as shown in Figure 1. Press F8, and in the Convert to Symbol dialog box, set name to reflected in water, act as movie clip, and click OK to convert the picture to a movie clip symbol. In the Lotus picture, double-click the mouse, into the component of the editing window, the "Layer 1" layer of the name changed to "Lotus", select the Lotus picture, press "CTRL + C" key combination of its copy.


Figure 1


2. Create a new layer on the "Lotus" layer, double-click the layer name, change it to "Lotus reflection", press "CTRL+SHIFT+V" key combination, paste the Lotus picture in the original position. Select the copied Lotus picture, select "Modify → transform → vertical flip" menu command, flip the picture vertically, with the mouse drag it to the original Lotus picture below. Click the Freeform Tools button on the Drawing toolbar. In the Lotus reflection picture shows the deformation control point, the mouse pointer to the center of the control point, hold down the "Alt" key, drag up the mouse, to keep the picture on the bottom of the position unchanged, reduce the height of the picture.

3. Create a new layer on the "Lotus Reflection" layer, double-click the layer name, change it to "be masked lotus Reflection", press "ctrl+l" combination key, in the pop-up "library" panel, will "Lotus" components dragged to the stage, vertical flip picture, reduce the height of the picture, and make it with the lower level ("Lotus reflection" Layer) in the Lotus Reflection pictures coincide. Click the picture, and on the Properties panel, set the color style to alpha (transparent) with an alpha value of 80% to reduce the sharpness of the picture.

4. Create a new layer on the "shaded lotus reflection" layer, double-click the layer name to change it to "water wave," and on the Drawing toolbar, on the Oval tool button, set the stroke color to be no color, the fill color to white, and a large oval shape on the stage. Select the oval shape, select the window → warp menu command, pop the transform panel, set horizontal and vertical scaling to 80%, and click the Copy and Apply Transform button to copy a smaller ellipse. On the property panel, set the fill color to orange, fill the small oval with orange, click in the blank area of the stage, deselect the small ellipse, select the orange Oval again, press the Del key to remove it, and make the large oval shape a doughnut. Select the oval ring graphic, and in the transform panel, set both horizontal and vertical scaling to 70%. Click the Copy and Apply Transform button two times, copy out two smaller oval rings, click the Arrow Tool button on the Drawing toolbar, select the three oval rings, and press the "Ctrl+g" key to combine them. The effect is shown in Figure 2.


Figure 2


5. Move the oval ring graph to the top of the Lotus figure, click the 60th frame of the "water Wave" layer, press F6 to create a new keyframe, and in that frame, drag the shape of the oval ring below the lotus reflection figure. Click the 1th frame of the water wave layer, and on the properties panel, set tween as action, and a light blue arrow on the timeline to create the animation of the oval ring from top to bottom through the lotus reflection picture.

6. Click on the "shaded lotus reflection", "Lotus Reflection", "lotus" layer of the 60th frame, press F5 key to extend the frame. Right-click on the Water Wave layer, select mask layer, and set the layer to mask, and the shaded Lotus reflection layer on the lower level is automatically set to the masked layer. Press ENTER to play, the stage shows the Lotus Water Reflection animation, the effect is lifelike.

Second, the production of water surface effects

1. Click the scene button in the upper left corner of the stage to return to the main scene, create a new layer on the "Lotus" layer, double-click the layer name, and change it to "water effect." Select the window → mixer menu command, and pop the color mixer panel. Select Fill Style to linear, click the color block on the left side of the gradient pole, select blue in the lower color swatch, click the color block on the right, select Black in the lower color area, and create a blue, black, and fade color. Click the Rectangle Tool button on the Drawing toolbar, and on the property panel, set the stroke color to be color-free, drawing a blue, black, gradient-free rectangle below the stage, with a height that can just cover the lotus inverted image.

2. Select the rectangle, click the Fill Transform Tool button on the Drawing toolbar, drag its rotation control point to the right, rotate the gradient 90 ° clockwise, adjust the gradient gradient, and finally make the rectangle's fill blue and black. Select the rectangle, press the F8 key, and in the Convert to Symbol dialog box that pops up, set name to water, behavior to graphics, click OK to convert it to a symbol, select the rectangle, and, on the properties panel, set the color style to alpha (transparent), with an alpha value of 30% , enhance the true effect of the reflection in the Lotus water. The final effect after the production is as shown in Figure 3.


Figure 3


Press "Ctrl+enter" key combination test film, experience the lotus reflection, wave ripples of the wonderful picture! (Shandong Wang Xue Wangzhong)



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.