- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
基本动画的制作
课堂练习——制作LOADING下载条
【练习知识要点】使用矩形工具、任意变形工具、形状补间动画命令制作下载条的动画效果。使用文本工具添加文字效果,如图7-1所示。
【效果所在位置】光盘/Ch07/效果/制作LOADING下载条. fla。
图7-1
7.6.1 导入图片
(1) 选择“文件 新建”命令,在弹出的“新建文档”对话框中选择“Flash文件”选项,单击“确定”按钮,进入新建文档舞台窗口。按Ctrl+F3键,弹出文档“属性”面板,单击“大小”选项后面的按钮,在弹出的对话框中将舞台窗口的宽度设为600,高度设为260,单击“确定”按钮。
(2) 选择“文件 导入 导入到舞台”命令,在弹出的“导入”对话框中选择“Ch07 素材 制作LOADING下载条 背景”文件,单击“打开”按钮,文件被导入到舞台窗口中。选择“选择”工具,选中图片,在位图“属性”面板中将“宽”选项设为600,“高”选项设为260,按Enter键确定操作,图片大小将其改变并拖曳到舞台窗口的中心位置,效果如图7-2所示。将“图层1”改名为“背景”,选中“背景”图层的第60帧,按F5键,在该帧上插入普通帧,如图7-3所示。
图7-2 图7-3
(3)单击“时间轴”面板下方的“插入图层”按钮,创建新图层并将其命名为“下载框”。选择“文件 导入 导入到舞台”命令,在弹出的“导入”对话框中选择“Ch07 素材 制作LOADING下载条 下载框”文件,单击“打开”按钮,文件被导入到舞台窗口中,将图片移动到舞台窗口的下方,效果如图7-4所示。
图7-4
7.6.2 制作下载条变色效果
(1)单击“时间轴”面板下方的“插入图层”按钮,创建新图层并将其命名为“颜色条”。选择“矩形”工具,在工具箱中将笔触颜色设为无,将填充颜色设为绿色(#00FF00)。在下载框的左侧绘制出一个矩形图形,效果如图7-5所示。
(2)选中“颜色条”图层的第60帧,按F6键,在该帧上插入关键帧,如图7-6所示。选择“任意变形”工具,在矩形周围出现变换框,选中矩形右侧中间的控制手柄,向右拖曳到适当的位置,效果如图7-7所示。
图7-5 图7-6 图7-7
(3)选择“窗口 颜色”命令,弹出“颜色”面板,在“类型”选项的下拉列表中选择“线性”,选中色带上左侧的控制点,将其设为淡紫色(#FFAADD),选中色带上右侧的控制点,将其设为深紫色(#A30784),如图7-8所示。选择“颜料桶”工具,在矩形上由上至下拖曳渐变色,效果如图7-9所示。
图7-8 图7-9
(4)选择“选择”工具,选中“颜色条”图层的第1帧,选择帧“属性”面板,在“补间”选项的下拉列表中选择“形状”,如图7-10所示。在“颜色条”图层的第1帧到第60帧之间生成补间动画,如图7-11所示。
图7-10 图7-11
7.6.3 制作文字动画效果
(1)单击“时间轴”面板下方的“插入图层”按钮,创建新图层并将其命名为“文字”。调出“库”面板,在“库”面板下方单击“新建元件”按钮,弹出“创建新元件”对话框,在“名称”选项的文本框中输入“文字”,勾选“图形”选项,单击“确定”按钮,新建一个图形元件“文字”,如图7-12所示,舞台窗口也随之转换为图形元件的舞台窗口。便于观看将背景色设为黑色。
(2)选择“文本”工具,在文本工具“属性”面板中进行设置,在舞台窗口中输入需要的白色文字“LOADING .”,效果如图7-13所示。选中“图层1”的第2帧,按F6键,在该帧上插入关键帧,如图7-14所示。
图7-12 图7-13 图7-14
(3)将鼠标拖曳到文字右上方的圆形控制点上,按住鼠标向右拖曳,将文本框扩大,这时,圆形控制点变为方形控制点,效果如图7-15所示。将输入光标放置在文字的最后,按Del键,输入一个点,效果如图7-16所示。
图7-15 图7-16
(4)用相同的方法,在“图层1”的第3帧、第4帧、第5帧、第6帧上分别插入关键帧,并且每插入一帧,都要在文字后面添加一个点,效果如图7-17所示。单击“时间轴”面板下方的“场景1”图标,进入“场景1”的舞台窗口。将“库”面板中的“文字”元件拖曳到“文字”图层的舞台窗口中,效
您可能关注的文档
- Flash CS3中文版动画制作基础 教学课件 李如超 08.ppt
- Flash CS3中文版动画制作基础 教学课件 李如超 09.ppt
- Flash CS3中文版动画制作基础 教学课件 李如超教学大纲 第1章 Flash CS3动画制作基础.doc
- Flash CS3中文版动画制作基础 教学课件 李如超教学大纲 第2章 素材的制作与导入.doc
- Flash CS3中文版动画制作基础 教学课件 李如超教学大纲 第3章 元件和库的应用.doc
- Flash CS3中文版动画制作基础 教学课件 李如超教学大纲 第4章 制作逐帧动画.doc
- Flash CS3中文版动画制作基础 教学课件 李如超教学大纲 第5章 制作补间动画.doc
- Flash CS3中文版动画制作基础 教学课件 李如超教学大纲 第6章 制作图层动画.doc
- Flash CS3中文版动画制作基础 教学课件 李如超教学大纲 第9章 综合实例.doc
- Flash CS3中文版动画制作基础 教学课件 李如超配套习题 Flash CS3中文版动画制作基础试卷二.doc
- Flash CS3中文版实例教程 1CD 教学课件 周建国习题答案 第8章.doc
- Flash CS3中文版实例教程 1CD 教学课件 周建国习题答案 第9章.doc
- Flash CS3中文版实例教程 1CD 教学课件 周建国习题答案 第10章.doc
- Flash CS3中文版实例教程 1CD 教学课件 周建国习题答案 第11章.doc
- Flash CS3中文版实例教程 1CD 教学课件 周建国习题答案 第12章.doc
- FLASH CS3中文版应用教程 教学课件 作者 张凡 郭开鹤 第1章 Flash CS3基础知识.ppt
- FLASH CS3中文版应用教程 教学课件 作者 张凡 郭开鹤 第2章 基础动画.ppt
- FLASH CS3中文版应用教程 教学课件 作者 张凡 郭开鹤 第3章 图像、声音与视频.ppt
- FLASH CS3中文版应用教程 教学课件 作者 张凡 郭开鹤 第4章 交互动画.ppt
- FLASH CS3中文版应用教程 教学课件 作者 张凡 郭开鹤 第5章 行为.ppt
文档评论(0)