Joke Collection Website - Cold jokes - Black and white illustration firecrackers-who knows how to make firecrackers in the flash?

Black and white illustration firecrackers-who knows how to make firecrackers in the flash?

The stick figure of firecrackers first draws the line of firecrackers, then draws the bows on both sides, then draws the diamond with the word "Spring", first draws two firecrackers under the word, then draws a string of firecrackers along the first two firecrackers, draws a bar next to the firecrackers when they explode, and finally colors the painted firecrackers.

Tools/materials

White paper, black and white pencil, colored pen.

0 1

Draw the line of firecrackers, then draw the bows on both sides, and draw a diamond under the bow to write the word spring.

02

First draw two firecrackers under the word spring, and the firecrackers should be separated. Pay attention to the scale, firecrackers are smaller than the word spring.

03

Draw a line along the first two firecrackers. The arrangement of firecrackers looks a bit messy.

04

Draw the bar next to the firecrackers when they explode, and also draw the sparks when they explode. When painting firecrackers, you should draw a series of effects.

05

Finally, the whole process of coloring and painting firecrackers is completed. Note that the color of firecrackers should be crimson.

Special tips

When painting firecrackers, the arrangement of firecrackers should not be regular, but should look chaotic. The whole set of firecrackers should not be placed too straight, and it should have a vibration effect when it explodes.

Fireworks and flowers stick figure 9 firecrackers cartoon stick figure How to draw firecrackers in the New Year?

How to draw a stick figure of firecrackers? Beautiful cartoon.

Teach your baby to draw firecrackers in this way, and all babies like it.

Method for draw firecracker rod-shaped firecracker

Sketching children's pictures teaches you to draw firecrackers.

A string of firecrackers stick figures

Fireworks stick figure is easy to learn.

Fireworks scenery stick figure steps picture daquan

Firecracker stick figure

Firecracker stick figure

Firecracker stick figure

The stick figure of firecrackers on New Year's Day is colored.

How to draw firecrackers and stick figures

Firecracker stick figure tutorial hand-painted cartoon illustration

How to draw firecrackers and stick figures

Who knows how to make firecrackers with a flash? An example of making Flash large-scale animated greeting cards

First, how to view the source code

There are many objects and materials in this animation, so we specially provide the source code for everyone to download. This is the first time to provide large-scale animation source code! The download address of the source file is:

. Play ycard several times after downloading to deepen the understanding of animation effect. Ok, now turn on your flash.

6. Open the file (don't tell me you haven't pawned it yet) and create a new file. We tell the production process step by step according to this animation source file. Switch to the new file, select the movie under the modify menu, and set it in the pop-up dialog box, as shown in the following figure (Figure 2).

Perforated

Rate playback speed is 20 frames per second (higher playback speed can make animation smoother). The width and height are 500 and 400 pixels respectively. Press "OK" to close after setting. Then draw two black rectangles to cover the top and bottom of the screen to produce a wide screen shading effect (as can be seen from the still frame of figure 1), and lock the layer where the shading is located, and the layers where other animation elements are located are all below the shading layer.

Second, the animation opening

After the basic work was completed, we began to edit the animation. Switch to, look at the loading part first, but the background is constantly changing, which is generated by two pictures alternately. Press "Ctrl+L" to open the library panel, where there is a movie with a background loop in the prologue folder.

Edit the movie clip, right-click and select Edit to edit, and enter the background circulating workspace. Let's look at its timeline (Figure 3).

As you can see, this process consists of two layers. The upper and lower floors are actually a picture, but they are upside down. Then, the first frame of the upper layer is set to display, the fifteenth frame is hidden, the transparency is "0", and the motion change is set. It produces a fade-in effect, while the lower layer is just the opposite, producing a fade-in feeling. This red background is an imported bitmap file, which is located in the red background graphic object in the prelude folder of the Library panel. If necessary, you can enter the workspace, select Import under the File menu, import a new drawing and replace it, paying attention to keeping the same size.

