No as in flash to achieve three kinds of explosion effects

Source: Internet
Author: User
Tags insert

At present we see some of the flash in the explosion effect, many are used as a large number of as or particle technology to simulate, for not very familiar with as the friend, it is really difficult to understand and learn, but we do not worry, this example we will learn a not to use any as (of course, the simplest stop () And Goto statement is indispensable, to simulate three kinds of wonderful explosion effect, its fidelity must be no less than the simulation with as the effect, the specific effect please see the following demo:

Click here to download the source file

First we need to prepare two static pictures, as shown in Figure 1 and Figure 2, picture content for a group of smoke can, a light, another dark, familiar with fireworks friends can easily produce the following two pictures, if you are not very familiar with the image processing, you can find from a number of picture material stations, Most of the material stations have similar images.

Figure 1

Figure 2

First we create a new graphic component, named Y1, and drag the shiny picture (pictured in Figure 1) in the component editing area into the editing area, as shown in Figure 3:

Figure 3

Create a new graphic component, named Y2., drag the second picture (the picture shown in Figure 2) to the component editing area as shown in Figure 4:

Figure 4

Finally create a new graphic component, named Y3, and the Circle tool to draw a positive circle, and then fill the appropriate gradient, the specific color you can set according to your preferences, here we use a white to purple gradient effect, as shown in Figure 5:

Figure 5

In this way, our preliminary work is completed, and then we can start the production of the concrete explosion effect.

First of all, let's make the first explosion effect.

Create a new MC named YP, and then drag the component Y1 to the edit area and set its RGB color value to (255,204,0), as shown in Figure 6:

Figure 6

Insert a keyframe in the 30th frame, and then set the object's alpha transparency in the Zhi, and rotate the object in a clockwise angle, then create the 1th to the 30th frame of motion tween, as shown in Figure 7:

Figure 7

Then create a new layer, drag the component Y2 to the edit area, set the RGB color value (255,102.0), and then follow the same method as above, make a motion tween, except this rotation is counterclockwise, so that the first simple explosion effect is completed, The last edit area is shown in Figure 8:

Figure 8

Let's make the second blast effect:

Or create a new MC named YP1, in accordance with the first explosion effect of the production method, respectively, the component Y1 and Y2 dragged onto two layers, set RGB color values (0,0,255) and (0,204,255) respectively, and on two layers on a separate motiontween, By now, the second effect, in addition to the color and the first explosion effect, is basically the same, as shown in Figure 9:

Figure 9

Create a new MC and name it YP4, then drag the component Y3 to the edit area, shrink it to a small point with the Zoom tool, and then insert a key frame in the 9th frame, build a motion tween with a small dot from small to large and move a distance, and then build a key frame in the 12th frame, Establish a small dot from large to small and disappear motion tween, and then the 13th frame of a new key frame, to the As:stop (), 1th frame, 9th frame, 12th frame, respectively, as shown in the figure 10,11,12:

Figure 10

Figure 11



Figure 12

Go back to the edit area of the component Yp1, create a new layer, then 1,3,6,10 the layer to insert four key, and then drag the component yp4 into these frames, the number can be mastered, after the release to see how the effect, if satisfied, as shown in Figure 13:

Figure 13

In this way, the second explosion effect is completed.

Now let's make a third explosion effect:

It's also a new MC named Yp2, or two motion tween like the first and second explosions, the RGB colors are set to (255,255,0) and (255,255,153) respectively, as shown in Figure 14:

Figure 14

Create a new layer, drag the component Y3 to the edit area, and build a motion tween from big to small so that the third explosion is done, and finally, as shown in Figure 15:

Figure 15

Now back to the main scene, we'll sort through the three effects a little bit, set up three key frames, put the component Yp,yp1 and YP2 into these three keyframes, then create a new layer, also build three key frames, add as:stop () to each key frame, and then, in order to switch different explosion effects, We can make a toggle button, in the first frame, the second frame and the third frame respectively, add the following as:

First hardwood:

On (release) {

gotoAndStop ("2");

}

Second hardwood:

On (release) {

gotoAndStop ("3");

}

Third Chen:

On (release) {

gotoAndStop ("1");

}

The final main scene is shown in Figure 16:

Figure 16

So, three kinds of explosions are done, and we can see that the first effect is the most basic, the latter two kinds of explosion effects are in fact in the initial effect on the basis of the addition of other effects of synthesis, which also inspired our thinking, do complex effect is not difficult, are from simple effect, as long as the organic combination, Can make a very beautiful effect.



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.