项目4网页横幅广告
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
18
踏实，奋斗，坚持，专业，努力成就 未来。2 0.11.2920.11.29Sunda y, November 29, 2020
弄虚作假要不得，踏实肯干第一名。1 7:04:3417:04:3 417:041 1/29/2020 5:04:34 PM
安全象只弓，不拉它就松，要想保安 全，常 把弓弦 绷。20. 11.2917: 04:3417 :04Nov -2029- Nov-20
追求卓越，让自己更好，向上而生。2 020年1 1月29日星期 日下午5 时4分3 4秒17:04:3420. 11.29
严格把控质量关，让生产更加有保障 。2020年11月 下午5时 4分20.1 1.2917: 04Nove mber 29, 2020
重规矩，严要求，少危险。2020年11 月29日 星期日5 时4分3 4秒17:04:3429 November 2020
好的事情马上就会到来，一切都是最 好的安 排。下 午5时4分34秒 下午5时 4分17: 04:3420.11.29
每天都是美好的一天，新的一天开启 。20.11. 2920.11. 2917:0417:04:3 417:04: 34Nov- 20
务实，奋斗，成就，成功。2020年11 月29日 星期日5 时4分3 4秒Sun day, November 29, 2020
为“形状补间动画”。
5
三、相关理论
动画的元素
形状补间动画可以实现两个图形之间颜色、形状 、大小、位置的相互变化。
其变形的灵活性介于逐帧动画和动作补间动画二 者之间。
如果使用图形元件、按钮、文字，则必须先“分 离”才能创建变形动画。
6
三、相关理论
形状补间动画在时间轴上表现
形状补间动画建好后，时间帧面板的背景色变 为淡绿色，在起始帧和结束帧之间有一个长长 的箭头。
项目4：网页横幅广告
制作群：Flash动画制作课程组
1
一、教学目标
掌握形状补间动画制作 掌握动作补间动画制作 掌握动画制作技巧
2
二、演示案例分析— 网页横幅广告
效果展示： 制作网页横幅广告
案例分析： 运用动画补间制作透明 度的变化。 运用动画补间制作文字 放大效果。 运用滤镜制作文字的发 光和模糊。
3
三、相关理论
形状补间动画
• 通过补间形状，可以创建类似于形变的效果， 使一个形状看起来随着时间变成另一个形状。
• 运用它可以制作出各种奇妙的变形效果。
4
三、相关理论
形状补间动画制作原理
在一个关键帧中绘制一个形状。 在另一个关键帧中更改该形状或绘制另一个形
状。 Flash根据二者之间的形状来创建的动画被称
三、相关理论
形状补间动画制作方法
在动画开始处创建或选择一个关键帧，并设置要 开始变形的形状。
在动画结束处创建或选择一个关键帧并设置要变 成的形状。
再单击开始帧，在【属性】面板上单击【补间】 旁边的小三角，选择【形状】。
8
三、相关理论
动作补间动画概念
在一个关键帧上放置一个元件。 在另一个关键帧改变这个元件的大小、颜色、
【背景颜色】为黑色 将准备好的背景图片导入到舞台
调整图片的大小和位置 选中第100帧，按F5键添加普通帧
15
五、操作步骤
创建影片文档
创建“第”字的图形元件。 为“第”字图形元件添加滤镜效果。 重复上面两个步骤，分别创建“29”、“届”、“
奥”、“运”、“会”几个图形元件，并为它们 添加滤镜效果。 创建“北京2008”元件，并设置发光滤镜效果。 创建“方块”元件。
位置、透明度等。 Flash根据二者之间的帧创建的动画被称为动
作补间动画。
9
三、相关理论
动作补间动画的构成要素
构成动作补间动画的元素是元件。
包括影片剪辑、图形元件、按钮、文字、位图、组 合等，但不能是形状。
只有把形状“组合”或者转换成“元件”后才可 以做“动作补间动画”。
10
三、相关理论
重于泰山，轻于鸿毛。17:04:3417:04:3 417:04S unday, November 29, 2020
不可麻痹大意，要防微杜渐。20.11.2920.11.2917:04:3 417:04: 34Nove mber 29, 2020
加强自身建设，增强个人的休养。202 0年11 月29日 下午5时 4分20.1 1.2920. 11.29
12
三、相关理论
帧面板属性
【缓动】选项 【旋转】选项 【调整到路径】
【同步】复选框 【对齐】选项
13
四、演示案例制作—网页横幅广告
操作步骤： 1.制作页面背景 2.创建元件，准备素材 3.创建文字出场动画 4.创建方块出场动画 5.测试影片、保存文件
五、操作步骤
创建影片文档
新建一个Flash文档 文件大小为930×140像素
动作补间动画在时间轴上表现
动作补间动画建立后，时间帧面板的背景色变为 淡紫色，在起始帧和结束帧之间有一个长长的箭 头。
11
三、相关理论
动作补间动画创建方法
在动画开始处创建或选择一个关键帧并设置一个 元件。
在动画结束处创建或选择一个关键帧并设置该元 件的属性。
再单击开始帧，用右键单击帧，在弹出的菜单中 选择【创建补间动画】。
16
五、操作步骤
创建影片文档
本实例中文字的动画效果： “第29届奥运会”从上向下，渐变进入。
然后一组方块从右到左依次出现又隐没，同时 “北京2008”一组字以同样的方式移动到舞台 中央，上面的“第29届奥运会”渐渐变大变淡 直至消失。
17
六、实训目标
动作补间动画所需素材类型为哪些？ 动作补间动画都能实现哪些动画效果？
抓住每一次机会不能轻易流失，这样 我们才 能真正 强大。2 0.11.292020年 11月29日星期 日5时4分34秒2 0.11.29
谢谢大家！
踏实，奋斗，坚持，专业，努力成就 未来。2 0.11.2920.11.29Sunda y, November 29, 2020
弄虚作假要不得，踏实肯干第一名。1 7:04:3417:04:3 417:041 1/29/2020 5:04:34 PM
安全象只弓，不拉它就松，要想保安 全，常 把弓弦 绷。20. 11.2917: 04:3417 :04Nov -2029- Nov-20
追求卓越，让自己更好，向上而生。2 020年1 1月29日星期 日下午5 时4分3 4秒17:04:3420. 11.29
严格把控质量关，让生产更加有保障 。2020年11月 下午5时 4分20.1 1.2917: 04Nove mber 29, 2020
重规矩，严要求，少危险。2020年11 月29日 星期日5 时4分3 4秒17:04:3429 November 2020
好的事情马上就会到来，一切都是最 好的安 排。下 午5时4分34秒 下午5时 4分17: 04:3420.11.29
每天都是美好的一天，新的一天开启 。20.11. 2920.11. 2917:0417:04:3 417:04: 34Nov- 20
务实，奋斗，成就，成功。2020年11 月29日 星期日5 时4分3 4秒Sun day, November 29, 2020
为“形状补间动画”。
5
三、相关理论
动画的元素
形状补间动画可以实现两个图形之间颜色、形状 、大小、位置的相互变化。
其变形的灵活性介于逐帧动画和动作补间动画二 者之间。
如果使用图形元件、按钮、文字，则必须先“分 离”才能创建变形动画。
6
三、相关理论
形状补间动画在时间轴上表现
形状补间动画建好后，时间帧面板的背景色变 为淡绿色，在起始帧和结束帧之间有一个长长 的箭头。
项目4：网页横幅广告
制作群：Flash动画制作课程组
1
一、教学目标
掌握形状补间动画制作 掌握动作补间动画制作 掌握动画制作技巧
2
二、演示案例分析— 网页横幅广告
效果展示： 制作网页横幅广告
案例分析： 运用动画补间制作透明 度的变化。 运用动画补间制作文字 放大效果。 运用滤镜制作文字的发 光和模糊。
3
三、相关理论
形状补间动画
• 通过补间形状，可以创建类似于形变的效果， 使一个形状看起来随着时间变成另一个形状。
• 运用它可以制作出各种奇妙的变形效果。
4
三、相关理论
形状补间动画制作原理
在一个关键帧中绘制一个形状。 在另一个关键帧中更改该形状或绘制另一个形
状。 Flash根据二者之间的形状来创建的动画被称
三、相关理论
形状补间动画制作方法
在动画开始处创建或选择一个关键帧，并设置要 开始变形的形状。
在动画结束处创建或选择一个关键帧并设置要变 成的形状。
再单击开始帧，在【属性】面板上单击【补间】 旁边的小三角，选择【形状】。
8
三、相关理论
动作补间动画概念
在一个关键帧上放置一个元件。 在另一个关键帧改变这个元件的大小、颜色、
【背景颜色】为黑色 将准备好的背景图片导入到舞台
调整图片的大小和位置 选中第100帧，按F5键添加普通帧
15
五、操作步骤
创建影片文档
创建“第”字的图形元件。 为“第”字图形元件添加滤镜效果。 重复上面两个步骤，分别创建“29”、“届”、“
奥”、“运”、“会”几个图形元件，并为它们 添加滤镜效果。 创建“北京2008”元件，并设置发光滤镜效果。 创建“方块”元件。
位置、透明度等。 Flash根据二者之间的帧创建的动画被称为动
作补间动画。
9
三、相关理论
动作补间动画的构成要素
构成动作补间动画的元素是元件。
包括影片剪辑、图形元件、按钮、文字、位图、组 合等，但不能是形状。
只有把形状“组合”或者转换成“元件”后才可 以做“动作补间动画”。
10
三、相关理论
重于泰山，轻于鸿毛。17:04:3417:04:3 417:04S unday, November 29, 2020
不可麻痹大意，要防微杜渐。20.11.2920.11.2917:04:3 417:04: 34Nove mber 29, 2020
加强自身建设，增强个人的休养。202 0年11 月29日 下午5时 4分20.1 1.2920. 11.29
12
三、相关理论
帧面板属性
【缓动】选项 【旋转】选项 【调整到路径】
【同步】复选框 【对齐】选项
13
四、演示案例制作—网页横幅广告
操作步骤： 1.制作页面背景 2.创建元件，准备素材 3.创建文字出场动画 4.创建方块出场动画 5.测试影片、保存文件
五、操作步骤
创建影片文档
新建一个Flash文档 文件大小为930×140像素
动作补间动画在时间轴上表现
动作补间动画建立后，时间帧面板的背景色变为 淡紫色，在起始帧和结束帧之间有一个长长的箭 头。
11
三、相关理论
动作补间动画创建方法
在动画开始处创建或选择一个关键帧并设置一个 元件。
在动画结束处创建或选择一个关键帧并设置该元 件的属性。
再单击开始帧，用右键单击帧，在弹出的菜单中 选择【创建补间动画】。
16
五、操作步骤
创建影片文档
本实例中文字的动画效果： “第29届奥运会”从上向下，渐变进入。
然后一组方块从右到左依次出现又隐没，同时 “北京2008”一组字以同样的方式移动到舞台 中央，上面的“第29届奥运会”渐渐变大变淡 直至消失。
17
六、实训目标
动作补间动画所需素材类型为哪些？ 动作补间动画都能实现哪些动画效果？
抓住每一次机会不能轻易流失，这样 我们才 能真正 强大。2 0.11.292020年 11月29日星期 日5时4分34秒2 0.11.29
谢谢大家！