江苏省煤田地质局:Flash 8.0 实例教程 ——今夜,让我静静地想你

来源:百度文库 编辑:中财网 时间:2024/04/28 14:02:36
今夜,让我静静地想你   Flash 8.0 实例教程

今夜,让我静静地想你

——AS遮罩及alpha通道遮罩的应用

编写:军火

主要知识目标:

1、AS遮罩的实现原理。

2、alpha通道遮罩的实现条件。

3、声音的压缩和编辑。

制作步骤:

一、创建新文档

打开 flash软件,
 
新建 flash文档,尺寸550×400,

背景深色,其它默认。

二、导入素材

执行:文件-导入-导入到库,

把声音和三张图片素材导入到库里。

三、创建“背景”元件

1、执行:插入-新建元件,

名称为“背景1” ,类型为:影片剪辑。

2、在图层1第 1帧把库里的“001”图片拖入,全居中。

3、同样的方法创建“背景2”和“背景3”影片剪辑,

分别放置002图片和003图片。

四、创建“文字”元件

1、执行:插入-新建元件,

名称为: “文字1” ,类型为:图形。

2、打开素材包里的“朗诵”记事本,

复制里面的第一段文字。

3、在图层 1 第 1 帧,

使用文本工具,静态文本,

选择一种喜欢的字体,

字体大小 30 左右,字体颜色任意,

在舞台上点击,

然后右键粘贴,把素材文字粘贴到舞台。

选中文字,全居中。

4、同样的方法,

分别创建“文字2” “文字3” “文字4”三个图形元件,

分别复制“朗诵”记事本里的

第二段、第三段和最后一段文字。

5、执行:插入-新建元件,

名称为: “片头文字” ,

类型为:图形。

在第 1 帧使用文本工具,静态文本,

选择一种喜欢的字体和颜色,

字体大小 40 左右,

在舞台输入“今夜,让我静静地想你” ,

全居中。

五、制作“羽化遮罩”元件

1、执行:插入-新建元件,

名称为“羽化遮罩1” ,

类型为:影片剪辑。

2、在图层 1 的第 1 帧,

使用椭圆工具,笔触无,

填充为放射状,两个色块全部为白色,

左边透明度100%,右边透明度0%,

绘制一100×100的正圆,全居中。

3、执行:插入-新建元件,

名称为“羽化遮罩2” ,

类型为:影片剪辑。

4、在图层 1 的第 1 帧,

使用矩形工具,笔触无,

填充为线性,两个色块全部为白色,

左边透明度 100%,右边透明度 0%,

绘制一 700×400的矩形,全居中。

5、执行:插入-新建元件,

名称为“羽化遮罩3” ,

类型为:影片剪辑。

6、在图层 1 第 1 帧使用椭圆工具,笔触无,

填充为放射状,


溢出选项里选择第二种“镜像”模式,

两个色块全部为白色,

左边透明度为0%,右边透明度100%,

色块位置如下图,绘制一700×700的正圆,

使用填充变形工具把填充调整为下图样式。

7、在 50 帧插入关键帧,选中填充,

在混色器里调整左边色块的透明度为100%,

并使用填充变形工具调整填充如下图。

8、在1-50帧之间创建形状补间动画。

9、在图层1上添加新图层2,

在50帧插入关键帧,

打开动作面板,

输入语句:stop();

10、时间轴如图:

六、制作主场景动画

1、返回主场景,把图层1改名为“声音” ,

点击声音图层第1帧,

在属性里选择需要加载的声音

(打开编辑按钮,

在编辑封套对话框里查看声音的持续长度大概为2115帧左右),

把同步选择为“数据流” ,

在声音图层的2115帧插入帧。


2、在声音图层上添加新图层,

改名为“底图” ,

在第1帧把库里的“背景1”元件拖入舞台,

全居中,

在970帧插入空白关键帧,

把库里的“背景2”元件拖入,全居中;

在 1480 帧插入空白关键帧,

把“背景 3”元件拖入全居中;

图层上锁。

3、在底图层上添加新图层改名为“被遮图” ,

在520帧插入关键帧,

把库里的“背景2”元件拖入,全居中,

在属性面板输入实例名称为“tu” ,

并把“使用运行时位图缓存”项目勾选上;

在 970 帧插入关键帧,

选中 970帧里的“背景 2”元件,

在属性面板里选择交换,交换为“背景 3” ,

在 1480 帧插入关键帧,交换为“背景1”元件。

4、在被遮图上添加新图层改名为“羽化遮罩” ,

在第520帧插入关键帧,

