Flash: Làm pháo hoa chào năm mới

Its New Year time. So in this tutorial i show you How to create flash animation with fireworks effect. Follow thees steps and create your own animation.

Example:



Step 1

Create a new flash document. Select Modify > Document (shortcut key: Ctrl+J ). Set the width of your document to 450 pixels and the height to 300 pixels. Select black as  background color (i use image) and set your Flash movie's frame rate to 12 fps. Then, click ok.

new year fireworks animation

Step 2

Then inser picture to stage. (File – Imort – Import to stage) or just click Ctrl+R. And now its need look like picture below: But you can use every picture what you want.

new year fireworks animation

 

Step 3

Now we need to create new symbol. Insert- New Symbol and name it „fireworks”.

new year fireworks animation

And now we are inside of this new movie clip.

new year fireworks animation

Step 4

Now we need draw a little circle with Oval Tool (O) like picture bellow.

new year fireworks animation

Step 5

Now take Selection tool (V) to select circle and then press F8 key to convert it to symbol.

new year fireworks animation

Step 6

Now we need create a mutiple copies of this cicle arround of circle.But first of all we need change circle centre poition. Take Selection Tool (Q) and move this circle centre to stage centre.

new year fireworks animation  new year fireworks animation

Step 7

Now while circle is still selected lets create copies of this circle around centre. Go to the Transform panel (Ctrl + T) and set parametrs like picture bellow.

new year fireworks animation

Step 8

Then press Copy and apply transform button in to tranform paneel to create copies.

new year fireworks animation


And its need to look like picture bellow.

 new year fireworks animation

Step 9

Now take Selection Tool (V) to and select all circles.

new year fireworks animation

Step 10

Then go to the filter panel and setu p glow effect.

 new year fireworks animation

Step 11

Now while all circles is still selected create copy of this circles(Ctrl+C and Ctrl+Shift+V) and with Transform Tool (Q) resize it like picture bellow.

 new year fireworks animation

Step 12

Now take Selection Tool (V) and select all thees circles and press F8 key to convert it to symbol like in step 5 and name it „fires”.

Step 13

Now click on frame 12 and press F6 key. And after that go back to frame 1 and resize this circles very small with Transform tool (Q).

new year fireworks animation

Step 14

Right-click anywhere on the gray area between the 1 and 12 keyframes on the timeline and choose Create Motion Tween from the menu that appear.

new year fireworks animation

Step 15

Now click on frame 18 and press F6 key. While you are on frame 18 move thees symbol a little bit down and in Properties panel set color Alfha as 0%.

new year fireworks animation

Step 16

Right-click anywhere on the gray area between the 12 and 18 keyframes on the timeline and choose Create Motion Tween from the menu that appear.

Step 17

Now click on frame 7 and into Properties panel set following parametrs.

new year fireworks animation

Step 18

Now go back to Scene 1.

new year fireworks animation

Step 19

Now open Library (Ctrl+L) and drag „Fireworks” symbol into stage in place where you want firework.

new year fireworks animation

Step 20

Create new layer above Layer 1, click on frame on Layer 2 and press F6 key. While you are still on frame 5 drag again „Fireworks” symbol from Library panel to stage and into Properties panel change color of  None to Tint and choose your color.

Step 21

Now click on frame 5 in layer one and press F5 key.

Step 22

Now create new layer above both layers and name it „Action”. Click on frame 5 and press F6 key. While You are on frame 5 open Action pnel (F9) and paste this code into it.

Stop();

Done!

Test your movie and enjoy!

Download fireworks.fla file!

Pin It

________________________Source:tieuhocvn.info___________________

Top