当前位置:首页 >> IT/计算机 >> Flash动画制作期末作品设计说明书

Flash动画制作期末作品设计说明书


河南理工大学
Flash 动画制作
作品设计说明文档
2011 — 2012 学年第 1 学期

课程名称 设计题目 学生姓名 学 号

Flash 动画制作(公选课) 翻转相册的制作 张傲林 311007070131 土木单招 1001 班 15538987727 赵 英 刚

专业班级 联系电话 指导教师

2011



11



18



1、 作品主题思想 利用 flash3 制作翻转相册 2、作品总体设计方案及制作思路 、 了解和掌握形状补间的设置运用,翻页实例切换, 按钮制作与指令的添加,进而制作出翻页效果的个性 相册。 3、主要技术的运用、关键问题的解决 、主要技术的运用、 形状补间的设置运用, 翻页实例切换, 按钮制作与 指令的添加,进而制作出翻页效果的个性相册。 4、作品制作完成后的总结与感受 、作品制作完成后的总结与感受 制作完成后的总结 制作不是很熟练, 有些步骤不能够独立操作学要上 网查找相关资料和视频才能完成。 5、学习完本门课程后你的意见和建议 学习完本门课程后你的意见和建议 你的意见和 老师上课生动、精彩、有吸引力,希望可以在多媒 体教室进行教学,让学生可以当时就时间加深映像。 6、教师成绩评定

教师评语: 教师评语

评阅教师签名:







翻页相册的制作原理与方法
制作目的 制作目的:通过了解和掌握形状补间的设置运用,翻页实例 目的 切换,按钮制作与指令的添加,进而制作出翻页效果的个性 相册。 制作方法:利用动画制作基础和对属性面板、动作面板及工 制作方法 具箱有所了解的朋友们编制的, 制作要点: 制作要点:形状补间,实例转换,按钮及 as 指令的添加。 要点 作前准备 准备一张封面,封底和十张照片,规格均为 200*300。经过制图软件(ps、fw)处理后,放置在指定的 文件夹中待用。

制作步骤
1.启动 FLASH3 软件 启动 2.确立文档属性 2.确立文档属性 设置动画尺寸为 500*400,帧频为 12, 背景颜色随意,其它默认,点击确定,进入场景 1。 3.导入图片(照片) 选择“文件-导入-导入到舞台”, .导入图片(照片) 导入已准备好的封面、封底和十张照片,规格 200*300,全 居中,并将其转换为图形元件。命名为 1-12

4.创建影片剪辑 . (1)制作按钮 选择“插入-新建元件”,建立一个名为“按钮” 的按钮元件,点击确定,进入元件编辑区。 选择弹起帧,插入空白关键帧,用文本工具在舞台键入 play,颜色 红色,字体、规格随意。全居中。在指针经过帧插入关键帧,将该帧上 的实例改为蓝色。在按下帧插入关键帧,将该帧上的实例改为白色。在 点击帧插入关键帧, 用矩形工具拖一个无边线的矩形, 规格以覆盖 play 为准,颜色随意。全居中。如图 1 所示:

图1 (2)制作翻页 选择“插入-新建元件”,建立一个名为“翻页”的影 片剪辑,点击确定,进入元件编辑区。添加四个图层,共五个图层,自 下而上分别命名为左图、右图、切换、按钮、as。 A.实例切换(这部分是重点) A.实例切换(这部分是重点) 实例切换

a)选择切换图层第一帧,从库中拖出封面图形元件 1 到舞台,放置在 场景的左侧。摆放位置(坐标)x:0;y:150.如图 2 所示:

图2 选择“修改-变形”将其打散,用任意变形工具选中该实例,并将其注册 点移到左中。如图 3 所示:

图3 在第 30 帧插入关键帧,将鼠标放到右边中间移动变形小方块上,向左 推;然后在将鼠标放到两个移动变形块中间,出现箭头后,向上推。点 击第 1 帧,在属性面板上创建本区域间的形状补间。如图 4 所示:

图4 (b)在第 31 帧插入空白关键帧,从库中拖出图形元件 2,放到舞台 左侧,位置标;x:200;y:-150.并将其打散,将注册点移到右中。如图 5 所示:

图5 在第 60 帧插入关键帧。然后,选中第 31 帧上的实例(图形元件 2), 将该实例推到,如图 6 所示:

图6 点击第 31 帧,创建本区域间的形状补间。

(c)选择右图图层第一帧,从库中拖出图形元件 3 到舞台,位置坐 标:x:0;y:-150(和图形元件 1,即封面同)。在第 60 帧插入关键帧, 并复制该帧,再在切换图层第 61 帧插入空白关键帧,粘贴帧。 〔到此,第一组照片切换,即第 1、2 页翻页完成。一下各组原理操作 基本相同,所不同的是需要将本组右图图层上的实例,按原位置粘贴到 左图图层的在该组的起始帧上。做法见(d)〕

(d)右键右图图层第 1 帧,复制帧,再选择左图图层第 61 帧,插入 空白关键帧,粘贴帧。 目的是让图形元件 2 在本组左边原来位置继续 (目的是让图形元件 显示) 显示 (e)选中切换图层第 61 上的实例(图形元件 3),点击“修改-变形” 将其打散,用任意变形工具选中该实例,并将其注册点移到左中。如图 7 所示:

图7 在第 90 帧插入关键帧,将鼠标放到右边中间移动小方块上,向左推; 然后在将鼠标放到左侧两个移动变形块中间,出现箭头后,向上推。点 击第 61 帧,在属性面板上创建本区域间的形状补间。如图 8 所示:

