{"id":421,"date":"2010-12-08T04:47:34","date_gmt":"2010-12-08T08:47:34","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=421"},"modified":"2010-12-28T03:44:24","modified_gmt":"2010-12-28T07:44:24","slug":"sticker-peel-off-animation-using-flash","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/sticker-peel-off-animation-using-flash\/","title":{"rendered":"Sticker peel off Animation using Flash"},"content":{"rendered":"

Step-1: Open a new document with the size of 300 X 300 pixels.<\/p>\n

Stpe-2: Draw a picture like below or import (ctrl+r) the picture which you like to do animation in layer-1. I named the layer-1 as \u201cFront\u201d. Select the 25th<\/sup> frame of \u201cfront layer\u201d and give F5 (to copy frame till 25th<\/sup> frame).<\/p>\n

\"Step-1\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-422\"\r\n <\/div><\/a><\/p>\n

Step-3: Create new layer, name it as \u201cfront-mask\u201d. Pick a rectangle tool and draw a shape. Place it on the top of the left hand side as below. Convert it into graphic by press \u201cF8\u201d. Again copy the frame till Frame-25 but here we are copying and inserting frame. So give F6 in 25th<\/sup> frame.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-423\"\r\n <\/div><\/a><\/p>\n

Step-4: just select 25th<\/sup> frame and drag the rectangle which we converted to graphic to right hand side bottom and reduce the alpha till 70% to 75%.<\/p>\n

Step-5: Select \u201cfront-mask\u201d layer and right click on it. Apply \u201cMask\u201d option. So this layer would hide.<\/p>\n

Step-6: Create new layer, name it as \u201creverse\u201d and import the same picture then convert it into graphic(F8) and reduce tint up to 90% and give F6 in 25th frame.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-424\"\r\n <\/div><\/a><\/p>\n

Step-7: Make new layer, name it as \u201creverse-mask\u201d. Pick a rectangle tool and draw a shape. Place it on the top of the left hand side as below. Convert it into graphic by press \u201cF8\u201d. Again copy the frame till Frame-25 but here we are copying and inserting frame. So give F6 in 25th<\/sup> frame.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-425\"\r\n <\/div><\/a><\/p>\n

Step-8: Now select 25th<\/sup> frame and drag the rectangle which we converted to graphic to right hand side bottom.<\/p>\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-426\"\r\n <\/div><\/a><\/p>\n

Step-9: If you want make one layer to write script to do action for one time by select 25th<\/sup> frame and give F7 (Empty key frame). Press F9, type stop();
\n

<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-427\"\r\n <\/div><\/a><\/p>\n

Now Ctrl+enter to run the program.<\/p>\n

<\/embed><\/object><\/p>\n

Click here to download the source Sticker peel off Animation using Flash<\/a><\/span><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Step-1: Open a new document with the size of 300 X 300 pixels. Stpe-2: Draw a picture like below or import (ctrl+r) the picture which you like to do animation in layer-1. I named the layer-1 as \u201cFront\u201d. Select the 25th frame of \u201cfront layer\u201d and give F5 (to copy frame till 25th frame). Step-3: […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[22,23],"class_list":["post-421","post","type-post","status-publish","format-standard","hentry","category-flash","tag-animation-in-flash","tag-sticker-peel-animation"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=421"}],"version-history":[{"count":10,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/421\/revisions"}],"predecessor-version":[{"id":471,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/421\/revisions\/471"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}