click on post

In this tutorial i show you how to create shine effect for picture using blur filter and action. Follow steps and create your own shine picture effect. Please comment and follow me on twitter if you want.

Example:

Step 1

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

Step 2

Then insert 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.

Step 3

Take selection tool (V) and select picture, then press F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.

Step 4

After that go to Properties panel Ctrl+F3 and type Instance name as picture_mc.

Step 5

Now take Selection tool (V) and double-click on text and now you are in picture_mc.

Step 6

Take again Selection tool (V), select picture and press F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol like in step 3 but now name it picture_inside_mc

Step 7

While picture is still selected click on frame 7 and press F6 key.

Step 8

Now take transform tool (Q) and trasform picture a little bit larger and hold Shift key down .

Step 9

While picture is still selected go to the filter panel and set up blur effect and following settings.

Step 10

Now click on frame 10 and press F6 key. Then remove blur effect from filter panel(click on „-” symbol and transform back picture to their original size.

Step 11

Now right-click between 1 and 7 frame and choose create motion tween. Do same between 7 and 10 frame.

Step 12

Create new layer above layer 1.

Step 13

Click on frame 1 on new layer and then take rectangle tool (R) and draw rectangle like picture bellow.

Step 14

Now take selection tool(V) and select rectangle, then press F8 to convert it to symbol like in step 3 and name it rectangle_mc.

Step 15

Now while rectangle is still selected go to the properties panel and select color alfa and set it to 0%.

Step 16

Now click on frame 7 and 10 and press F6 key.

Step 17

Now click on frame 7. Then set color alfa to 100% and resize rectangle like picture bellow.

Step 18

Now while picture is still selected go to filter panel choose blur and setu up the same settings like step 9.

Step 19

Now right click anywhere in gray area between frame 1 and 7 and create motion tween like step 11 and do the same between 7 and 10 frame.

Step 20

Now go back to Scene 1.

Step 21

Create new layer above layer 1 and name it „action”.
Select first frame of „action” layer with Selection Tool (V) and press F9 key to open Action panel. Paste code below into Action panel.

_root.picture_mc.onEnterFrame = function() {
if (mouse_over_picture_mc) {
_root.picture_mc.nextFrame();
} else {
_root.picture_mc.prevFrame();
}
};

Step 22

Now select picture with selection tool(V) and again open action panel (F9) and paste this code into action panel

on (rollOver) {
_root.mouse_over_picture_mc = true;
} on (rollOut) { 
_root.mouse_over_picture_mc = fstartlse;
}

That's it! We are done!

Test your movie and enjoy!(Ctrl+Enter)

Download shine.fla!