Top Inside graphics free Adobe Flash Special Effects Text Masking with Image
Home | About Us | Contact Us | FREE Training | Newsletter | Get our Android App
Adobe Photoshop : Tools | Retouching | Image Effects | Web Buttons | Textures | Animation
CorelDRAW : Tools | Basic Effects | Artistic Effects
Adobe Animate : Tools | Text Effects | Special Effects
Miscellaneous : Layout Designing | Web Designing | Articles | Interviews

Home : Special Effects : Text Masking with Image 

Text Masking with Image

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

Text Masking with Image

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

3. For this particular animation we don't need to convert the image to symbol because we are not going to make any changes to the image.

4. Press F5 at 60th frame to keep an image stationary for 60 frames.

5. Create new layer in the timeline and type the text at the top. Try to use thick font to get better effect. Keep it selected.

6. Convert the text into graphic symbol.

Text Masking with Image

7. Select 60th frame on the top layer where the text is placed and press F6 to insert the Keyframe.

8. Drag the text down and apply motion tween.

9. If you play this animation it will be regular, simple animation with a text moving over the image.

flash animation masking

10. Right click on the top layer where the text animation is situated and select Mask.

flash animation masking

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

flash animation masking

12. The image will be displayed only where the text is overlapped.

Text Masking with Image

13. Export movie using File > Export > Export Movie

 
Copyrights © 2003 - 2017 Inside Graphics | Disclaimer | Privacy Policy