Photoshop: Tools | Retouching | Image Effects | Web Buttons | Textures | Animation
CorelDRAW: Tools | Basic Effects | Artistic Effects
Adobe Animate Flash: Tools | Text Effects | Special Effects
Other: Articles | Interviews | Layout Designing | Web Designing | About Us | Contact Us

InsideGraphics Latest Update
Coming soon..Our ANDROID APP for Regular Updates

Home : Special Effects : Moving Image Masking 

Moving Image Masking

1. Prepare the image for flash with proper size that will fit to the size of the text. We have selected following image.

moving image masking

2. Open flash and Import image on the stage using
File > Import > Import to Stage

3. Adjust the image to the stage if necessary. Keep the image selected. Convert image into symbol using F8.

4. Press F6 at 60th frame so that we can apply motion tween to move this image.

5. Apply motion tween.

6. Press F6 at 20th frame and move the image towards left as shown in the following figure.

moving image masking

7. Press F6 at 40th frame and move the image towards right as shown in the following figure.

moving image masking

8. The timeline will show keyframes as below.

moving image masking

9. The tween will give following image animation.

10. Add new layer and draw circle on the stage in such a way that it will occupy the image properly all the time during its movement..

flash animation masking

12. Right click on the top layer where the circle is situated and select Mask.

flash animation masking

12. The layer in the timeline will show the changes indicating masking.

flash animation masking

13. The image will be displayed only where the circle is overlapped and since the image is moving and circle is steady, you will see animation through circle.

Text Masking with Image

14. Export movie using File > Export > Export Movie

Photoshop: Tools | Retouching | Image Effects | Web Buttons | Textures | Animation
CorelDRAW: Tools | Basic Effects | Artistic Effects
Adobe Animate Flash: Tools | Text Effects | Special Effects
Other: Articles | Interviews | Layout Designing | Web Designing | About Us | Contact Us
back to home | Back to top
Copyrights © 2003 - 2017 Inside Graphics | Disclaimer | Privacy Policy