《flash基础教程ppt第一章》由会员分享，可在线阅读，更多相关《flash基础教程ppt第一章（33页珍藏版）》请在金锄头文库上搜索。
1、,第1讲 Flash 8动画制作基础,熟悉Flash8的设计环境及流程,了解Flash8制作逐帧动画的方法,1.1 熟悉Flash 8的设计环境 1.2 Flash 8动画制作流程 1.3 课后作业,本章大纲,1.1 熟悉Flash 8的设计环境,1.1.1 知识点讲解,在开始对Flash 8进行深入的动画制作学习之前，首先对Flash 8的设计界面进行一个初步的认识。,Flash的前身叫做FutureSplash Animator，由美国的乔纳森盖伊在1996年夏季正式发行，并很快获得了微软和迪斯尼两大巨头公司的青睐，分别成为其两个最大的客户 。,1.1.2 范例解析Flash 8用户界面介
2、绍,1、欢迎界面 。,图1-1 欢迎界面,2、操作界面。,图1-2 操作界面。,菜单栏,浮动面板区,时间轴,舞台,工具面板,属性面板,1.1.3 课堂练习Flash 8用户基本操作,运行Flash 8主程序。 在欢迎界面中选择 选项，新建一个Flash文档。 依次单击【菜单栏】上的各个选项展开其子项，查看并分析各个命令的用途。 利用【工具面板】上的各种绘图工具进行绘图操作。 选择不同的对象，在【属性面板】中观察属性参数的变换情况,1.2 Flash 8动画制作流程,Flash 8动画制作的一般流程对于动画初学者是很有必要掌握的，在本小节将从其知识点出发，最后以简单的实例操作来带领读者牢固掌握该
3、流程。,1.2.1 知识点讲解,利用Flash进行动画开发，一般都需要经过一个较为固定的流程，如下所示。,1.2.2 范例解析制作“过光文字”,本例将使用逐帧动画来制作一个过光文字的效果，制作思路及效果如图1-3所示,图1-3 制作思路及效果,1、新建文档。,（1）启动Flash 8软件，在【创建新项目】栏中选择【Flash 文档】选项，如图1-4所示，随后进入Flash的设计界面 。,图1-4 Flash 8开始页,新建一个Flash文档,（2）在舞台的空白处单击鼠标右键，在弹出的快捷菜单中选择【文档属性】命令，如图1-5所示 。,图1-5选择【文档属性】选项,（3）在 弹出的【 文档属性
4、】对话框中设置文档【 尺寸 】为“600px420px”，设置文档【帧频】为“5fps”，文档其他属性使用默认参数，如图1-6所示 。,图1-6 设置文档属性一,2、导入背景图 。,（1）用鼠标右键单击“图层1”图层，在弹出的快捷菜单中选择 【属性】命令，然后在弹出的【图层属性】对话框中将图层重命名为“背景”图层，效果如图1-7所示 。,【图层属性】对话框,时间轴的显示效果,图1-7 重命名图层,（1）执行【文件】/【导入】/【导入到舞台】菜单命令，将教学资源中的“素材第1讲过光文字背景.jpg”文件导入到舞台中，舞台效果如图1-8所示 。,图1-8 导入背景图,3、制作文字过光效果 。,（1
5、）在时间轴上单击按钮，在“背景”图层上新建一个图层并重命名为“文字”图层，效果如图1-9所示 。,图1-9 添加图层,（2）选择【 文本 】工具，设置【 字体 】为“Times New Roman”，【字体大小】为“95”并加粗，【文本（填充）颜色】为“红色”，然后在“文字”图层上输入字母“Welcome”，并将其相对舞台居中对齐，参数设置如图1-10所示，舞台上的显示效果如图1-11所示。,图1-10 文本属性设置,图1-11 输入文字效果,（3）选中“文字”图层上第1帧的图形，按1次Ctrl+B快捷键将文字打散，效果如图1-12所示 。,图1-12 分离文字,与舞台居中对齐的方法为：选中舞
6、台上的文字，按Ctrl+K快捷键打开对齐面板，确认 按钮处在按下状态时，单击 和 按钮使文字与舞台居中对齐 。,（4）分别在“文字”图层和“背景”图层的第7帧处按F5快捷键插入帧，效果如图1-13所示 。,图1-13 插入帧一,（5）按住Shift键选中“文字”图层的第2帧第7帧，然后按F6快捷键插入关键帧，效果如图1-14所示 。,图1-14 插入关键帧,（6）选中“文字”图层第1帧处的字母“W”，在属性面板中设置其【字体颜色】为“红色”，效果如图1-15所示 。,图1-15 改变字母颜色,（7）使用同样的方法，将第2帧的“e”字母的【字体颜色】设置为“红色”，以此类推进行设置，效果如图1-
7、16所示。,图1-16 各个帧上的文字设置,第2帧处的文字,第3帧处的文字,第4帧处的文字,第5帧处的文字,第6帧处的文字,第7帧处的文字,4、保存并测试影片 。,（1）按Ctrl+S快捷键保存影片，在弹出的【另存为】对话框中，设置保存目录并输入文件名为“过光文字”，效果如图1-17所示。,图1-17 保存影片,（2）单击 按钮保存影片，按Ctrl+Enter快捷键测试影片，可以观看影片的播放效果如图1-18所示。,图1-18 测试影片,5、发布影片 。,（1）执行【文件】/【发布设置】菜单命令，打开【发布设置】对话框，在【格式】选项卡中可以对要发布的格式进行设置，如图1-19所示 。,图1-
8、19 【发布设置】对话框,（2）SWF动画格式是Flash 8 自身的动画格式，因此它是输出动画的默认格式。选择【发布设置】对话框中的【Flash】选项卡，可以设定SWF动画的版本、加载顺序、图像和声音压缩比例等参数，如图1-20所示。,图1-20 【Flash】选项卡,（3）如果要在Web浏览器中播放Flash电影，则必须创建HTML文档。选择【发布设置】对话框中的【HTML】选项卡，可以设定控制Flash电影出现在浏览器窗口中的位置、背景颜色以及电影大小等参数，如图1-21所示 。,图1-21 【HTML】选项卡,（4）设置完成后，单击 按钮，可以在保存的目录中看到发布后的文件，如图1-2
9、2所示。,图1-22 发布后的文件,源文件,Html文件,swf文件,1.2.3 课堂练习制作“数字倒计时”,请同学使用同样的逐帧动画制作方法，制作一个“数字倒计时”效果,1、新建一个Flash文档，设置文档属性如图1-23所示,图1-23 设置文档属性二,2、执行【文件】/【导入】/【导入到舞台】菜单命令，将教学资源中的“素材第1讲数字倒计时背景.png”文件导入到舞台中，效果如图1-24所示 。,图1-24 导入背景图片,3、在默认“图层1”的第15帧处按F5快捷键插入帧，效果如图1-25所示 。,图1-25 插入帧二,4、在图层1上面新建一个图层，如图1-26所示 。,图1-26 新建图
10、层,5、选择【文本】工具 ，在【属性】面板中设置【字体】为“Arial Black”，【字体大小】为“55”，【文本颜色】为“红色”，然后在“图层2”上输入“9”，并相对于舞台居中对齐，参数设置如图1-27所示，舞台上的显示效果如图1-28所示。,图1-28 文字效果,图1-27 文字参数,6、在“图层2”的第2帧处按F6快捷键插入一个关键帧，并修改该帧处的数字为“8”，并使用该方法一直修改到输入数字0，效果如图1-29所示。,图1-29 逐帧修改数字,7、保存测试影片，一个倒计时的效果制作完成。,1.3 课后作业,1、Flash的设计界面主要包括哪几个板块？2、请回答Flash的一般制作流程。,
