flash翻书效果模板

《flash翻书效果模板》由会员分享，可在线阅读，更多相关《flash翻书效果模板（12页珍藏版）》请在金锄头文库上搜索。

1、flashflash 翻书效果模板翻书效果模板篇一：Flash 翻书动画效果本教程向大家介绍利用 Flash 翻书动画效果的个性相册，制作出来的相册效果非常漂亮，教程不是很难，转发过来，喜欢的朋友可以跟着一起来制作！ 自己的数码照片是越来越多了，当然，网上也有很多相册网站，也有很漂亮的展示效果，但是我们还是喜欢自己 DIY 一款相册，放到自己的网站，展示自己的照片，也表现自己的才能，下面就来看看用 Flash 如何制作相册。效果演示： Flash 效果 制作过程： 1.打开 FLASH,新建一个空白文档(550, 400) 选择文件,导入,导入到库导入事先准备好的图片(我这里导入了 8 张图

2、)图 1 然后把各图转换成图形元件 具体方法是 Ctrl+l 打开库用鼠标按住要转换的图拖到舞台中再按 F8 转换成图形元件,(其它几个图一样操作) 图 2补充一下转换元件的时候把注册点调到中间那里 图 3 2.按 Ctrl+l 打开库面板点元件 1(元件 1 就是刚转换的图形元件 :呵没有改名你可以随便点一张图)按住鼠标不放拖到舞台中,并调整图的大小及坐标(我这里大小是宽 200高 300 坐标 x=300,y=50图 4 3.在主场景插入一个图层 2 并锁定图层 1。 4.按 Ctrl+l 打开库把元件 2 拖到舞台中(图层 2)。调整:宽=200 ,高=300, x=100,y=50 如

3、下图所示:并在 240帧处按 F5 插入帧 图 55.锁定图层 2,并新建图层 3 , 按 Ctrl+l 打开库把元件 3 拖入图层 3。调整宽=200,高=300, x =300,y=50 6.点图层 3 的第一帧再点舞台上的图形元件, 再按 Q键把旋转中心点调到左边的边上如图所示： 图 6 7.在图层 3 的 30 帧处按 F6 插入关键帧点 30 帧处的图再按 Ctrl+T 打开变形面板 点倾斜一栏的第二个框输入-90 再按回车键 如下图所示： 图 78.在图层 3 的 1-30 帧中间的间任意一帧处点右键创建补间动画 图 8 9.新建一个图层 4 在 30 帧处按 F7 创建一个空白关

4、键帧,按 Ctrl+l 打开库面板拖入元件 4 并调整大小和坐标和元件 2 一样如图： 10.点图层 4 的 30 帧再点舞台上的元件 4,按 Q 键调整旋转中心点到右边。 图 9 11.在图层 4 的 60 帧处按 F6 插入关键帧，再回到 30帧处按 Ctrl+T 键跳出变形面板，点下面的倾斜的第二个框输入 89 按回车如下图所示： 图 1012.在图层 4 的 30-60 帧中间按右键创建补动间动画。13.在图层 1 的 60 帧处按 F7 插入空白关键帧再按Ctrl+l 打开库面板拖入元件 7(这里随便可以是别的图)并调整大小及坐标,宽=200,高 =300,x=300,y=50(作用

5、是当上一张图翻上去的时候可以看这张图)。 14.再在图层 4 上新建一个图层 5 在 60 帧处按 F7,再按 Ctrl+l 打开库拖入元件 1(就是图层 1 第一帧的那张图)再按照图层 3 和图层 4 的方法制作剩下的图片。 15.如果要加入按钮的话可以新建一个图层点窗口-公用库-按钮里面拖入几个按钮。 图 11 再选中一个按钮双击进入按钮的编辑窗口更改文字当然不改也行(自己制作也行)在属性里面改成可读性消除锯齿。 篇二：flash 翻页效果flash 翻页效果 上面这个示例稍微大了一点，所以如果网速比较慢的话还请大家稍稍多等一会儿，因为幸运鸟花了五个多小时才把它做好，不看是有点可惜（是我感

6、到可惜，呵呵） 。花了这么长的时间是因为一来幸运鸟技术还不太熟练，许多地方改动过十几次；二来在做的过程中一直在构思还要做些什么内容，希望能有创意一点。由于这一章是 Flash 的进阶教程，因此幸运鸟尽量先不使用 Actions 编程这样高级的 Flash 技术。 这一章中，我们主要学习如何运用简单的 Flash 基本操作来实现比较逼真的各类效果，以上的书本翻页效果就是典型的例子，在这个示例中，用到的技术只不过是最简单的形体渐变和运动渐变，但我们看到最后生成的效果还是比较真实的。好了，下面我就把制作的方法给大家详细介绍一下。 首先，新建一个文件，把背景色设为黑色。 接着来制作书本的封面和封底，这

7、个大家都会做，就是简单的矩形，我就不多说了。如果想让封面和封底看上去有点厚度，可以在封面的上边和右边加上两条颜色稍有不同的细线就行了。对封底来说，细线应该在上边和左边。另外我们注意到封面和封底的内侧（封三）一样，封底和封面的内侧（封二）一样，所以只需要做成一个图符，我们在这里把封底做成图符起名为 frontcoverinside，也就是封二，需要用到封三的时候只需水平翻转即可。 不过这样做出来的只是非常简易的封皮，我们还可以给封皮上加些图案和文字，注意添加图案文字最好新建几个层放置，这样便于修改。为了实现流畅的翻页（变形）效果，我们需要把加工过的封面和封底分别单独做成图符front cover

8、 和 back cover，见下图，在这里要说明的是请大家注意十字定位符的位置，因为它将是对象变形的中心点。 现在按 Ctrl-F8 新建一个电影片断类图符 page flip，我们将把所有的翻页效果都做在这个图符中。 新建若干层备用，这一次我们把层的顺序自下而上排列，最下面的层是第 1 层。我们先简要介绍一下层的分布关系。 在最下面的第 1 层应该放书本的封底（封三） ，起名为 back cover static，封底一直仅位于最下层直到它最后翻起合上。 第 2 层起名为 front cover static，我们放上封面以及封面打开后（封二）的静止状态，封面位于较下面的层是因为封面一旦打开

9、就会被内页遮住。下面的图会给我们一个层分布的初步概念。 在最开始书本是合上的， 所以我们把图符 front cover 拖出来放好。第 3 层名为 page flip over，用来放置内页翻开后其背面的静止画面，如下图所示当第 1 页完全打开后，这一层的相应帧上就会放置粉红色的页面静止图案，这一层在开始的若干帧中暂时不放任何内容。 第 4 层名为 pages，用来放置页面翻开时静止的内页正面画面，如下图所示浅灰色的第 2 页。这一层在封面一开始翻页就必须把内页画面放好。第 3 层和第 4 层的内容一个在左一个在右，互不遮盖，所以这两层的顺序无关紧要。 第 5 层至第 12 层放置内页翻开的动

10、画。所以这一层的内容最为关键和重要，我们一会儿重点介绍这一层的制作。 第 13 层 front cover animation 放封面打开的动画，这一层相对较高，因为在封面翻开的过程中会遮住部分内页。 第 14 层 back cover animation 用来放置封底的动画。第 13 层和第 14 层动画不会同时发生，所以这两层的相对位置无所谓。 好了，所有的层关系都明确了，下面我们就要开始动手做了。 在第 2 层 front cover static 的第 10 帧按 F5 键，书本的封面图案将保持静止直到第 10 帧，从 第 11 帧开始书本翻页。在第 11 帧按 F7 插入空帧。选中封

11、面，按 Ctrl-C 复制。 从第 11 帧开始封面翻开，同时内页和封三显示出来，所以有三个层从这一帧开始要添加内 容。先看封面翻开的动画，在第 13 层 front cover animation 的第 11 帧按 F6 插入关键帧，按 Ctrl+Shift-V 把刚才复制的内容粘贴回原处。在第39 帧按 F6 插入关键帧，如下图所示，对 封面实例进行先旋转再放缩的操作，注意两次操作只会用到右边中间的手柄，最后得到下面 右图所示的形状。 在第 40 帧按 F7 插入空帧，在第 75 帧按 F6 插入关键帧。从图库中把frontcoverinside 图符拖出来放好，要求它的右边与第 11帧中

12、封面的左边正好重合，这个图符用作封二的静止画面。选中它按 Ctrl-C 复制，回到第 40 帧，按 Ctrl+Shift-V 粘贴，然后同样做旋转和放缩，见下图。 下面的右图是第 40帧做好后的样子。现在分别把第 11 帧和第 40 帧帧属性设为运动渐变。 在第 1 层 back cover static 的第 11 帧按 F6 插入关键帧，把 backcover 图符拖进来放好，并在第 314 帧按F5 键，这一层是封三所在层，会长时间保持静止。 书本内页层也就是第 4 层的第 11 帧内容我们过一会儿再做。 为了保持画面的衔接，在第 2 层的第 71 帧按 F6 插入关键帧，并把第 1 帧

13、的内容拷贝到这一帧上，在第 374 帧上按 F5 键。 现在封面的动画基本上完成了，下面我们来做内页的动画。 在第 5 层 page animation 的第 75，85，102，113帧分别按 F6 插入关键帧。在第 75 帧我们画一个不带边线的浅灰色矩形，见下面左图，要求它的大小比封面小一圈，并把它移到与封三左边重合的位置上。 然后把这 一帧的内容分别拷到第 85，102 和 113 帧上，再把这三帧用箭头工具分别修改成下图中右面三个图所示形状。现在在第 75 帧，85 帧和 102 帧再分别设置形体渐变。这样我们把内页翻到一半时的动画做好了。同样方法，在第 114，125，142 和 1

14、52 帧分别按 F7 插入空帧。分别把刚才做好的第 113，102，85 和 75 帧的内容拷贝到对应帧上，再对每个对象做水平翻转，然后把位置调整好就行了。最后分别把第 114，125 和第 142 帧的属性改为形体渐变，一个内页完整的动画就做好了。 为了增加效果，我们为每一页上再添上一些格子。为了不至于产生意想不到的变形效果，我们把每一条格子线单独放在一层中，也就是说这七条线将占据第 6 至第 12 层。接着依次在页面相应的关键帧中把这些线条用箭头工具拉成下图所示的形状。最后一个图中好象线条看不见了，但实际上它们是存在的。最后同样把相应帧设置为形体渐变就行了。因为每一页的背面我们不画格子线，

15、所以页面翻过去以后把相应帧设置为空帧即可。 现在我们就把内页的动画全部做好了，把上面左图中所示的页面保存 为图符 page，然后把它放在第 4 层 pages 的第 11 帧上。在一页完全翻过去后，我们还需要做页面背面的静止画面。所以在第 3 层 page flip over 的第 153 帧按 F6 插入关键帧。并把第 5 层上的不带格子线的页面拷贝到第 3层的这一帧上，再水平翻转到下图所示位置。 其他内页的动画也如法炮制，最后的封底动画和封面动面恰好相反，但手法相同，大家不妨自己做做看。在这个示例中，比较关键的问题是对页面各关键帧的变形控制以及每一层的位置关系和内容安排，希望大家做的时候多

16、思考。 这里 是这个示例的源文件。篇三：FLASH 动画翻页效果的制作FLASH 动画翻页效果的制作 安阳市第十四中学 秦长喜 本节主要是通过翻页效果实例练习任意变形工具的使用方法，以及 Flash 的基本动画的制作方法。希望能对同学的所帮助。 、起动 FLASH 。 、设置舞台尺寸：双击图中红圈内的部分，如图，出现“文档属性”面板（舞台尺寸设置面板） ，如图。 图 图 设置：尺寸为，背景颜色设为黑色，其它为默认，点“确定” 。 3、 点“视图”“标尺” 。并把两根标尺横杆分别拖到纵轴的和处，三根标尺竖杆 分别拖到，和处，如图。 图 4、点“插入”-“新建元件”在“名称”栏中写入图片的名称，便于记住是什么图片（在这里我写 1） 。在“行为”选项中可以点选“影片剪辑” ，也可以点选“图形”。在这里我点选“图形” 。如图四。最后点“确定” 。 图 四 5、点“文件”-“导入”-“导入到舞台” ，出现“导入面板” ，选择你要导入的图片到舞台中，下面再对图片进行编辑。 6、如