把库里的 “羽化遮罩1” 元件拖入舞台,
 
全居中,

在属性面板输入实例名称为 “mc” ,

并把使用运行时位图缓存项目勾选。

然后在变形面板里设置其变形比例为10%,

在570帧插入关键帧,

在变形面板里设置其变形比例为1000%,

在520-570帧之间创建动作补间动画。

5、在羽化遮罩层的970帧插入空白关键帧,

把库里的“羽化遮罩2”元件拖入舞台,

使元件的右端对齐在舞台的左端,

并垂直中齐,

同样在属性面板输入实例名称为“mc” ,

并把使用运行时位图缓存项目勾选,

在 1020 帧插入关键帧,

选中元件让其左对齐、垂直中齐。

在970-1020帧之间创建动作补间动画。

6、在羽化遮罩层的 1480 帧插入空白关键帧,

把库里的“羽化遮罩 3”元件拖入舞台,全居中,

同样在属性面板输入实例名称为“mc” ,

并把使用运行时位图缓存项目勾选。

7、在羽化遮罩图层上添加新图层改名叫“填充” ,

在第1帧使用矩形工具,

笔触无,填充为线性填充,

三个色块全部为橘黄色(#FF6600),

左右两个色块的透明度为0,

中间色块透明度为100%,

绘制一550×200的矩形,

并使用填充变形工具调整填充方向,

并让其水平中齐、上对齐。如下图:

8、在填充图层上添加新图层改名为“文字” ,

在第 1 帧把库里的“文字 1” 元件拖入舞台,

水平中齐,

文字上端和填充的下端对齐。

在550帧插入关键帧,

调整“文字 1”元件的位置,

使其下端和填充的上端对齐。

在 1-550 帧之间创建动作补间动画。

第1帧 第550 帧

9、在文字层的551帧插入空白关键帧,

把库里的“文字2”元件拖入,

水平中齐,上端和填充下端对齐,

980帧插入关键帧,使文字下端和填充上端对齐。

在551-980帧之间创建动作补间动画。

10、在文字层的 1000 帧插入空白关键帧,

把库里的“文字 3”元件拖入,

水平中齐,上端和填充下端对齐,

1500 帧插入关键帧,使文字下端和填充上端对齐。

在1000-1500帧之间创建动作补间动画。

11、在文字层的 1510 帧插入空白关键帧,

把库里的“文字 4”元件拖入,水平中齐,上端和填充下端对齐,

1920 帧插入关键帧,使文字下端和填充上端对齐。

在1510-1920帧之间创建动作补间动画。

12、右键点击文字层转换为遮罩层。

13、在文字图层上添加新图层改名为“片头文字” ,

在第 1 帧把库里的片头文字元件拖入,水平中齐,

并和填充的中间对齐。

在20帧插入关键帧,选中20帧里的元件,

在属性面板里设置其颜色选项里的 alpha 值为 0,

在 1-20 帧之间创建动作补间动画,

在 1920 帧插入关键帧、2000 帧插入关键帧,

选中 2000 帧里的元件,设置其透明度为100%,

在1920-2000帧之间创建动作补间动画。

14、在片头文字图层上添加新图层改名为“按钮” ,

在第 1 帧打开窗口-公用库-按钮,

选择两个喜欢的按钮(也可以自己做个性按钮),

放置舞台合适位置,

选中第1个按钮,打开动作面板,

输入语句:

on (release) {
play();
}

选中第2个按钮,打开动作面板,

输入语句:

on (release) {
stop();
}

15、在按钮图层上添加新图层改名为“AS” ,

在第1帧输入语句:

stop();

在520帧插入关键帧,

输入语句:
 
tu.setMask(mc);

复制第520帧,分别粘贴到970帧和1480帧。

16、把图层全部上锁,在最上层添加新图层,

改名为“遮布” ,

使用矩形工具,笔触颜色红色,填充颜色黑色,

在第 1 帧绘制一 1000×1000 的矩形,全居中,

双击矩形的边框全部选中,

在对齐面板里使其相对于舞台:匹配宽和高。

然后选中边框内的填充,按Delete键删除,

然后把边框也删除。

剩余的部分执行:修改-组合。

17、最后的时间轴图层关系如下:

八、测试影片、保存、发布。

课后反思

1、AS遮罩的格式是什么?和普通遮罩有什么异同?

2、alpha通道遮罩的实现需要满足什么条件?

3、声音的压缩和编辑对源文件和影片会有哪些影响。

4、声音同步选项里的数据流和事件有什么不同?