Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

Diamond shine effect

28.6.2008, 21:15    Total views: 68306

In this step by step lesson, I will show you how to create very attractive diamond shine effect using some special flash tips and tricks. You don't have to use action script code to make this lesson. You will also learn how to use Color Mixer Panel, how to draw shine shape using a flash tools for drawing and much more! Let's go!



Step 1

First of all, save my picture of diamond below!





Step 2


Open a new flash document. Choose Modify > Document (Ctrl+J). Set the movie's width to 228 and movie's height to 101. Set your Flash movie's frame rate to 34. Select any color as background color and click ok.



Step 3

Choose now, file > Import > Import to stage (Shortcut key: Ctrl+R) and import my picture into a flash stage.

Step 4

While the photo is still selected, go to the Align Panel (Ctrl+K) and do the following:

1. Make sure that the Align/Distribute to Stage button is turned on,
2. Click on the Align horizontal center button and
3. Click the Align vertical center button.



Step 5

Double click now on layer 1 with Selection Tool (V) and name it background. After that, create a new layer above the layer background and name it shine.

Step 6

Select now shine layer and take the Oval Tool (O). Then, draw a circle about 75x75px. While the circle is still selected, open the Color Mixer Panel (Window > Color Mixer) and choose the following options:

1. Click on the paint bucket icon to select the Fill color.
2. Choose Radial as Type.
3. Click on the small color rectangle that is on the left side, move it using the Selection Tool a little right and set its color to #FFFFFF. Alpha property set to 100 %
4. Click on the second rectangle from the right side, move it a little left and set its color to #FECE41, but change its alpha property to 0% (completely transparent).



Now, you have this:



Step 7

Take now the Line Tool (N) and draw a shape like it is shown on the picture below.



Step 8

Select now that shape and go again to the Color Mixer Panel (Shift+F9). Then, choose the following options:

1. Click on the paint bucket icon to select the Fill color.
2. Choose Radial as Type.
3. Click on the small color rectangle that is on the left side, move it using the Selection Tool a little right and set its color to #FECE41. Alpha property set to 100 %
4. Click on the second rectangle from the right side, move it a little left and set its color to #FFFFFF , but change its alpha property to 50%.



Now, you have this:



Step 9

Place that shape now on the center of circle.



Step 10

Take the Selection Tool (V) and select the shine layer. After that, press F8 key (Convert to Symbol) to convert this shine shape into a Movie Clip symbol.



Step 11

Double-click on the movie clip on stage with the Selection tool(V).You should now be inside the Movie Clip.



Step 12

While the shine shape is still selected, press again F8 key (Convert to Symbol) to convert this shine shape again into a Movie Clip Symbol.



Step 13

Click now on frame 5 and 20 and press F6 key. While you're still on frame 20, take the Selection Tool (V) and click once on the Movie clip to select it. After that, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.



Step 14

Go back now on frame 5, click again once on the Movie Clip (shine shape) with the Selection Tool (V) and go again to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Tint on it and choose the following options:



Step 15

Take again the Selection Tool (V) and click once on frame 5. Then, go again to the Properties Panel (Ctrl+F3) below the stage. After that, for Tween choose Motion and for Rotate choose CW. See the picture below.



Step 16

Go back now on the first frame, take the Free Transform Tool (Q) and decrease the shine shape a lot.



Step 17

Right-click anywhere on the gray area between frame 1 and 5 and frame 5 and 20 on the timeline and choose Create Motion Tween from the menu that appears. See the picture below.



We're done!

Have a nice day!

Download source file (.fla)

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 295555

2. High-tech city animation
Total views: 245445

3. Water effect
Total views: 226374

4. Photo slide show
Total views: 208825

5. Special Picture Effect
Total views: 184389



Related links