第四章  Flash CC元件、库和实例
课题
5.1  立体文字
课时
教学内容
1、掌握文本工具的使用
2、编辑文本
3、使用变形工具调整形状
4、制作案例
教学目标
制作立体文字效果
教学重点
制作立体文字效果
教学难点
对阴影的制作和调整
教学活动及主要语言
学生活动
一、解说元件的类型(引导法、说授法)
解说:本案例制作立体文字效果,主要复制文字,将位于下层的文字分离为形状,使用变形工具的倾斜、缩放和扭曲工具去调整到合适形状,再用填充工具的渐变透明来制作投影渐变透明的效果,最后制作成立体文字。
二、新课教学(讲解法、提问法、示范法)
步骤:
  1.在菜单栏中选择【文件】>【新建】命令,弹出“新建文档”对话框,如图所示,在“常规/类型”列表框中选择“ActionScript3.0”,将分辨率设置为“550*400像素”,单击“确定”按钮,如图所示。
   
2.在工具箱中选择“文本工具”,在“属性”面板中将“系列”设置为“微软雅黑”,将“大小”设置为96,将“颜”设置为#FF0000,然后在舞台输入文字“开”如图所示。
3.使用“选择工具”选择输入文字,在“对齐”窗口选择“水平中齐”和“垂直居中分布”如图所示。
 
4.按[Ctrl+C]组合键复制选择的文字,在“时间轴”面板中单击“新建图层”按钮,新建“图层2”,然后按Ctrl+ Shift +V粘帖选择文字到当前位置,并调整到适当的位置,在字符选项组中将“颜”设置为#650000,将“图层2”拖动到“图层1”之下,如图所示。
5.锁定“图层1”,使用“选择工具”选择“图层2”中的文字“开”,然后按Ctrl+B组合键分离文字,如图所示。
 
6.将场景中的文字放大,在工具箱中选择“添加锚点工具”,在如图所示位置添加描点。
                   
7.然后使用工具箱中的“部分选取工具”调整锚点位置,如图所示。
8.使用同样的方法,继续调整分离后的文字,效果如图所示。
9.选择“图层2”文字,按Ctrl+X组合键剪切选择的文字,选择“图层1”,然后按Ctrl+Shift+V粘帖选择文字到当前位置,全选“图层1”文字,按F8,弹出“转换为元件”对话框,输入“名称”为“开”,将类型设置为“图形”,单击“确定”按钮,如图所示,建立图形元件。
10.使用同样的方法,制作“张”、“大”和“吉”的元件,如图所示。
11.在工具箱中选择“文本工具”,在“属性”面板中将“系列”设置为“微软雅黑”,将“大小”设置为96,将“颜”设置为#000000,然后在舞台输入文字“开”字,如图所示。
英语四级准考证号
12.把“库”里的立体“开”字拉到场景,选择黑“开”字,按Ctrl+B把“开”字打散,如图所示。
13.把黑“开”字移至立体“开”字下面,选择工具箱中的“任意变形工具”,在工具箱最下面选择“扭曲”工具进行变形,如图所示。
     
14.选择“颜”,颜类型选择“线性渐变”,对投影部分进行颜填充,颜均为#000000,如图所示;并把远处颜的透明度调为“21%”,如图所示;选择它们按Ctrl+G组合键进行组合,效果如图所示。
 
15.使用同样的方法,制作“张”、“大”和“吉”的投影,按Ctrl+R组合键,弹出“导入”对话框,在该对话框中选择随书带光盘中的素材\第五章\第一节\立体文字背景.jpg素材文件,单击“打开”按钮,如图所示,即可将选择的素材文件导入到舞台中,最终效果如图所示。
3、 案例小结——文字立体效果
  “部分选取工具”除了可以像“选择工具”工具那样选取并移动对象外,还可以对图形进行变形等处理。当某一对象被部分选择工具选中后,它的图像轮廓线上会出现很多控制点(锚点),表示该对象已被选中。
使用“部分选取工具”,单击要编辑的锚点,这时该锚点的两侧会出现调节手柄,拖动手柄的一端,可以实现对曲线的形状进行编辑操作。按住Alt键拖动手柄,可以只移动一边的手柄,而另一边手柄则保持不动。
四、能力扩展
教师讲解,引导出本节课要学习的内容。
此时学生应该注意听和观看教师的讲解与操作,因为此处是复习旧知识,同时也应积极回答相应的问题,进行认真的思考
学生听讲,笔记
学生思考、讨论
此部分主要由老师来讲解,同时学生也配合着老师回答一些常见问题
学生认真观看教师操作,并将其记录下来。
学生思考、讨论
怎么查车辆违章记录
学生根据教师规定动手了解教学内容
课题
5.2  渐出文字
课时
教学内容
1、将输文字转换为元件
酒曲制作
2、改变关键帧的属性,利用传统补间动画制作文字渐变效果
3、制作案例
教学目标
改变关键帧的属性的改变来制作渐变效果
教学重点
传统补间动画的元素可以是影片剪辑、按钮、图形元件、文字、位图等,但不能是形状
教学难点
利用传统补间制作出自己想要的效果动画
教学活动及主要语言
学生活动
一、创设意境,导入新课(讲授法、提问法)
导入:本案例将制作渐出文字动画的效果,主要是将输入的文字转换为元件,然后通过设置元件样式的透明度的改变,和制作传统补间动画来表现渐出文字。
2、新课教学(讲解法、提问法、示范法)
步骤:
1.在菜单栏中选择【文件】>【新建】命令,弹出“新建文档”对话框,在“新建文档“对话框中选择“ActionScript3.0”,将分辨率设置为“550*400像素”,单击“确定”按钮,建立新文档。
2.按[Ctrl+R]组合键,弹出“导入”对话框,在该对话框中选择随书带光盘中的素材\第五章\第二节\汽车广告背景.jpg素材文件,单击“打开”按钮,如图所示,即可将选择的素材文件导入到舞台中,然后按Ctrl+K组合键打开“对齐”面板,在该面板中勾选“与舞台对齐”复选框,单击“水平中齐”和“垂直中齐”按钮,如图所示,效果如图所示。
 
 
3.确认舞台中的素材文件处于选中状态,按[F8]键弹出“转换为元件”对话框,输入“名称”为“图片”,将类型设置为“图形”,单击“确定”按钮,如图所示,即可将素材图片转换为元件。
4.然后在“属性”面板中将“样式”设置为Alpha,并将Alpha值设置为0%,如图所示。
 
