UrbanPro
true

Learn Adobe Flash from the Best Tutors

  • Affordable fees
  • 1-1 or Group class
  • Flexible Timings
  • Verified Tutors

Search in

Peeling Sticker Effect in Flash

Dheeraj Kushwaha
03/04/2017 0 0

 

Program: Animate cc

Difficulty: All

Estimated Completion Time: 40 hrs

 

Here we are taking the stage dimensions as 300×400 and the FPS is 24, as shown in the Figure below. To start with the tutorials download the source.rar file that will provide you with the necessary files to be used in the tutorial.

1. First import the downloaded used images from the source. To do that, Go to the File menu >Select Import > Select Import to Library. See the reference image below.

2. Before starting we already have layer 1, now name the layer as sticker front. Drag the front_Sticker_img from the library on to the stage and align it to the center of the stage. Then Convert the image to movie clip. To do that, Select the image > Right click > Select the Convert to Symbol > Select Movie Clip and Name the symbol as sticker front. See the reference image below.

3. Insert a new layer and name it as sticker back. Drag the back_Sticker_img from the library on to the stage and align it to the center of the stage. Then Convert the image to movie clip. To do that, Select the image > Right click > Select the Convert to Symbol > Select Movie Clip and Name the symbol as sticker back. See the reference image below.

4. Now select the sticker back, and then flip it vertical. To do that, Go the Modify menu > Select Transform > Select Flip Vertical. See the reference image below.

Now apply skew on it. To do that, Open the Transform panel from the window menu. Select Skew and set value to 162 degree and -18 degree. See the reference image below.

Select the sticker back symbol, and position it to the top outside of the stage. Place the image according to the given reference image below.

5. Now insert a new layer with name as shadow. Create a shape same as green outline given in the reference image in below.

6. Now insert a new layer with name as mask. Create a box shape on the top of the sticker front image as given in the reference image in below.

7. Now select frame 35 of all layers and Press F5 to insert new frame. See the reference image below.

10.jpg

Now select the sticker back on frame 35 and Press F6 to insert a key frame. Then change the position of the image to the bottom as given in the reference image below.

11.jpg

Now select any frame between frame 1 and frame 35, then Right click > Select Create Motion Tween.

12.jpg

8. Now go to the shadow layer. Open the color panel from the window menu. Now select the shape and select the liner gradient from the color panel as shown in the reference image below.

13.jpg

Now select the white color bucket labeled as 1 in the reference image. Then choose black color, refer label 2 in the given reference image below, and set alpha to 0%. See the reference image below.

14.jpg

9. Take the Gradient Transform Tool from the tool bar. See the reference image below.

15.jpg

10. Select the shape using Gradient Transform Tool, then hold down the small circle and rotate it to 90 degree angle. See the reference image on the left.

11. Hold down the Small Square and drag to up. Do not cross the center point. See the reference image on the Center.

12. And hold down the center of the gradient and drag to the bottom exactly as given in the reference image on the Right.

16.jpg

13. Select frame 35 of shadow layer and Press F6 to insert a key frame. Select the shape using arrow tool from the toolbar and move the shape to the bottom exactly as given in the reference image below.

17.jpg

Take the Gradient Transform Tool from the tool bar. See the reference image below.

18.jpg

Hold down the center of the gradient and drag to the top of the shape exactly as given in the reference image on the Right.

19.jpg

14. Now select any frame between frame 1 and frame 35, then Right click > Select Create Shape Tween. See the reference image below.

20.jpg

15. Go to the mask layer and Select frame 35 on the same layer and Press F6 to insert a key frame. Move the mask shape to the bottom to cover the sticker front image complete. Do it exactly as given in the reference image below.

21.jpg

Select any frame between frame 1 and frame 35, then Right click > Select Create Shape Tween.

16. Now we will apply mask. To do that, Right Click on the mask layer > Select Mask. See the reference image below.

22.jpg

Now select the sticker front and sticker back layer by pressing shift key. Then Drag them little up and left side over the shadow layer. It will mask you other layers also. See the reference image below.

23.jpg

17. Select frame 35 on the all layers and Press F6 to insert a key frame. Again Select frame 85 on the all layers and Press F6 to insert a keyGo to the frame 1, and Select the key frame of three layers except of sticker front layer, then Right click > Select Copy Frames. See the reference image below.

24.jpg

Go to the frame 50, and Press F6 key to insert key frame on all layers.

Go to the frame 85, Press F6 key to insert key frame on all layers. Then Select the key frame of three layers except of sticker front layer, then Right click > Select Paste Frames. See the reference image below.

25.jpg

18. At last apply shape tween and motion tween on the layers as given in the reference image below.

26.jpg

Publish the file and see the effect as shown in the Figure below.

final.jpg

0 Dislike
Follow 0

Please Enter a comment

Submit

Other Lessons for You

Logo Design Process
This is how you can design a logo for your client with a professional approach. Please follow this step to finalize your logo 100%. Ask the client about it—what colour, shape, tagline. Fill in...
A

Abhay | 10/02/2021

0 0
0

Logo design process
This is how you can design a logo for your client with a professional approach. Please follow this step to finalize your logo 100%. 1. Ask the client about it. What color, shape, tagline. 2. Fill in...

Nikhil Patel | 09/02/2021

0 0
0

Fundamentals is the base
𝐃𝐨𝐧'𝐭 𝐬𝐩𝐞𝐧𝐝 𝐝𝐚𝐲𝐬 𝐚𝐧𝐝 𝐦𝐨𝐧𝐭𝐡𝐬 𝐜𝐫𝐞𝐚𝐭𝐢𝐧𝐠 𝐠𝐨𝐨𝐝 𝐝𝐞𝐬𝐢𝐠𝐧. Graphic Designers follow lots of YouTube tutorials, but since they can't create a good design. Because whenever...

Yogesh Praveen D | 24/12/2020

0 0
0

Story Book Illustration
This type of story illustration can be done for kids and for physically abled kids....through illustrator

Steffi S. | 09/10/2019

0 0
0

Freeform Gradients in Adobe Illustrator CC 2019
Freeform Gradients in Adobe Illustrator CC 2019 As usual, we know that when we double click on the gradient tool or when we navigate to Window>Gradient, it pops up the gradient panel, and when we...

Sajid Holy | 25/05/2019

1 0
0

Looking for Adobe Flash Training?

Learn from Best Tutors on UrbanPro.

Are you a Tutor or Training Institute?

Join UrbanPro Today to find students near you
Sponsored
X

Looking for Adobe Flash Classes?

The best tutors for Adobe Flash Classes are on UrbanPro

  • Select the best Tutor
  • Book & Attend a Free Demo
  • Pay and start Learning

Learn Adobe Flash with the Best Tutors

The best Tutors for Adobe Flash Classes are on UrbanPro

Book a Free Demo

This website uses cookies

We use cookies to improve user experience. Choose what cookies you allow us to use. You can read more about our Cookie Policy in our Privacy Policy

UrbanPro.com is India's largest network of most trusted tutors and institutes. Over 55 lakh students rely on UrbanPro.com, to fulfill their learning requirements across 1,000+ categories. Using UrbanPro.com, parents, and students can compare multiple Tutors and Institutes and choose the one that best suits their requirements. More than 7.5 lakh verified Tutors and Institutes are helping millions of students every day and growing their tutoring business on UrbanPro.com. Whether you are looking for a tutor to learn mathematics, a German language trainer to brush up your German language skills or an institute to upgrade your IT skills, we have got the best selection of Tutors and Training Institutes for you. Read more