文字の上に画像を貼り付ける方法

文字の上に画像を置いてアニメーションさせます。
こんな感じ
http://moeten.info/flex/20091107_textMaskImage/bin-release/main.html
すべてのソースはこちら

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FF8DE6]" clipContent="false"
    >
<mx:Script>
<![CDATA[
import mx.effects.easing.*;
]]>
</mx:Script>
<mx:Sequence id="myMove">
    <mx:Parallel>
        <mx:Move yFrom="300" yTo="0" easingFunction="Back.easeOut" duration="1000"/>
        <mx:Fade alphaFrom="0" alphaTo="1" duration="1000"/>
        <mx:Blur blurXFrom="24" blurXTo="0" blurYFrom="24" blurYTo="0" duration="1000"/>
    </mx:Parallel>
    <mx:Fade alphaFrom="1" alphaTo="0" duration="400"/>
    <mx:Parallel>
        <mx:Fade alphaFrom="0" alphaTo="1" duration="1000"/>
        <mx:Move xFrom="300" xTo="0" easingFunction="Back.easeOut" duration="1000"/>
        <mx:Blur blurXFrom="24" blurXTo="0" blurYFrom="24" blurYTo="0" duration="1000"/>
    </mx:Parallel>
</mx:Sequence>
<mx:DropShadowFilter id="dsf" color="0xffccff" blurX="14" blurY="14" distance="0" />
<mx:GlowFilter id="gf" blurX="8" blurY="8" color="0xff477f" strength="10"/>
<mx:Label x="10" y="10" text="萌えるFlex!" fontFamily="ＭＳ ゴシック" fontSize="200" scaleX="2" scaleY="2" filters="{[gf,dsf]}"
    letterSpacing="-20" color="#ffffff" cacheAsBitmap="true" fontWeight="bold"/>
<mx:Label x="10" y="10" text="萌えるFlex!" fontFamily="ＭＳ ゴシック" fontSize="200" scaleX="2" scaleY="2"
    letterSpacing="-20" color="#000000" id="myText" cacheAsBitmap="true" fontWeight="bold"/>
<mx:Image source="@Embed('bg.jpg')" id="myImage" mask="{myText}" cacheAsBitmap="true"   x="0" y="317" creationCompleteEffect="myMove"/>
</mx:Application>