扩展案例——制作手机界面
【案例学习目标】学习使用导入命令导
入视频。
【案例知识要点】使用导入视频命令导
入视频;使用矩形工具绘制矩形装饰,效果
如图 1 所示。
【效果所在位置】云盘/Ch05/效果/制
作手机界面.fla。
(1)选择“文件 > 新建”命令,弹出
“新建文档”对话框,在“详细信息”选项
组中,将“宽”设为 750,“高”设为 1334,
“平台类型”选项的下拉列表中选择
“ActionScript ”选项单击“创建”按
钮,完成文档的创建。
图 1
(2)将“图层_1”重命名为“底图”。
选择“文件 > 导入 > 导入到舞台”命令,在
弹出的“导入”对话框中,选择云盘中的
“Ch05 > 素材 > 制作手机界面 > 01”文件,
将文件导入到舞台窗口中,如图 2 所示。
图 2
(3)在“时间轴”面板中创建新图层
并将其命名为“视频”。选择“文件 > 导
入 > 导入视频”命令,在弹出的“导入视
频”对话框中,单击“文件路径”右侧的
“浏览”按钮 ,在弹出的“打开”对话
框中选择“Ch05 > 素材 > 制作手机界面 >
02”文件,如图 3 所示。
图 3
(4)单击“打开”按钮,回到“导入
视频”对话框中,点选“在 SWF 中嵌入 FLV
并在时间轴中播放”选项,如图 4 所示。
图 4
(5)单击“下一步”按钮,弹出“嵌
入”对话框,对话框中的设置如图 5 所示。
图 5
(6)单击“下一步”按钮,弹出“完
成视频导入”对话框,如图 6 所示。
图 6
(7)单击“完成”按钮完成视频的导
入,“02”视频文件被导入到舞台窗口中,
如图 7 所示。
图 7
(8)选中“底图”图层的第 82 帧,按
F5 键,插入普通帧,如图 8 所示。
图 8
(9)选择“选择”工具 ,在舞台窗
口中选中视频文件,在“属性”面板“对
象”选项卡中,将“X”设为 216,“Y”设
为 770,如图 9 所示。
图 9
(10)在“时间轴”面板中创建新图层
并将其命名为“矩形”。选择“矩形”工具
,在工具箱中,单击下方的“对象绘制”
按钮 ,将“笔触颜色”设为无,“填充颜
色”设为黑色,,在舞台窗口中绘制 1 个矩
形。选择“选择”工具 ,在舞台窗口中选
中绘制的黑色矩形,在“属性”面板“对
象”选项卡中,将“X”设为 375,“Y”设
为 841,如图 10 所示。
图 10
(11)用鼠标右键单击“矩形”图层,
在弹出的菜单中选择“遮罩”命令,将“矩
形”图层设为遮罩的层,图层“视频”为被
遮罩的层,如图 11 所示。
图 11
(12)在“时间轴”面板中创建新图层
并将其命名为“文字装饰”。选择“文件 >
导入 > 导入到舞台”命令,在弹出的“导
入”对话框中,选择云盘中的“Ch05 > 素
材 > 制作手机界面 > 03”文件,将文件导入
到舞台窗口中,如图 12 所示。
图 12
( 13 ) 手 机 界 面 制 作 完 成 , 按
Ctrl+Enter 组合键即可查看效果,效果如图
13 所示。
图 13