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 : 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

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