Character easin buttons

For the movie total recall (2012) I wanted a button for the main protagonist. I got a picture of him and used the marquee tool to make a square image of him by shift clicking and dragging the square marguee tool over the image to get the square picture.

I saved this and imported it into Flash. After importing it I made the image a movie clip then went INSIDE the image.

Once inside the image that is now a movie clip I changed the layer to be called 'image'. Make a new layer called 'border' above the image layer and made a square box by making an invisible box and making the stroke black and 3:00 in size then shift drag the box over the head of the character.

Make a new layer and name it 'mask' then move this layer above the image on the timeline
(remember to still be inside the original image)
Name the new layer 'mask' and make a box with no stroke inside the borders of the border stroke covering the face of the character then right click on the mask layer on the timeline and select 'mask'.
The box should now be a mask which can be hidden by clicking the eye on the timeline.

On the border and mask layers insert frames on the 10th frame on the timelines

Right click on the frame of the image layer and create a classic tween then make a keyframe on the 10th frame. On the 10th frame resize the picture only to be inside the box border. Click on the middle of the image timeline then change the ease out to 100 (on the right). Open the actionscript panel and write in:

stop();

Go back to scene 1 and make a new layer called 'as' then name the image. In this picture I called him 'guy'. Because we don't really know his name in the film. He doesn't know his real identity. Nah im just fucking with ya, I didn't know the characters name.

SO, write the following code into the action panel by opening it with F9 or on the MAC FN+ ALT+ F9:


onEnterFrame = function ()
{

if (guy.hitTest(_xmouse, _ymouse, true))
{
   guy.nextFrame();
}else{
guy.prevFrame();
}
};

Now when you press CTRL + ENTER or for the MAC CMD + ENTER you should see the characters face until you mouse over it and the whole image will appear until you mouse off.

You can add text INSIDE the image on a new layer so the text is a classic tween on frame 2 above the border layer then on the text timeline move the text inside the box and move it out on frame 2.

Not moused over.

Moused over.