Swishmax 4 Peel Sticker Tutorial

Click on the background to change the colour, click on the button to read more about Northern Soul.

First Of All:

Open Swishmax 4, set your movie height and width to fit your button, set frame rate to 25.

Step.1

Using the Ellipse Tool (E) 

drag out your circle and colour, name it mask1

copy and paste in place and rename to mask2 and using the subselection tool   flatten the top edge of themask2 ellipse.

Group mask1 and mask2 together as a movieclip, name it as mask place the following coe on the maskmovieclip

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

onFrame (1) { stop(); } onFrame (15) { stop(); } onFrame (8) { stop(); } onFrame (2) { setLabel("over"); } onFrame (9) { setLabel("out"); }

on the mask1 shape in the timeline between “over” place a fade out effect, for mask 2 in the “over” place a fade ineffect, then in the “out” for mask 1 place a fade in effect andd for mask 2 a fade out effect.

Step.2

now its time to import your sticker image or create your sticker image, make sure its the same dimension of themask1 ellipse.

the name of the object is not important, so name it to identify it.

Step.3

create a smaller ellipse with the following gradient settings  and name the shape peel.

place the peel shape  top right of the button image.

place the following code on Scene_1

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

onFrame (1) { action.useHandCursor=false; stop(); } onFrame (8) { stop(); } onFrame (15) { stop(); } onFrame (2) { setLabel("over"); mask.gotoAndPlay("over"); } onFrame (9) { setLabel("out"); mask.gotoAndPlay("out"); }

on the “over” label place a move action and move the peel shape down over the sticker shape, then in the “out”  label place another move action moving the peel shape back away (top right) of the sticker shape.

Step.4

using the ellipse tool create a circle same dimensions of the sticker shape, make it transparent colour and group as a button, name the button action.add the following code to the button.

1 2 3 4 5 6 7 8 9 10

on (rollOver) { gotoAndPlay("over"); } on (rollOut) { gotoAndPlay("out"); } on (press) {   getURL("`URL`", "`Target Frame`"); }

group everything together as a movieclip and name peel_button

press Ctrl+T to test your button, it should work like the one in the example at the start.

here is how your layout tree should look.