Back to the main scene, there is also a Logo (Logo the computer newspaper in the middle of the loading part of the screen, which is located in the "prelude" folder in the library panel.

In a drawing object, you can right-click it and select Edit to enter the workspace. Library is a very important tool panel in Flash. When we are making animation, all elements, including sounds, pictures and words, are stored in the library and can be opened by using the shortcut key of "Ctrl+L". All right! Then there is a text load ... this is a movie clip. The name in the library is being loaded, and then there is a complete prompt. In the loading completion layer of the main scene, black and white color conversion is carried out to produce flicker. Let's look at the timeline of the main scene. There are simple actions on the 5th, 6th, 9th and 10 frames of the loading layer. Set them as loops and jump to the finish prompt when the movie loads. Another 18 frame is completed by loading.

Action, the function is to stop, because the animation is played with buttons. The Play button is in the Library button folder. At the same time, note that the button layer is above the black border layer, otherwise it will not be displayed. We set its action to gotoAndPlay 19.

Third, the flicker effect.

This is the opening part of the animation. You can edit according to your material, or you are lazy and just replace the material of the source file. Then we let the animation start playing. The following animation has the effect of flashing the film constantly, which looks dazzling, but it is actually very simple. Let's look at the white scintillation layer (Figure 4).

Create a graphic object, then draw a white rectangle in it, drag it into the scene to resize it until it covers the whole screen, and then set the flicker effect. As shown in the timeline setting, the transparency quickly transitions from 0 to 100 opaque, then to transparent, and then the transparency jumps from 0 at 65 to 0 at 40, so the effect will come out. Try it yourself, but not too flashy. Pay attention to your eyes:

Note: With the completion of the first white flicker, the background has changed. Think about it. Add a new background to the scene when white flashes to opacity. When white flashes to transparency, a new background gradually appears. After the new background appeared, it began to flicker, which had the effect of reverse film. This is actually two identical photos, one in

Color inversion in Photoshop (Figure 5).

In the process of changing the background, there is always a flicker of words. Text is a graphic object, which is located in the text of the Library panel. The flicker effect is achieved by rapid change, with C, P, C and W flashing in turn. Here's a trick. We can put all the words in a graph, one text per frame. Drag it into the scene, so that the text will change with the time axis. When we need a specific text, we can use the instance panel (shortcut

"Ctrl+I", such as the letter P, is in the second frame of the text symbol. Then, we set the instance panel to single frame single frame mode. The first is 2 (Figure 6).

The video continues to play, and the text of the computer newspaper and its website appears, using simple fade-in and fade-out effects. Then enter the next screen: the title part of Bian Xiao's New Year message. The background also switches to a graphic with traditional Chinese style, which is located in the "Traditional Red" object in the Library panel. Then the red Logo of a newspaper fell off. You can find it in the "Congratulations" sign in the preface of the library. It's simple. First, put the words we have made in, then draw a square with the rectangle tool and fill it with red, then draw some yellow dots with a pencil, and make the shapes in the animation with the rotation tool. Interested in drawing your own Logo and putting it in. Then there will be the words "Happy New Year in Bian Xiao". In the "traditional text" of the library, you can modify it according to your own ideas. The drawing method of this text is also very simple. Draw a black circle first, then enter the word "small" and choose a font with a sense of calligraphy. It doesn't matter if you don't have the same font in your system. Just choose an approximate font and set it to khaki. The same is true of "editing". The next three words are "Happy New Year" strokes. Enter the text first, and then press "Ctrl+B" to split the text. Make a yellow stroke with the ink bottle tool and you can finish it.

Fourth, draw firecrackers.

The following two strings of firecrackers are time-consuming. First, draw the shape of a firecracker with the drawing tool in the toolbar, and fill in the color for later use (Figure 7).

Draw firecrackers according to the steps in Figure 7. Finally, remember to try the red gradient several times with the gradient tool until you are satisfied. Next, we will do firecrackers animation, and a long string of firecrackers will be released slowly. There is no shortcut to this work, so we can only carry forward the "nail spirit" and finish it by hand bit by bit. Here's the method. First, in the Insert menu, create a new,

Create a movie under the symbol

Edit the movie clip, then drag the firecracker just drawn in from the library panel, use the "Rotate" tool to adjust the inclination, and then drag a firecracker to adjust the inclination, so that the whole string of firecrackers can be arranged all the time. Don't worry, be patient This is just the beginning!

After patiently making firecrackers, we are ready to set off firecrackers. Create a new layer, draw two sparks after the explosion, because the two sparks are not effective enough, and if they are both painted on the same layer, they are easy to stick, so create a new layer to draw, and adjust the position after finishing. Next is the process of setting off firecrackers. We still have to play the "nail spirit" just now, insert a key frame every two or three frames in the firecracker layer, then delete one or two firecrackers from the bottom, adjust the position of sparks, insert key frames in turn, delete firecrackers and adjust the position of sparks until this string of firecrackers is finished. It's really troublesome. It is better to buy a string in the shop downstairs, which is really much more convenient (as shown in Figure 8).

Five, the picture scanning effect

Now let's go back to the main scene, drag the firecrackers animation from the library panel to the scene, one on the left, one on the right, the one on the left is smaller, and adjust the position. In the animation, two strings of firecrackers are thrown one after another from the top, so we need to do a simple action to achieve the effect. First, put firecrackers above the scene, then insert a key probe in more than a dozen empty frames, then move firecrackers to the position where they will appear, set up the movement action, and the effect of firecrackers falling from above will come out. After the firecrackers are set off, the scene will enter the second scene, and we can click Edit in the upper right corner of the timeline.

The scene button switches between two scenes (Figure 9).

Enter scene 2. That is the main content area of our animation, where there will be photos, old stories and congratulations edited by various sections of the computer newspaper. There is a lot of content. Come on, everybody. Here, the quaint background is replaced by the flashing scientific and technological background. This background picture is in the "technical background" of the library photo folder (you can directly replace it with a picture). Then the editors of the major sections began to appear, and we designed a scanning effect. After scanning, the photos gradually appear (Figure 10).

Let's see how to achieve this effect. First, the scanning line of the photo outline appears in the scene. This is a mask effect. First, draw a rectangular box to a suitable position, delete the middle padding, and only keep the edge part. This is the contour boundary layer, and then create a new layer under it, fill it with rectangular gradient, draw a shape edge, and move it from left to right (figure 1 1).

After moving, right-click the edge layer and select the mask. The test has no effect. This is because the object of Line can't be masked in Flash, and it needs to be converted to fill mode first. We select the edge line and select "Transform" in the "Shape" subproject under the "Modify" menu.

Lento

The Fill command converts the edge to fill mode and tests it again to complete the effect. Then there are two scanning actions within the contour. It is also a mask effect, because we only need to make this scanning effect appear in the border line, so make a rectangle, and adjust the size and position to be the same as the size inside the border line. The gradient filling motion is performed in the same way. There should be some requirements for filling this time, because the scanning tail is gradually disappearing, so a gradual filling from white to transparent is needed. Open the Fill panel from the Window menu panel, select the Fill slider on the left, then open the Mixer panel and set the Alpha transparency to 0 (Figure 12).

After setting, move the transparent gradient on the shape, this time move from left to right and then move back again to complete a scanning cycle, paving the way for the appearance of photos. Ok, it's time for the photo to appear when it's finished. Photos have independent layers, which appear in a gradual way. From now on, nine photos and festivals are introduced in the same way, so we put the photos in an independent graph, one photo per frame, so that when we switch photos, we can use the skills we learned before and use the example panel to specify them. Because of the relationship between position and size, it is best to keep the photo size consistent, so as to ensure a good position.

Next, the names and greetings of each section appear, just like the method of making photos. In a drawing, the Instances panel is used to control which one should be displayed. At the same time, you must have noticed that the background image is constantly flashing, including the white flashing mentioned above, and the color will change constantly. This is adjusted with the advanced advanced color of the effect panel (Figure 13).

This function in Flash is very powerful, which can not only adjust the transparency, but also accurately adjust the ratio of each monochrome. Through it, we can produce many color effects on the background picture.

After the photos are introduced in turn, the old story is made up. With a burst of laughter, the old editor appeared (he had a "hypocritical" smile and a "vicious" heart, which made the little editors "nervous" all day, so we used a black background to set off the atmosphere), and the simple use of movement transparency in the appearance of photos and words gradually faded out. Describe the image of the old editor through photos and words, and finally say, "will it?" Bian Xiao naively thinks! " End. If everyone's greeting cards need this kind of scene, hehe, changing photos must be classic.

Sixth, the ending of the film.

Then the fireworks exploded and the words "computer newspaper" appeared. At this point, the animation has basically been played and the finishing work has been carried out. The background of traditional patterns gradually appeared, a photo of all the editors was released, and a congratulatory message slowly appeared next to it. Because we want the congratulatory message to scroll only where it appears, we need to make the last mask, first make the graphic object of the congratulatory message text, and then create a MovieClip to scroll the text. Draw a rectangle on the first floor. This is the area where the text needs to appear. Pay attention to the size. Then create a new floor, put it under the rectangular floor, and put the congratulatory message in it to make a slow upward movement. The more transition frames, the slower the movement. Then right-click in the rectangular layer name area, select Mask, and scroll the text to create it and put it into the scene. The animation is basically completed (figure 14).

In addition, make a button to play repeatedly, create a button, name it Replay, put it in the lower left corner, set the action jump, and play the first frame of the scene 1 The code is as follows.

Open (release) {

gotoAndPlay("Scene 1 ", 1):

}

At this point, the animation is basically completed, and the next job is to add music to the animation. The background music in our animation is divided into four sections, the first section is in the opening section, the second section is in the photo display section, the third section is the horror music of the old story, and finally the background music of the congratulatory message. At the same time, there are some event sounds (such as firecrackers) in the scene.

Seven, add sound effects

Ok, now let's see how the music in the animation is integrated. Go back to the first scene and start from the beginning. Open the Library panel and find some sound effects we imported in the Sound folder. Most of the sound effects here come from Flash League Online (

)。 In the background music layer of scene 1, the 20th frame is the music we inserted, because the front part is the loading part, and it will stop after loading. When we click the play button, the animation will be officially played, and the background music will also play. Then in the layer