图8 (f)选择右图图层第 61 帧插入空白关键帧,从库中拖出图形元件 4 到舞台,位置坐标 x:0;y-150.在第 120 帧插入关键帧。 (g)同理,其它图形元件(照片、封底),分别依次按以上操作完成。 封底(图形元件 12)完成翻转到第 360 帧,为了让其静止一段时间,在 第 400 帧插入帧。又因为封底翻转过程中,右边没有实例,所以在右图 图层第 301 插入空白关键帧,并在第 400 帧插入帧。其它各图层延长的 到第 400 帧,并锁定这三个图层。 *每 60 帧完成一组两个照片的翻页切换,有三张照片进入场景。其 每 帧完成一组两个照片的翻页切换,有三张照片进入场景。 时间轴显示,如图 9 所示:

图9 (图中红色阿拉伯数字为该帧上的图形元件名称)

B.添加按钮 选择按钮图层第一帧, 从库中拖出按钮元件到舞台, 放到翻页相册的 下方,垂直中齐。如图 10 所示:

图 10 点击该按钮,按 f9,打开动作面板,在 as 编辑区输入如下指令: on (press) { play(); } 在第 2 帧插入空白关键帧, 用文本工具键入相关内容 (迎客松欢迎您) 。 并将其放置到翻页相册的下方,垂直中齐。如图 11 所示:

图 11 点击该实例, 在属性面板设置相关页面的地址链接。 在第 400 帧插入帧。 如图 12 所示:

图 12 C.添加停止指令 选择 as 图层第一帧,右键该空白关键帧,按 f9 打开动作面板,在 as 编辑区输入停止在该帧的指令:stop(); 本环节完成后的时间轴起始部分,如图 13 所示

图 13 5.组织编辑场景 返回场景 1,添加两个图层,共三个图层。自下而 . 上命名为背景、边框、翻页。 (1) 选择背景图层第一帧,导入或制作一个背景,或添加相关装 饰。上锁。

(2) 选择边框图层第一帧,导入或制作一个边框,全居中。上锁。 (3) 选择翻页图层第一帧,从库中拖出翻页影片剪辑,放置在舞 台左侧适当位置。上锁。 场景编辑完后的实例显示,如图 14 所示:

图 14

6.该作业完成后的时间轴如图 15 所示: 该作业完成后的时间轴如图 所示:

图 15

7.测试存盘 测试存盘

*说明: 说明: 说明 1.翻页相册可谓丰富多彩,五花八门。本教程只是择其一例,从基本 翻页相册可谓丰富多彩,五花八门。本教程只是择其一例, 翻页相册可谓丰富多彩 原理和制作过程赘述一下,就算是抛砖引玉的吧。 原理和制作过程赘述一下,就算是抛砖引玉的吧。 2.你在制作中也可以不设置按钮,打开动画自动翻页。 你在制作中也可以不设置按钮,打开动画自动翻页。 你在制作中也可以不设置按钮


赞助商链接
更多相关文档:

Flash动画制作期末作品设计说明书

Flash动画制作期末作品设计说明书_工学_高等教育_教育专区 暂无评价|0人阅读|0次下载|举报文档 Flash动画制作期末作品设计说明书_工学_高等教育_教育专区。河南理工...

Flash动画制作期末作品设计说明书

Flash动画制作期末作品设计说明书_IT/计算机_专业资料。flash河南理工大学 Flash 动画制作作品设计说明文档 2011 — 2012 学年第 1 学期 课程名称 设计题目 学生姓名...

Flash动画制作期末作品设计说明书

flash动画毕业论文 16页 5财富值如要投诉违规内容,请到百度文库投诉中心;如要提出功能问题或意见建议,请点击此处进行反馈。 Flash动画制作期末作品设计说明书 隐藏>>...

Flash动画制作期末作品设计说明书

河南理工大学 Flash 动画制作作品设计说明文档 2011 — 2012 学年第 1 学期 课程名称 设计题目 学生姓名 学号 Flash 动画制作(公选课) 倒计时制作 张军杰 ...

Flash动画制作期末作品设计说明书

河南理工大学 Flash 动画制作作品设计说明文档 2011 — 2012 学年第 1 学期 课程名称 设计题目 学生姓名 学号 Flash 动画制作 (公选课—第二轮) 专业班级 联系...

Flash动画制作期末作品设计说明书

F​l​a​s​h​动​画​制​作​ ​​作​品​设​计​说​明​文​档河南理工大学 Flash 动画制作作品设计说明文档 2011 —...

flash设计说明书

flash设计说明书论文 18页 5财富值 基于Flash 8的课件制作设计... 35页 2财富值 Flash动画“MV黄昏”设计说... 8页 1财富值 Flash动画制作期末作品设计......

Flash动画毕业设计说明5682564_图文

Flash动画毕业设计说明5682564_工学_高等教育_教育专区。毕业论文,单片机论文,毕业论文设计,毕业过关论文,毕业设计,课程设计,硕士论文,研究生论文 ...

万方学院Flash期末作品设计说明书

万方科技学院 Flash 动画制作期末作品设计说明文档 2010 — 2011 学年第 二 学期 课程名称 设计题目 学生姓名 学号 Flash 动画制作(公选课) 简单的日子 刘学朋 ...

期末复习指导(Flash动画制作)

期末复习指导(Flash动画制作)_工学_高等教育_教育专区。第一部分 课程考核说明一...2.掌握将文本制作成为一个遮罩动画 第三部分 操作练习题一.创作动画作品,要求...

更多相关标签:
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com