5.在“时间轴”面板中选择“图层1”的第30帧,按F6键插入关键帧,如图所示;然后在“属性”面板中,将“图片”图形元件的“样式”设置为“无”,如图所示。
 
6.选择“图层1”的第15帧,并单击鼠标右键,从弹出的快捷菜单中选择“创建传统补间”命令,即可创建传统补间动画,如图和图所示。
   
 
梅花的寓意7.按Ctrl+F8组合键,弹出“创建新元件”对话框,输入“名称”为“文字1”,将“类型”设置为“图形”,单击“确定”按钮,如图所示。
8.然后在工具箱中选择“文本工具”,在舞台中输入文字“品味超凡”,并选中输入的文字,在“属性”面板中将“字符”选项组中的“系列”设置为“黑体”,将“大小”设置为18磅,将“颜”设置为白,如图所示。
吴家丽三级
   
9.返回到“场景1”中,单击“新建图层”按钮,新建“图层2”,选择“图层2”的第31帧,在“库”面板中将“文字”图形元件拖拽到舞台中,如图所示;然后在“属性”面板中将“位置大小”的X和Y分别设置为100、94,将“样式”设置为“Alpha”,将Alpha值设置为“20%”,如图所示。
优酷弹幕关闭中怎么打开   
10.选择“图层2”的第50帧,按F6插入关键帧,如图所示,在“属性”面板中将“位置大小”的X和Y分别别设置为215,94,再将“样式”设置为“无”,如图所示,;单击“图层1”的第60帧,按F5插入帧,效果如图所示。
 
   
11.选择“图层2”的第40帧,并单击鼠标右键,从弹出的快捷菜单中选择“创建传统补间”命令,即可创建传统补间动画,如图所示。
12.按Ctrl+F8组合键,弹出“创建新元件”对话框,输入“名称”为“文字2”,将“类型”设置为“图形”,单击“确定”按钮,如图所示。
           
13.然后在工具箱中选择“文本工具”,在舞台中输入文字,并选中输入的文字,在“属性”面板中将“字符”选项组中的“系列”设置为“黑体”,将“大小”设置为20磅,将“颜”设置为白,如图所示。
14.返回到“场景1”中,单击“新建图层”按钮,新建“图层3”,选择“图层3”的第41帧,在“库”面板中将“文字2”图形元件拖拽到舞台中,然后在“.属性”面板中将“位置大小”的X和Y分-30,117,将“样式”设置为“Alpha”,将Alpha值设置为“20%”,如图所示。
       
15.选择“图层3”的第60帧,按F6插入关键帧,在“属性”面板中将“位置大小”的X和Y分别别设置为134、117,再将“样式”设置为“无”,如图所示。
16.选择“图层3”的第50帧,并单击鼠标右键,从弹出的快捷菜单中选择“创建传统补间”命令,即可创建传统补间动画,如图所示。
17.完成这些动画制作,按Ctrl+Enter组合键测试影片,效果如图所示。
三、案例小结——传统补间动画的应用
在一个关键帧中设置一个文字元件的大小、颜、透明度等属性,然后在另一个关键帧中改变这些属性,在两者之间的帧的值创建传统补间动画。传统补间动画的元素可以是影片剪辑、按钮、图形元件、文字、位图等,但不能是形状。
四、能力扩展
学生回顾上节课学习的内容,并随着教师的讲解,引导出本节课要学习的内容。
此部分主要由老师来讲解,同时学生也配合着老师回答一些常见问题
此时学生应该注意听教师的讲解,因为此处是新知识,同时也应积极回答相应的问题,进行认真的思考
学生听讲,笔记
此部分主要由老师来讲解,同时学生也配合着老师回答一些常见问题
学生认真观看教师操作,并将其记录下来。
学生根据教师要求进行扩展项目练习
课题
5.3  绘制放大文字动画
课时
教学内容
1、运用遮罩层的制作来制作出遮罩与被遮罩的效果
2、运用传统补间动画制作放大镜移动效果
3、制作案例
教学目标
运用遮罩层的制作来制作出遮罩与被遮罩的效果
教学重点
制作放大镜效果
教学难点
案例中出现两个遮罩,只要了解两个遮罩的作用,制作思路便会清晰了