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