Flash cs4 mask tutorial

April 21, 2010

CS4

Download the source: flasheff3.zip

Step 1

  • Create a new flash Project ,
  • New flash file  > Document (shortcut key: Ctrl+J ). Set the width of your document to 300 pixels and the height to 200 pixels.
  • Select any color  as background color and set your Flash movie’s frame rate to 33  fps.
  • Change the layer name to photo
  • Import your Photo: File > Import > Import to stage (Ctrl+R) and import any photo into a flash stage.

Step 2

While the photo is still selected go to the Align Panel (Ctrl+K) and do the following:

  • Make sure that the Align/Distribute to Stage button is turned on,
  • Click on the Align horizontal center button and
  • Click the Align vertical center button.


  • Click now on frame 100 of layer photo and click F5 key.
  • Create a new layer above the layer photo and name it mask text.

Step 3

Select mask text layer, take the Text Tool (T), select a big, bold font (I chose Arial Black). Put the font’s size at something like 150.

  • Now, write some text on the flash stage and place it on the position like it is shown on the picture below!

  • While the text is still selected, hit F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.

  • Click now on frame 55 and 100 and hit F6 key.
  • Go back now on frame 55 and place the text on the position like it is shown on the picture below!

Step 4

  • Right-click anywhere on the gray area between frame 1 and 55 and frame 55 and 100 on the timeline and choose Create Motion Tween from the menu that appears. See the picture below.

  • now select  mask text layer and convert it to a mask by right-clicking on the mask text layer and selecting Mask. See the picture below.

Test it Ctrl + enter

, , , ,

Subscribe

Subscribe to our e-mail newsletter to receive updates.

Trackbacks/Pingbacks

  1.   Flash cs4 mask tutorial | Flash tutorials | Flash video tutorials … by Flash Designers - April 21, 2010

    [...] Excerpt from:  Flash cs4 mask tutorial | Flash tutorials | Flash video tutorials … [...]

  2. Watch Movie Online | Watchmen Costumes – Wholesale Halloween costume For Your Inner Superhero! | Watch Movie Online - April 21, 2010

    [...] Flash cs4 mask tutorial | Flash tutorials | Flash video tutorials … [...]

  3. Apple iPod nano 8 GB Pink | Apple On The Longtail - April 21, 2010

    [...] Flash cs4 mask tutorial | Flash tutorials | Flash video tutorials … [...]

  4. Flash cs4 mask tutorial | Flash tutorials | Flash video tutorials … « action script - April 22, 2010

    [...] Adres URL: Flash cs4 mask tutorial | Flash tutorials | Flash video tutorials … [...]

  5. How to add a watermark to a foto or picture :: Uncategorized :: Edit SWF Files for both Windows and Mac - April 23, 2010

    [...] Flash cs4 mask tutorial | Flash tutorials | Flash video tutorials | Flash actionscript | flash anima… [...]

Leave a Reply