- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
制作 “海滨风光”遮罩动画
6.7.3 快速上手
步骤 1 新建 Flash 文件。选择【修改】→【文档】命令或按下 Ctrl+J 键,打开【文
档属性】对话框,设置文档尺寸为 550 ×400 像素,其他默认,如图 6-94 所示。单击 ,
进入场景 1。
步骤 2 选择【文件】→【导入】→【导入到库】命令,打开 【将“海岸.psd”导入
到库】对话框,如图 6-95 所示。单击 ,将本章素材文件夹中名为“海岸.psd”的图
像文件导入到库。
图6-94 【文档属性】对话框
步骤 3 选择【插入】→【新建元件】命令,创建一个名为“海水”的图形元件,单
击 ,进入元件编辑区。将库中的“海岸”图形元件拖入舞台,水平、垂直居中。将
其分离,用最小的【橡皮擦工具】 擦去“海”以外的部分,只留下“海水”部分,如图
6-96 所示。
图6-95 将“海岸.psd”导入到库 图6-96 只留下海水部分
步骤 4 选择【插入】→【新建元件】命令,建立一个名为“海浪”的影片剪辑元件,
单击 ,进入元件编辑区。再添加一个图层。下层命名为“海水”,上层命名为“遮
罩”。
步骤 5 选择“海水”图层第一帧,从【库】中拖出“海水”图形元件到舞台,全居
中。在第 160 帧处插入帧,并锁定。
步骤 6 绘制“遮罩”图形元件。选择“遮罩”图层第一帧,用【矩形工具】 在舞
台上拖出一个规格为 670 ×6 像素的无边线长条矩形,然后复制、粘贴若干,总高度约为“海
水”的一倍,如图 6-97 所示。选中全部实例,并将其转换为图形元件。
步骤 7 调整“遮罩”位置。选择【任意变形工具】 ,选中“遮罩”实例,将鼠标
放到左上角的控制点上,待出现旋转箭头后向下拖一个角度,用【选择工具】 将
图6-97 绘制“遮罩”图形元件
其左下角对齐“海水”的左下方,如图 6-98 所示。
步骤 8 在第 160 帧插入关键帧,再将该实例的右上角对齐“海水”的右上角,如图
6-99 所示。
图6-98 对齐“海水”的左下方 图6-99 对齐“海水”的右上角
注意:
遮罩的位置可视水流的方向进行调整,可边观看效果边调整遮罩的位置和角度。
步骤 9 单击时间轴上的第 1 帧,右击中间过渡帧,在弹出的快捷菜单中选择“创建
传统补间动画”。右击遮罩层,在弹出的快捷菜单中选择“遮罩层”,设置该层为遮罩层。
创建完成的时间轴效果如图 6-100 所示。
图6-100 创建完成的时间轴
步骤 10 返回场景 1,添加两个图层,共三个图层。自上而下命名为海水、海浪、海
岸。选择“海岸”图层第一帧,从 【库】中拖出“海岸”图形元件到舞台,大小与舞台相同,
全居中。在第 160 帧插入帧并锁定。如图 6-101 所示。
图6-101 选择 “海岸”图层第一帧
步骤 11 选择“海浪”图层第一帧,从 【库】中拖出“海浪”影片剪辑元件到舞台,
左对齐、底端对齐,与“海岸”中的海水完全重合。然后,用方向键将该实例向左移动一个
像素,再向下移动一个像素。在第 160 帧插入帧,并锁定。时间轴效果如图 6-102 所示。
图6-102 选择“海浪”图层第一帧
步骤 12 选择“海水”图层第一帧,从【库】中拖出“海水”图形元件到舞台,左
对齐、底端对齐。用【任意变形工具】 选中该实例,并将其注册点移到左上角,然后缩
小其大小为 130×35 像素,在【属性】面板中设置其 Alpha 值为 0% 。设置完成后的效果如
图6-103 所示。
步
您可能关注的文档
- Flash CS3中文版基础教程 第2版 教学课件 作者 陈振源 刘斯 第5章 制作交互动画.ppt
- Flash CS3中文版基础教程 第2版 教学课件 作者 陈振源 刘斯 第6章 动画的输出.ppt
- Flash CS3中文版基础教程 第2版 教学课件 作者 陈振源 刘斯 第7章 综 合 实 训.ppt
- Flash CS3中文版基础教程 教学课件 作者 陈振源 刘斯 第2章 绘 图 基 础.ppt
- Flash CS3中文版基础教程 教学课件 作者 陈振源 刘斯习题答案 第六章习题答案.doc
- Flash CS3中文版实例教程 1CD 教学课件 周建国 1.ppt
- Flash CS3中文版实例教程 1CD 教学课件 周建国 2.ppt
- Flash CS3中文版实例教程 1CD 教学课件 周建国 3.ppt
- Flash CS3中文版实例教程 1CD 教学课件 周建国 4.ppt
- Flash CS3中文版实例教程 1CD 教学课件 周建国 5.ppt
- Flash CS4 Professional实用案例教程( 第二版) 高职多媒体 洪光 任务 6.8.3.pdf
- Flash CS4 Professional实用案例教程( 第二版) 高职多媒体 洪光 任务 6.9.3.pdf
- Flash CS4 动画设计与制作技术 教学课件 作者 刘宏张艳 主编 1.ppt
- Flash CS4 动画设计与制作技术 教学课件 作者 刘宏张艳 主编 2.ppt
- Flash CS4 动画设计与制作技术 教学课件 作者 刘宏张艳 主编 3.ppt
- Flash CS4 动画设计与制作技术 教学课件 作者 刘宏张艳 主编 4.ppt
- Flash CS4 动画设计与制作技术 教学课件 作者 刘宏张艳 主编 5.ppt
- Flash CS4 动画设计与制作技术 教学课件 作者 刘宏张艳 主编 6.ppt
- Flash CS4 动画设计与制作技术 教学课件 作者 刘宏张艳 主编 7.ppt
- Flash CS4 动画设计与制作技术 教学课件 作者 刘宏张艳 主编 8.ppt
文档评论(0)