WEB开发网
开发学院图形图像Flash Flash 电影字幕显示效果 阅读

Flash 电影字幕显示效果

 2007-01-28 11:01:13 来源:WEB开发网   
核心提示:本例将要实现的是星球大战开场时的那种字幕显示效果,而实时创建影片剪辑,Flash 电影字幕显示效果,并使用随机函数和影片剪辑的Drawing Method(绘画方法)绘制星空背景则是本节的重点,主要的影片结构如下图所示,设定好后,点击舞台并写上字幕文字,图1 影片结构从上面这个图片中可以看到,这个例子的结构还是比较简单

本例将要实现的是星球大战开场时的那种字幕显示效果。而实时创建影片剪辑,并使用随机函数和影片剪辑的Drawing Method(绘画方法)绘制星空背景则是本节的重点。主要的影片结构如下图所示。

图1 影片结构

从上面这个图片中可以看到,这个例子的结构还是比较简单的。整个影片除去一个黑色背景之外只需要两个图层——用来放置要显示的字幕的第1层和用来“铺星星”作背景的第2层。因此,整个制作过程可以大致划分为字幕的制作与背景的制作两大部分。

字幕的制作相对比较简单,所以就不多说了,这里简要提一下“星空”背景的制作原理。在这个例子中,用到的星空背景将不是用绘图工具一点点画出来的静态背景,而是使用ActionScript动态生成的动态背景。因为每次运行时,对应 N颗星星,程序会随机产生N组横坐标、纵坐标值。再加上每颗星星的大小,亮度也是随机的,所以每次铺出来的背景绝对是不一样的。

在制作过程中主要使用了Free Transform工具的部分功能。并利用Math.random()函数生指定范围内的随机数字的公式,实时创建影片剪辑以及部分绘画方法的使用。最终播放效果如图2所示,要实现这一效果,具体制作过程如下

图2 星球大战开场文字最终效果图

一.制作字幕效果

1.新建一个电影,在属性面板中设置其尺寸为550pxX400px,选择一种颜色(本例为#000000)作为背景色。

2.双击时间线上的“图层1”,并将其改为“caption”,主要用于旋置文字的图形元件,在工具箱中选取文本工具,并在属性面板中设置文字的颜色、字体和大小,本例设置文本的颜色为#CCCC00,大小为40,字体为Times New Roman,当然也可以设置为其它属性。设定好后,点击舞台并写上字幕文字,如图3所示。

1 2 3 4 5  下一页

Tags:Flash 电影 字幕

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接