欢迎来到天天文库
浏览记录
ID:32534903
大小:240.80 KB
页数:9页
时间:2019-02-11
《flash电影字幕显示效果》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、Flash电影字幕显示效果本例将要实现的是星球大战开场时的那种字幕显示效果。而实时创建影片剪辑,并使用随机函数和影片剪辑的DrawingMethod(绘画方法)绘制星空背景则是本节的重点。主要的影片结构如下图所示。 图1影片结构 从上面这个图片中可以看到,这个例子的结构还是比较简单的。整个影片除去一个黑色背景之外只需要两个图层——用来放置要显示的字幕的第1层和用来“铺星星”作背景的第2层。因此,整个制作过程可以大致划分为字幕的制作与背景的制作两大部分。 字幕的制作相对比较简单,所以就不多说了,这里简要提一下“星空”背景的制作原理。在这个例
2、子中,用到的星空背景将不是用绘图工具一点点画出来的静态背景,而是使用ActionScript动态生成的动态背景。因为每次运行时,对应N颗星星,程序会随机产生N组横坐标、纵坐标值。再加上每颗星星的大小,亮度也是随机的,所以每次铺出来的背景绝对是不一样的。 在制作过程中主要使用了FreeTransform工具的部分功能。并利用Math.random()函数生指定范围内的随机数字的公式,实时创建影片剪辑以及部分绘画方法的使用。最终播放效果如图2所示,要实现这一效果,具体制作过程如下 图2星球大战开场文字最终效果图 一.制作字幕效果 1.新建一
3、个电影,在属性面板中设置其尺寸为550pxX400px,选择一种颜色(本例为#000000)作为背景色。 2.双击时间线上的“图层1”,并将其改为“caption”,主要用于旋置文字的图形元件,在工具箱中选取文本工具,并在属性面板中设置文字的颜色、字体和大小,本例设置文本的颜色为#CCCC00,大小为40,字体为TimesNewRoman,当然也可以设置为其它属性。设定好后,点击舞台并写上字幕文字,如图3所示。 图3在舞台上输入的文字 3.接下来该是给文字添加一点透视效果的时候了。选中写好的字幕文字,按两下Ctrl+B将文字分离成为色块。
4、这是因为下一步的变形要求其对象必须是色块。从工具箱中选取任意变形工具,然后从选项面板中的扭曲按钮。将分离后的文本能过调整四个角上的手柄,使整个变形框成一梯形,效果如图4所示。 图4调整手柄 4.变形完毕后选择“插入/转换为元件”菜单命令,将变形后的字幕转换为图形元件,并为其命名为“caption” 选中字幕后选择按“Ctrl+T”,打开Transfrom(变形)面板。调整缩放比例的数值,使第一行字的大小与未进行透视变形前差不多,如图5所示。 图5变形面板 5.将字幕元件拖动到舞台下方边缘之外,如图6所示: 图6拖动字幕 6
5、.点击时间线上的第200帧,按F6插入一个关键帧。选中第200帧上的字幕元件,使用Transform(变形)面板将其缩小后将其拖到舞台中上方,如图7所示。 图7缩小字幕元件 7.右击第1帧,在弹出的快捷菜单上选择“创建补间动画”,将第1到第200帧转化为运动中间帧动画。按Enter键看动画的效果的时候你会发现,整个字幕运动过程的前半部分相对后面结束部分的速度要慢一些。所以,需要对运动的速度进行一些调整。选中第1帧,在属性面板中将其中的简易选项设为某个正值,如图8示。如此,字幕运动的后半部分就会放慢速度了 图8属性面板 二.制作背景
6、 1.新建一图层,并为其命名为“stars”,然后将这个图层拖动到字幕层“caption”的下面,打开Actions(动作)面板。选中stars图层的第一帧后在Actions面板中输入以下代码(注释号“//”后的内容可不输)iMax=400;//星星总数。sClipName="starbg";//背景影片剪辑名字iStarSizeMax=2;//星星大小(最大值)iStarSizeMin=1;//星星大小(最小值)iStarAlphaMax=100;//星星透明度(最大值)iStarAlphaMin=80;//星星透明度(最小值)this.crea
7、teEmptyMovieClip(sClipName,0);//创建一个空白的背景影片剪辑。for(i=1;i<=iMax;i++){iStarX=Stage.width*Math.random();//星星的X轴坐标iStarY=Stage.height*Math.random();//星星的Y轴坐标iStarSize=(iStarSizeMax-iStarSizeMin)*Math.random()+iStarSizeMin;//星星的大小iStarAlpha=(iStarAlphaMax-iStarAlphaMin)*Math.random(
8、)+iStarAlphaMin;//星星的透明度iStarColor=0xffffff;//星星的颜色with(this[
此文档下载收益归作者所有