In frame 149 of 33, we played the sound of an object falling to the ground, just in line with Bian Xiao's word "small". Immediately after the word "Happy New Year" fell, the sound of falling objects was inserted into the 32nd floor 176 frame. In the layer

30 and layer

3 1 There is a frame with firecrackers, and we specially added the effect of firecrackers explosion. So the dubbing of the first scene is finished, and we jump to the second scene. After a few flashes, we switched to the background of science and technology, and we chose light music to start playing. Listen carefully, its voice is growing up. Here, we use the sound fade-in in Flash.

In (figure 15).

We choose fade-in and fade-out in the effect item of the sound panel.

In the realization. Because the playing time of this piece of music is limited, and our animation is relatively long, six loops are set in the loop item. After the background music is finished, start to cooperate with the effect music of photo scanning You can hear the sound of current when the edge of the photo flashes. When the photo edge flashes, we add it to frame 70 on the 36th floor. In the later animation, photos will appear in turn, so our sound effects should be added to the edge flicker of each photo in turn.

After the photo is taken, the inside of the photo will be scanned twice. We chose the scanned sound and prepared to appear twice in the photo on the 35th floor and below in the same way (Figure 16).

Later, the old editor came out, layer.

38 1223 frame is accompanied by background music, and then laughter rings in the 1236 frame of the layer "strange smile". The fireworks match the sound of the explosion. Finally, at the end of the animation, the background music at the end of the film should be played. We put it in the last frame and set a Stop to stop the operation, otherwise it will automatically jump to the beginning after playing.

