第四章 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、制作案例 | |||
教学目标 | 运用遮罩层的制作来制作出遮罩与被遮罩的效果 | |||
教学重点 | 制作放大镜效果 | |||
教学难点 | 案例中出现两个遮罩,只要了解两个遮罩的作用,制作思路便会清晰了 | |||
电子教案-《Flash CC动画设计与制作》-A06-2765 第五章 Flash CC文本特效设计
本文发布于:2024-11-22 20:02:54,感谢您对本站的认可!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
发布评论