当前位置

首页 > 游戏数码 > 电脑 > 图解制作flash翻书效果

图解制作flash翻书效果

推荐人: 来源: 常识咖 阅读: 2.64W 次

利用flash制作好看的翻书效果

操作方法

(01)新建一个Flash文档(属性可以自由设置).

图解制作flash翻书效果

(02)导入第一个书页(可以自己画,这里举例用),点击右键,弹出快捷菜单,选择“分离”

图解制作flash翻书效果 第2张

(03)然后选择第10帧,点击右键,弹出快捷菜单,选择“插入关键帧”,用任意变形工具把图片缩放为下图的样子,主要是变窄(注意图片左侧圆圈一定移到最左侧,不然变形会乱)

图解制作flash翻书效果 第3张

(04)选择第11帧,点击右键,弹出快捷菜单,选择“插入帧”,(也可以不要,这里主要是停顿一下)再选择第12帧,点击右键,弹出快捷菜单,选择“插入空白关键帧”,用矩形工具画一个导入的图片一般大的图形(最好是复制第1帧,把颜色填充为灰色,这样方便),注意这个图形右侧是对应第1帧的左侧的,因为是翻页过来的,相信大家明白的。

图解制作flash翻书效果 第4张

(05)选择第20帧,点击右键,弹出快捷菜单,选择“插入关键帧”,再回到第12帧,把这个灰色图形用任意变形工具把图片缩放一下,和第11帧刚好相反。最后把第1——11帧,第12——20帧分别加上形状动画。

图解制作flash翻书效果 第5张

(06)基本上第一页翻页效果做出来了,新建图层2,在第25帧时,导入第二张图片,后面的都是重复之面的操作,这里不在重复了

图解制作flash翻书效果 第6张

(07)第二页做完就是这样了,大家会发现把图层1的帧数保持和图层2一致了,而且新建了图层3并置为图层1下面,导入了第二张图片在第1——24帧作为了背景,放在图层2显示之前,这是为了效果更真实,这里就先介绍到这,以此类推,后面可以做更多的页数。

图解制作flash翻书效果 第7张

(08)为了有封底,在这里又补充了图层4,并置为图层3下面,最后效果就出来了

图解制作flash翻书效果 第8张

特别提示

翻书的书页具体效果大家还是可以继续调整的,以求更逼真