Tip: How to adjust the size of replacement materials?

But pay attention to the size and position of the original material when replacing it. If it is inconsistent, there may be dislocation. Here's another trick. Select the information panel under the menu panel of the window (Figure 17). In this panel, you can see that if you select any object, the corresponding width, height and coordinate position will appear on the panel. We can use this tool to adjust the size and position of objects with pixel-level accuracy. If you want to change the material, this panel is very useful. It can adjust the size and position of objects, at least much easier than dragging with the mouse.

Tip: How to replace the pictures in the library?

Press "Ctrl+B" to open the gallery panel, right-click the technical background graphic object in the photo folder, and select Edit to enter its workspace. First, create a new layer, and use the Import command on the File menu to import the replaced new picture. After completion, we need to keep the size and position of the new picture consistent with the original material (to be perfect, otherwise the animation will be misplaced).

Now teach you how to adjust the size of the new picture and the original picture accurately. Using the info panel, select the original image, and the relevant data will appear in the info panel. We get the width of W as183; H is124; X coordinate -9 1.5, y coordinate -62. After you get these data, write them down, then choose a new map and fill in the data of the original map you just got. In this way, the size and position of the two pictures are absolutely the same.

How to replace the sound in the library

The replacement of sound is relatively simple. After the sound you prepared is imported, it will appear in the library panel, and then we will create a new layer where it needs to be replaced, insert key frames, drag the sound in, and delete the original sound layer.