翻书动画制作
10
第一部分: 制作“页”影片剪辑元 件
1、制作“封面” 影片剪辑元件
1-6、字框图层第1帧制作字框大小:
205*45,X轴-102,Y轴-106.2。如图 3所示:
图3 字框制作
11
第一部分: 制作“页”影片剪辑元 件
1、制作“封面” 影片剪辑元件 1-7、字图层第1帧用文本工具写上鸟语花 香(也可写其它)字体:方正小篆体,大 小35。颜色#336600。 1-8、图片图层(动画)第1帧将库中准备 好的荷花动画拖入,放在右下角的位置, 调整后大小。
漂亮的翻书动画制作
目的:使用Flash的遮罩功能制作无脚本 软翻书效果,通过制作软翻书效果来了 解遮罩功能的运用。
1
知识点:遮罩的运用 学习无脚本软翻书前先复习遮罩的知识: 1、遮罩动画的概念 (1)什么是遮罩? “遮罩”:顾名思义就是遮挡住下面的对象。 在Flash8.0中,“遮罩动画”也确实是通过“遮 罩层”来达到有选择地显示位于其下方的“被遮 罩层”中的内容的目地,在一个遮罩动画中, “遮罩层”只有一个,“被遮罩层”可以有任意 个。 (2)遮罩有什么用? 在Flash8.0动画中,“遮罩”主要有2种用途, 一个作用是用在整个场景或一个特定区域,使场 景外的对象或特定区域外的对象不可见,另一个 作用是用来遮罩住某一元件的一部分,从而实现 一些特殊的效果。
4
准备工作:
打开FLASH文档,名称:《软翻书》 文档属性大小:600*450其它默认。 素材准备: 1、准备20张图片,用PS处理成:200*150 像素。 2、准备1张背景图片,PS处理成:600*450 像素。 3、以及封面上的简单的动画。 4、字体:设置自己喜欢的字体。 5、新建位图文件夹,将位图全部导入。
28
第二部分 制作“翻书”影片剪辑元件
1、制作“翻封面”影片剪辑元件
图9 制作高光
29
第二部分 制作“翻书”影片剪辑元件
1、制作“翻封面”影片剪辑元件
1-4、封面图层第1帧将“封面”页影片剪 辑元件放入,X值为0,Y值为-150。第28帧 延长帧,第29帧插入空白关键帧,图层上 锁。 1-5、高光2图层点高光1图片右键复制,点 高光2后点场景右键粘贴到当前位置。第28 帧延长帧,第29帧插入空白关键帧,图层 上锁。
26
第二部分 制作“翻书”影片剪辑元件
1、制作“翻封面”影片剪辑元件
图8 制作翻封面
27
第二部分 制作“翻书”影片剪辑元件
1、制作“翻封面”影片剪辑元件
1-2、页1图层第1帧将库中“页1”影片剪辑 元件拖入,左对齐、垂直中齐,x值:0,Y 值:-150,延长至55帧,上锁。 1-3、光1图层第1帧用矩形工具画一矩形, 无笔触,填充为线性。打开颜色面板,中 间添加一个色码:从左至右的色码依次为: #010101,Alpha值为0,#F9F9F9,Alpha值 为25,#000000,Alpha值为0,矩形大小设 为宽 240高300,X值为0,Y值为-150。设
30
1、制作“翻封面”影片剪辑元件
1-6、遮罩1图层第1帧用矩形工具,笔
触无,填充色随意,画一矩形遮片宽 240高300,X值为0,Y值为-150,右下 角用线条划一斜线去掉小角。如图10 所示:
31
第二部分 制作“翻书”影片剪辑元件
1、制作“翻封面”影片剪辑元件
图10 制作翻封面影片
5
第一部分: 制作“页”影片剪辑元 件
1、制作“封面” 影片剪辑元件,插入新 建元件影片剪辑名为“封面”。 1-1、在图层1上新建六个图层,自下至上分别 是:背景、花边、边线、字框、字、动画(图 片也行)、遮罩7个图层。如图1所示。
6
图1 封面制作
7
第一部分: 制作“页”影片剪辑元件
1、制作“封面” 影片剪辑元件
25
第二部分 制作“翻书”影片剪辑元 件
在制作“翻书”影片剪辑元件前先在库面 板建“页”文件夹,将所有“页”影片剪 辑元件放入文件夹,以便以后做动画时容 易交换元件。 1、制作“翻封面”影片剪辑元件 1-1、插入影片剪辑元件名为“翻封面” 新建8个图层,自下而上分别是:页1、光 1、封面、高光2、遮罩1、首页、遮罩2、 高光3、高光3遮罩共9个图。如图8所示:
19
第一部分: 制作“页”影片剪辑元 件
3-4、遮片图层第1帧用矩形工具画一
3、制作“封底” 影片剪辑元 件
矩形,宽50高60,笔触无,线形填充 左色标:#FFFFFF,Alpha值为0,中色 标:#FFFFFF, Alpha值为100,右色 标:#FFFFFF,Alpha值为0,打开变形 面板旋转为25度。20帧插入关键帧, 第一帧矩形放在字的左边,20帧放在 字的右边,回到 1帧创建形状补间, 所有图层延长到20帧。在遮罩图层右 键设为遮罩。最后效果如图6所示:
37
第二部分 制作“翻书”影片剪辑元件
1、制作“翻封面”影片剪辑元件
图13 制作翻页效果
38
第二部分 制作“翻书”影片剪辑元件
1、制作“翻封面”影片剪辑元件
1-10、第20帧移动“首页”影片剪辑
元件左上角与“封面”影片剪辑元件 的右上角对齐,X值为-52.1,Y值为150,也可打开变形面板,约束打勾, 旋转设为77.4。第40帧“首页”影片 剪辑元件垂直中齐、右对齐,X值为 240,Y值为-150,第55帧延长帧。如 图13所示。
1、制作“翻封面”影片剪辑元件
图12制作效果
36
第二部分 制作“翻书”影片剪辑元件
1、制作“翻封面”影片剪辑元件
1-9、首页图层第一帧将库中“首页”影片剪 辑元件拖入,X值为225,Y值为135,打开 变形工具把“首页”影片剪辑元件的注册 点移到页的右下角,“首页”影片剪辑元 件的左下角与“封面”影片剪辑元件的右 下角交叉摆放,第10、20、40帧插入关键 帧,第10帧移动“首页”影片剪辑元件右 下角与“封面”影片剪辑元件的左下角对 齐,X值为0,Y值为-90。
1、制作“翻封面”影片剪辑元件
1-8、第28帧处用变形工具把遮片调成宽 166.5高392.5,X值为0,Y值为-242.5, 再用线条工具画二条斜线。去掉下部分和 左上部分,选中遮罩1图层创建形状补间, 第55帧延长帧,删除第28帧后的形状补间。 如图12所示:
35
第二部分 制作“翻书”影片剪辑元件
1-2、图层1(背景)第1帧用矩形工具,无 笔触,画一矩形:240*300,颜色: #333300,全居中。 1-3、新建花边图案影片剪辑,图层第1帧画 花边图案,(舞台放大)大小设为 10.8*18.5,颜色:#666600,复制多枚排 列成236*292如图2所示:
8
第一部分: 制作“页”影片剪辑元件
39
第二部分 制作“翻书”影片剪辑元件
1、制作“翻封面”影片剪辑元件
图14制作翻页效果
40
第二部分 制作“翻书”影片剪辑元件
1、制作“翻封面”影片剪辑元件
1-11、遮罩2图层打开标尺,在“页”的底部 和“页”的左面各拖一标尺线,第1帧用矩 形工具,笔触无,画一矩形,笔触无,填 充颜色随意,画一正方矩形大小16*16,X 值为224,Y值为134。放在封面页的右下角 用线条工具斜角对斜角画一直线删除下半 部并删除直线。也可用黑剪头选择工具放 在矩形右下角,待鼠标出现小三角符号时 向上推。如图15所示(左图)。
18
第一部分: 制作“页”影片剪辑元 件
3、制作“封底” 影片剪辑元 件 3-2、签名图层第一帧用文本工具写上自己 的名字和制作日期。字体颜色#999900,字 体大小20 3-3、字图层第1帧用文本工具写上谢谢观 赏(也可写其它),字体颜色#999900,字 体大小35,点第一帧复制帧,点遮罩图层 (第7层)第一帧粘贴帧。
16
2、制作“首页” 影片剪辑 元件
图5 首页效果
17
第一部分: 制作“页”影片剪辑元 件
3、制作“封底” 影片剪辑元 件
3、制作“封底” 影片剪辑元件,将库中 “首页”直接复制改名为“封底”。 3-1、双击进入“封底”编辑场面,自下至 上分别是:背景、花边、图片、字、4个图 层。在图片层上增加签名图层,在字图层 上增加遮片层、遮罩层。最后如下背景、 花边、图片、签名、字、遮片、遮罩7个图 层。
20
第一部分: 制作“页”影片剪辑元 件
图6 封底效果
21
第一部分: 制作“页”影片剪辑元 件
4、制作“页1” 影片剪辑元件
4、制作“页1” 影片剪辑元件,将库中“首 页”直接复制改名为“页1”。 4-1、双击进入“页1”编辑场面,自下至上 分别是:背景、花边、边线、字、4个图层。 4-2、边线图层点第一帧修改—分离,分离 两次,点场景释放鼠标,删除兰花图片, 将库中准备好的位图拖入全居中。
15
第一部分: 制作“页”影片剪辑元 件
2、制作“首页” 影片剪辑 元件
2-3、打开边线图层,选中右边线和下边线
将颜色替换成#999900,选中左边线和上边线 将颜色替换成#FFFFFF。将库中兰花图拖入场 景,调整后大小、位置。点中第1帧,修改— 组合,点图片转换为图片元件名为图片,将 边线图层改为图片,最后效果如图5所示:
2
2、创建遮罩的方法 (1)创建遮罩 在Flash8.0中没有一个专门的按钮来创建 遮罩层,遮罩层其实是由普通图层转化的。 只要在要某个图层上单击右键,在弹出菜 单中把“遮罩”前打个勾,该图层就会生 成遮罩层,“层图标”就会从普通层图标 变为遮罩层图标,系统会自动把遮罩层下 面的一层关联为“被遮罩层”,在缩进的同 时图标变为,如果想关联更多层被遮罩, 只要把这些层拖到被遮罩层下面就行了。 ,线条。
图2 花边制作