flash自学实例翻书效果

合集下载

【精品】用flash做翻书效果

【精品】用flash做翻书效果

第一部分制作“页”影片剪辑元件1、制作“封面”影片剪辑元件,插入新建元件影片剪辑名为“封面”1—1、在图层1上新建六个图层,自下至上分别是:背景、花边、边线、字框、字、动画(图片也行)、遮罩7个图层。

如图:1—2、图层1(背景)第1帧用矩形工具,无笔触,画一矩形:240*300,颜色:#333300,全居中。

1—3、新建花边图案影片剪辑,图层第1帧画花边图案,(舞台放大)大小设为10。

8*18.5,颜色:#666600,复制多枚排列成236*292如图:1-4、花边图层第1帧把花边图案元件拖入,全居中,点图案打开滤镜面板增加投影效果,模糊设为:0,颜色设为:#999900,距离设为:1,挖空打勾。

其它默认。

1-5、边线图层第1帧用矩形工具,笔触设为:2,颜色为:#999966,填充色关闭,画一矩形宽210高260全居中,选中右边线和下边线颜色换成#000000,选中全部边线转为图片元件名为“页边线".1-6、字框图层第1帧制作字框大小:205*45,X轴—102,Y轴—106.2。

如图:1-7、字图层第1帧用文本工具写上鸟语花香(也可写其它)字体:方正小篆体,大小35.颜色#336600。

1-8、图片图层(动画)第1帧将库中准备好的荷花动画拖入,放在右下角的位置,调整后大小。

1—9、遮罩图层第1帧用矩形工具,笔触禁止,颜色随意,画一矩形宽190高162的遮罩片,放在右下角,遮罩片的右靠近右边线,遮罩片下边靠近下边线。

右键遮罩层设为遮罩。

这样“封面”影片元剪辑件就完成了,最后效果如图:2、制作“首页”影片剪辑元件,将库中“封面”直接复制改名为“首页”。

2—1、双击进入“首页"编辑场面,自下至上分别是:背景、花边、边线、字、4个图层。

删除字框、图片、遮罩图层。

2—2、打开字图层,用“毛体"书写两排诗词.2-3、打开边线图层,选中右边线和下边线将颜色替换成#999900,选中左边线和上边线将颜色替换成#FFFFFF。

Flash实例漂亮的翻书动画制作

Flash实例漂亮的翻书动画制作

知识点:遮罩的运用学习无脚本软翻书教材前请先看看遮罩的知识:1、遮罩动画的概念(1)什么是遮罩?“遮罩”:顾名思义就是遮挡住下面的对象。

在Flash8.0中,“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地,在一个遮罩动画中,“遮罩层”只有一个,“被遮罩层”可以有任意个。

(2)遮罩有什么用?在Flash8.0动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。

2、创建遮罩的方法(1)创建遮罩在Flash8.0中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。

你只要在要某个图层上单击右键,在弹出菜单中把“遮罩”前打个勾,该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为,如果你想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了。

(2)构成遮罩和被遮罩层的元素遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。

被遮罩层中的对象只能透过遮罩层中的对象被看到。

在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条。

下面开始本教程打开FLASH文档,名称:《软翻书》文档属性大小:600*450其它默认。

素材准备:1、准备20张图片,用PS处理成:200*150像素。

2、准备1张背景图片,PS处理成:600*450像素。

3、以及兰花、荷花的动画。

4、字体:毛泽东字体、文鼎CS大隶书繁、方正小篆体。

新建位图文件夹,将位图全部导入。

第一部分:制作“页”影片剪辑元件1、制作“封面” 影片剪辑元件,插入新建元件影片剪辑名为“封面”。

1-1、在图层1上新建六个图层,自下至上分别是:背景、花边、边线、字框、字、动画(图片也行)、遮罩7个图层1-2、图层1(背景)第1帧用矩形工具,无笔触,画一矩形:240*300,颜色:#333300,全居中。

翻转动画Flash制作详解

翻转动画Flash制作详解

翻转动画——世界名画欣赏旋转、缩放、移动是课件中常用的动画方式,包括文字、图像、图形等对象的动作动画。

而翻转则是让动画对象以一个轴作翻转的过程,如书的翻页,文字的翻转等。

一、运行结果运行该动画,一幅幅外国名画沿着它的一条边自右向左翻转,向学生展示其风貌,如图1所示。

图1二、知识要点本例表现的是一种书页翻动的效果:翻动前,图像按所在层进行上下排列,上层的图像在上面,下层的图像在下面;翻动到左侧后下面一层的图像将遮挡上层的图像。

三、操作步骤1.设置文件属性及视图(1)执行“开始”—“Macromedia”—“Macromedia Flash MX 2004”命令,启动程序,并创建一个新Flash文档。

(2)选择“修改”→“文档”命令,在文档属性对话框中,按图2所示进行设置,背景选择青色。

以上参数也可以在属性面板中修改。

#669999图2(3)选择“视图”→“标尺”命令,在窗口中显示标尺。

(4)将鼠标放在左侧纵向标尺上,按住鼠标向右拖动,产生一条竖向的参考线,并拖动到编辑区的中央,标尺为350的位置。

2.输入文字(1)选择“绘图”工具栏上的“文字”工具,设置文字为:字体(华文行楷)、加粗、字号(55)、文字颜色(金黄色),在编辑区中输入文字“世界名画欣赏”。

(2)用鼠标拖动文本框右上角的调整点,向左移动,使文字变成竖排,并将其放在适当的位置,如图3所示。

图33.制作文字动画(1)在图层1的20帧单击鼠标右键,在快捷菜单中选择“插入关键帧”命令,插入一个关键帧。

(2)选中图层1的第1帧,选择工具面板中的“任意变形工具”,将图层1中的文字旋转180度角,并缩小。

(3)选中图层1的第1帧,在属性面板中,选择“补间”下拉列表中的“动作”,并保持右边“缩放”选项已被选中,如图4所示。

按下回车键可观看动画效果。

图44.制作第一页的翻页动画(1)单击“时间轴”面板上的新建图层按钮,新建图层2。

(2)选中图层2的第1帧,执行“文件”→“导入”→“导入到舞台”命令,打开“导入”对话框,选择素材中要导入的“外国名画1”图像文件,点击打开按钮,当出现对话框询问“此文件看起来是图像序列的组成部分,是否导入序列中的所有图像?”时,选择“否”,将指定的图像导入编辑区。

flash非组件的翻书效果制作过程

flash非组件的翻书效果制作过程

flash⾮组件的翻书效果制作过程flash⾮组件的翻书效果制作过程作者:tiger_0309 | 来源:⽹上有好多这样的东西,但是⼤都⽤组件做成的,有的往往还有收费,我的这个不⽤组件,基本都是代码,但是结构很简单,⼀⽬了然,⼤家下载原⽂件就可以看出来,⾄于代码的含义我就不详细说了,我在这主要说⼀下替换⾃⼰的图⽚时候怎么样改写代码。

主场景⼀共有四帧代码:第⼀帧代码:x1=50;y1=50x2=250;y2=50x3=450;y3=50x4=50;y4=200x5=250;y5=200x6=450;y6=200//这六个坐标点就是书摊开后的左上,中上,右上,左下,中下,右下点;其中左上点(x1,y1)是定位点,可以决定书在舞台的位置,然后其余的五个坐标就由你的图⽚⼤⼩决定,(x2-x1)和(x3-x2)相等是书的单页宽,同理(x5-x4)和(x6-x5)相等也是⼀样的道理,(y4-y1)和(y5-y2)和(y6-y3)相等是图⽚的⾼。

attachMovie("cover","p0",100)//这是第⼀张attachMovie("bottom","p19",120)//这是最后⼀张for(i=2;i<=20;i+=2){attachMovie("Page"+i,"p"+i,100+i/2)}//17这个数字是总图⽚数20-3得出for(i=1;i<=17;i+=2){//这个111的数字是根据上⾯Page20的level是110得出attachMovie("Page"+i,"p"+i,111+(i-1)/2)}//你的图⽚多少不⼀样,每张图⽚所在的level也很重要,这要你⾃⼰根据我的原⽂件的图⽚数⽬和你的⽐较后调整//图⽚都是从库⾥调⽤,所以都要有链接标识符,得把所有的图⽚建成影⽚剪辑,在每个影⽚剪辑⾥都要把图⽚左对齐和底对齐到舞台,这点很重要,还有你要准备的图⽚必须是双数//影⽚剪辑Page20⾥⾯画⼀个和图⽚⼤⼩⼀样的矩形,颜⾊和背景⾊⼀样,也要左对齐和第对齐到舞台mask1._x=x6;mask1._y=0mask2._x=x6mask2._y=0//遮罩尽量做⼤⼀点,在主场景⾥各占⼀半mask1._visible=falsemask2._visible=falsepage=0mouse2=0x=x6y=y6xmouse=x6ymouse=y6第⼆帧代码:flag=1if(page>0){eval("p"+(page-1))._visible=trueeval("p"+(page-1))._x=x4eval("p"+(page-1))._y=y4eval("p"+(page-1))._rotation=0}//20是我⽤的图⽚数字,你⽤多少改为多少if(page<20){eval("p"+page)._visible=trueeval("p"+page)._x=x5eval("p"+page)._y=y5eval("p"+page)._rotation=0eval("p"+(page+1))._visible=trueeval("p"+(page+1))._x=x6eval("p"+(page+1))._y=y6eval("p"+(page+1))._rotation=0eval("p"+(page+1)).setMask(mask1)eval("p"+(page+2))._visible=trueeval("p"+(page+2))._x=x5eval("p"+(page+2))._y=y5eval("p"+(page+2))._rotation=0eval("p"+(page+2)).setMask(mask2)}//这也要改for(i=0;i<=20;i++){if(i<page-1||i>page+2){eval("p"+i)._visible=false}}第三帧代码:xx=_xmouseyy=_ymouseif(Key.isDown(1)){mouse1=1}else{mouse1=0}if(mouse2==1&&mouse1==1&&((xx-x5)*(xx-x5)+(yy-y5)*(yy-y5)<=(x6-x5)*(x6-x5))&&((xx-x2)*(xx-x2)+(yy-y2)*(yy-y2)<=(x6-x5)*(x6-x5)+(y5-y2)*(y5-y2))){ xmouse=xxymouse=yy}if(mouse2==0&&mouse1==1){//150是我主场景宽的⼀半左右,它的值决定你的⿏标的灵敏度,你可以根据你的场景来调整if(flag==1&&xx<150&&page>0){page-=2x=x4y=y4xmouse=x4ymouse=x4gotoAndPlay(2)}}if(mouse1==1){flag=0x=xmouse/5+x*4/5y=ymouse/5+y*4/5}if(mouse1==0){//这个150也要改,和上⾯⼀样if(xmouse>150){x=x6/6+x*5/6y=y6/4+y*3/4}else{x=x4/6+x*5/6y=y4/6+y*5/6}}eval("p"+(page+1))._x=xeval("p"+(page+1))._y=yif(flag==0&&page<20&&Math.abs(x-x4)+Math.abs(y-y4)<1){page+=2x=x6y=y6xmouse=x6ymouse=y6flag=1gotoAndPlay(2)}if(Math.abs(x-x6)+Math.abs(y-y6)<0.5){a=0flag=1}else{a=Math.atan2(y6-y,x6-x)}eval("p"+(page+1))._rotation=2*a*180/Math.PImask1._x=(x+x6)/2mask1._y=(y+y6)/2mask1._rotation=a*180/Math.PImask2._x=(x+x6)/2mask2._y=(y+y6)/2mask2._rotation=a*180/Math.PImouse2=mouse1第四帧代码:gotoAndPlay(3);下载::。

Flash动画制作——翻书效果

Flash动画制作——翻书效果

一、教学目标 二、教学安排 三、教学过程 四、课堂作业
五、课堂小结
翻书动画图层设置
导航 隐藏 一、教学目标 封面 图层00 图层01 图层02 图层03 图层04 图层00a 图层01a 图层02a 图层03a 最后一页不翻
翻书顺序
正面
背面
二、教学安排 菜谱第1页 三、教学过程 四、课堂作业 菜谱第2页 五、课堂小结 菜谱第3页 菜谱第4页
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业
(3)制作“封面”翻页动画
五、课堂小结
点击视频播放,或点击“链接3”在外部播放器播放。
导航 隐藏 一、教学目标 二、教学安排 三、教学过程 四、课堂作业
(4)制作“第1页”翻页动画
五、课堂小结
点击视频播放,或点击“链接4”在外部播放器播放。
导航 隐藏
(5)“第 2页”、“第 3页”动画参考第(4 ) 步制作。“第4页”保留在起始状态,可不做翻页效 果。
一、教学目标 二、教学安排 三、教学过程 四、课堂作业
五、课堂小结
返回
导航 隐藏
课堂作业:制作“翻书效果”动画。
一、教学目标 二、教学安排 三、教学过程 四、课堂作业
拓展训练:制作“翻书效果”立体翻页效果动画 (如下图)
导航 隐藏 一、教学目标 二、教学安排 三、教学过程
(2)时间轴:显示图形和其它项目元素的时间, 也可以使用时间轴指定舞台上各图形的分层顺序。 四、课堂作业
五、课堂小结
(3)层(图层):由于在动画中有多个对象需要 处理编辑,为了便于处理控制各个对象出场顺序以及 在时间轴上的停留时间用层技术便好的实现了这一目 的,减少了编辑的出错机会。位于较高图层中的图形 显示在较低图层中的图形的上方。

flash cs5入门与提高课件第18章 翻动的书页(共12张PPT)

flash cs5入门与提高课件第18章  翻动的书页(共12张PPT)
第18章翻动的书页本章重点本章将向读者介绍一个很漂亮的动画效果即单击下一页按钮书页向后翻页单击上一页按钮书页向前翻翻到最后一页时单击完按钮书本合上
第18章 翻动(fāndòng)的书页
本章(běn zhānɡ)重点
本章(běn zhānɡ)将向读者介绍一个很漂亮的动画效果,
即单击“下一页〞按钮,书页向后翻页,单击“上一页〞按钮,
第10帧: tellTarget ("leftflip") { nextFrame (); }
第八页,共12页。
第18帧:
tellTarget ("leftpage") {
nextFrame ();
}
tellTarget ("leftpage") {
nextFrame ();
}
第19帧:
ActionScript语句如下所示: 第2帧:
tellTarget ("rightflip") { nextFrame (); } tellTarget ("rightflip") { nextFrame (); } tellTarget ("leftflip") { nextFrame (); }
书页向前翻,翻到最后一页时,单击“完〞按钮,书本合上。
内容包括封面的设计,隐形按钮的制作,书页翻动的动画,各
层动画和播放时间的设置,以及javascript语句,书页翻动的效
果图如以以下图。
学习目的
通过本章(běn zhānɡ)的学习,您可以:
掌握滤镜的使用方法。
掌握对象变形及中心点编辑的方法。
on (release) {
tellTarget ("..") {

二维动画技术 翻书效果(ppt)

二维动画技术 翻书效果(ppt)

选择图层“书”在这一图层中用矩形工具绘制出一个书的右半部分,调整大小,再用选择工具调 整形状。
然后全选这本书的右半部分,将其复制粘贴作为书的左半部分。
然后再次复制粘贴书的右半部分到图层“页”的第一帧,这一帧就是书的书页 接下来就用任意变形工具和选择工具来更改书页在翻书中不同状态的形状与大小。 我们可以在图层“书”的第50帧插上关键帧,在图层“页”第10帧处插上关键帧, 然后选择任意变形工具把书页往左侧拖一小格,再用选择工具,将鼠标放在矩形的边角 上出现一个直角标志的时候,按住鼠标左键拖动到合适的地方。
然后在每一段的任意位置处右键创建形状补间。 现在可以测试影片
现在我们发现第20帧到30帧处书页是飘过去的,现在我们就要添加形状提示, 这个命令就在菜单栏里修改—形状—修改形状提示。
我们要在第20帧处添加形 状提示,点击添加修改提 示会出现一个写有字母a 的小圆圈,我们要把这个 小圆圈,拖拽到书页的4 个角,这个动作重复进行 4次,把出现的圆圈拖到 不的角。 然后来到第30帧,现在就 可以看到矩形的中间有4 个圆圈叠在一起,我们就 要把这些圆圈拖到我们第 20帧拖到的位置,根据刚 才每个圆圈的字母来辨认 位置。如果放对位置,那 圆圈就会变成绿色,原来 第20帧就会变成黄色.
好了,现在就可以测试影片,翻书效果就做好了。
最后我们的作业是 参照以上教程做一个电子相册
《翻书效果》ห้องสมุดไป่ตู้
各位专家,老师:大家 好!今天讲解的实例是
“翻书效果”
涉及到的工具是任意变形工具和添加形状提示。 涉及的动画是补间动画。
关于基础工具的使用请观看之前的基础部分的视频。 现在开始今天的学习
打开Flash软件,新建一个Flash文档。
创建网格,修改网格大小,我现在修改的是40*40.

Flash CS3 入门 翻页动画

Flash CS3 入门  翻页动画

Flash CS3 入门翻页动画本练习为翻页动画,主要运用逐帧动画形式实现翻页动画效果。

使用【矩形工具】结合【选择工具】绘制书页,然后,经过【变形】面板对其进行变形,调整每一个关键帧内容,并通过按钮控制,最终完成动画。

本练习重点在于,如何创建逐帧动画以及逐帧动画的作用。

通过学习本练习,希望用户能够熟练掌握创逐帧动画的方法。

练习要点●矩形工具●选择工具●变形面板●创建按钮●添加滤镜练习过程(1)在Flash中创建一个新文档,在【属性】面板中设置文档大小为800×600像素。

然后,按下Ctrl+F8快捷键,打开【创建新元件】对话框,单击【影片剪辑】单选按钮,并在【名称】文本框中输入新元件名称,如图27-1所示。

图27-1 创建新元件(2)完成操作后,进入编辑模式,在工具箱中单击【对象绘制】按钮启用该项功能,并使用【矩形工具】结合【选择工具】绘制出图27-2所示的图形。

然后,按下F8快捷键,打开【转换为元件】对话框,单击【影片剪辑】单选按钮,并在【名称】文本框中输入新元件名称,如图27-2所示。

图27-2 绘制图形(3)双击绘制的图形进入编辑模式将轮廓线删除。

然后,执行【窗口】|【属性】|【滤镜】命令,打开【滤镜】面板,单击【添加滤镜】按钮,在弹出的下拉列表中选择【投影】选项,如图27-3所示。

图27-3 添加滤镜(4)在【时间轴】创建一个新图层,在第13帧处,按下F6快捷键,插入关键帧。

然后使用【矩形工具】绘制一个矩形图形,填充颜色为蓝色,并使用【选择工具】对矩形图形进行调整使其成为书籍内页,如图27-4所示。

图27-4 创建新图层(5)继续在【时间轴】上创建新图层,在第12帧插入关键帧。

然后选择“图层2”第13帧,按下Ctrl+C快捷键,执行【复制】命令。

再选择“图层3”第12帧,插入关键帧,按下Ctrl+Shift+V快捷键,执行【粘贴到当前位置】命令。

并再【颜色】面板中更改色相。

最后,选择第13帧,插入关键帧,按下Ctrl+T快捷键,打开【变形】面板,设置如图27-5所示。

flash制作翻书效果

flash制作翻书效果

8.5 综合实例——翻书效果随着电脑与互联网的普及,在电脑上看书已经成为人们获取知识的另一种途径,但是,在电脑上看书始终找不到翻书的感觉。

下面我们就通过一个实例向用户介绍翻书效果的模拟,在整个练习中用户将逐步了解关键帧和普通帧的区别,掌握声音添加方法,Scene的插入方法,网格设置方法和按钮的制作方法等,希望这个实例能够给读者带来一点收获。

具体操作步骤如下:(1) 进入Flash操作界面,选择File→New命令,新建一个文件。

(2) 按下Ctrl+Alt+G组合键打开Grid对话框,选中Show Grid以及Snap to Grid复选框,使所有操作捕捉到网格上,然后在下面的网格高度、宽度文本框中分别输入15PX,如图8-24所示。

图8-24 设置网格(3) 首先制作书的封底,将图层1命名为“封底”,选择矩形工具在舞台中绘制一个合适大小的矩形作为封底,注意网格的锁定,并根据需要设置颜色,如图8-25所示。

(4) 为了使封底产生厚度,可以选择矩形工具在其左侧、右侧和下方绘制细长的矩形以模拟其厚度,如图8-26所示。

图8-25 绘制封底图8-26 使封底产生厚度(5) 选择矩形工具在封底上绘制一个合适大小的矩形,将其填充为灰色,然后选择箭头工具双击该矩形的轮廓线将其删除,如图8-27所示。

(6) 选择矩形工具在灰色矩形上绘制一个相同大小的矩形,将其填充为白色,同样将其轮廓线删除。

注意,白色矩形要高出一些,因为书是有厚度的,如图8-28所示。

图8-27 绘制灰色矩形图8-28 绘制白色矩形(7) 按下Ctrl+R组合键打开Import对话框,在其中选择“头像”位图文件,单击“打开”按钮将此图片导入到当前文件中,然后按下Q键选择变换工具对图片大小进行调整。

选择文本工具在图片的下方输入文字“你还记得我吗?”如图8-29所示。

(8) 按下Ctrl+A组合键将前面绘制的图形全选,再按下F8键打开Convert to Symbol 对话框,如图8-30所示,在其中Name文本框中输入“封底”,选择Graphic单选按钮,单击OK按钮将所选图形转换为图形符号。

Flash形状补间实现翻书效果[实践]

Flash形状补间实现翻书效果[实践]

思路:使用补间动画制作封面的翻动效果。

使用补间形状制作书页的翻动效果。

主要练习精巧的动画过程的制作。

1.新建文件,首先制作封面的翻页效果,将“图层1”命名为“封面上”,因为封面的翻页效果需要两层完成,即没翻过中线时是一层,翻过中线后是一层,所以这里取名为“封面上”,下面将有“封面下”。

在舞台中绘制封面图案,如图所示:注意矩形边线的粗细,左边的线条较粗,表示书脊,其他线条较细。

将其转换成元件,取名为“封面”。

2.使用任意变形工具,将图形中心点移动到封面的左边线的中点,要以该点作为以后形变的基准。

如图所示:在第5帧插入关键帧,使用任意变形工具将封面通过缩放、倾斜调整如图所示,设置从第1帧到第5帧的补间动画。

在第9帧插入关键帧,使用任意变形工具将封面通过缩放、倾斜调整如图所示,设置从第5帧到第9帧的补间动画。

在第13帧插入关键帧,使用任意变形工具将封面通过缩放、倾斜调整如图所示,设置从第9帧到第13帧的补间动画。

到此,封面没翻过中线的动画就制作完了,可以测试一下看看效果。

3.在图层“封面上”的下方新建一个图层,取名为“封面下”,在这一层中设置封面翻过中线后的动画,书页翻过中线后所展示的就是封面的内面。

在第14帧插入关键帧,先创建封面内面的图案,如图所示:将其转换为元件,使用任意变形工具选择封面内面,将图形的中心点移动到封面内面的右边线中点,要以该点作为以后形变的基准。

为了便于对齐,将图层“封面上”的第13帧复制,然后粘贴到第14帧上。

再回到图层“封面下”的第14帧,使用任意变形工具将封面内面通过缩放、倾斜调整到与图层“封面上“的第14帧相对的位置上,如下图所示:设置好后将图层“封面上”的第14帧删除,因为它只是为对齐起一个基准的作用。

4.在图层“封面下”的第18帧插入关键帧,同时将图层“封面上”的第9帧复制粘贴到第18帧上起基准作用。

回到图层“封面下”的第18帧,使用任意变形工具将封面内面通过缩放、倾斜调整到与图层“封面上”的第18帧相对的位置上,如下图所示:完成后,在图层“封面下”设置从第14帧到第18帧的补间动画,同时将图层“封面上”的从第14帧到第18帧一起删除。

FLASH动画————翻页效果的制作

FLASH动画————翻页效果的制作

FLASH动画————翻页效果的制作安阳市第十四中学秦长喜本节主要是通过翻页效果实例练习任意变形工具的使用方法,以及Flash的基本动画的制作方法。

希望能对同学的所帮助。

1、起动FLASHMX。

2、设置舞台尺寸:双击图中红圈内的部分,如图1,出现“文档属性”面板(舞台尺寸设置面板),如图2。

图1图2设置:尺寸为600*500,背景颜色设为黑色,其它为默认,点“确定”。

3、点“视图”――“标尺”。

并把两根标尺横杆分别拖到纵轴的100和400处,三根标尺竖杆分别拖到50,300和550处,如图3。

图34、点“插入”----“新建元件”在“名称”栏中写入图片的名称,便于记住是什么图片(在这里我写1)。

在“行为”选项中可以点选“影片剪辑”,也可以点选“图形”。

在这里我点选“图形”。

如图四。

最后点“确定”。

图四5、点“文件”-----“导入”-----“导入到舞台”,出现“导入面板”,选择你要导入的图片到舞台中,下面再对图片进行编辑。

6、如果出现如下图所示的面板,点“否”就行。

图五7、点开舞台下面的属性栏,对图片进行设置,只设置图片大小即可,安照第三步中的标尺,将图片设置成高300宽250。

如图六。

图六8、重复第4、5、6三步,把需要的图片全部导入。

9、点击场景,回到场景中,如图图7。

图710、点“窗口”----“库”,在“库”中找到名称为1的元件,并将这个图片拖入舞台中,并将图片下好放入舞台右边的由四根标尺组成的方框中。

如图8图811、点击工具栏中“任意变开工具”舞台中的图片四周出现了8个小方块,中间出现一个小园圈如图9。

图912、将图片中的小园圈拖到左边的小方框上,要于左边的小方框对齐。

13、在图层1的第40桢处右键单击,并点“插入关键桢”。

再将鼠标放在图片右边中间的小方框上,鼠标会变成双向箭头,再按下鼠标左键向左拖动图片,图片就会变的很窄很窄,再松开鼠标左键,将鼠标移到变开的图片右侧,鼠标会变成上下两个箭头,再按下鼠标左键向上拖动图片,拖到一定的程度即可。

翻书 简要动画步骤

翻书 简要动画步骤

翻书翻书效果的制作:新建一个Flash文件。

打开属性面板对话框,设定动画大小为400*300,背景色为蓝色。

1.在绘图工具箱中选择矩形工具,用矩形工具在场景中画出一个由白到灰的渐变填充色的矩形.2.选择箭头工具,把矩形修改成一张书页。

3.复制一张书页,将复制得到的另一个书页拖放到左边,这样书的模样是不是有了.4.选择左下角的两个边框,按下ALT键的同时鼠标拖动.再选择直线工具闭合缺口,修改成一本完整的书.5.插入/新建元件:命名为翻书,类型为电影剪辑.6.复制前面制作的书页到第1帧.7.单击第30帧插入关键帧,复制书页到第30帧放到左边,删除右边的书页.8.单击第15帧插入关键帧,用任意变形工具拖动书页到一定位置.9.单击第1帧.第15帧。

单击属性面板,设置为运动渐变。

10.单击第1帧,并执行“修改/形状/添加形状提示点”命令,添加四个控制点“a、b、c、d”,用鼠标将四个控制点移到合适的位置.11.从第15帧到第30帧的变形动画同样按照前面的方法添加四个控制点。

12.回到场景,将图库中翻书元件拖到场景,并把它和原来场景中的书对齐,这样翻书就完成了。

▲提示:变形控制点是用一个带有圆圈的英文字母来表示,新添加控制点上的英文字母是按点英文字母的顺序出现。

只有选择了形状渐变动画的第1帧,“修改/形状/添加形状提示点”命令才可以选择使用。

▲注意,控制点起作用的的标志是经过首帧和末帧对控制点位置的调整后,首帧控制点颜色为黄色,末帧控制点颜色变为绿色。

如果控制点不是在曲线上,则是红色的,那么就不起控制的作用了。

13.按Ctrl_Enter测试影片。

14.执行“文件/保存”命令保存文件。

flash制作翻书效果

flash制作翻书效果

总论—概念描述这个项目的概念是使来到我站点的人有机会用FlashMX设计一本虚拟的书,就象一本真正的书那样,不过它是摆在你的计算机桌面上的。

你可以一页一页地阅读。

注意,这个课程是面向那些对ActionScript有所了解以及知道如何在FlashMX中编码的人。

如果你只知道如何创建一个球并让它在桌面上滚动,那么请过几个月再来吧。

只是开玩笑啦。

基本上在这个课程里只有很少的技术。

在这个教程中的所有函数是经常使用的。

编码非常容易,你需要知道的只是一些基本的三角知识,比如sine(正弦)、cosec(余弦)、hypotenuse(直角三角形的斜边)。

这些对于这个教程来说就足够了。

所以,放轻松,好好享受吧。

这是一个正在进行的项目。

如果你有任何问题,请给我e-mail。

让我们开始吧。

第一部分—基本计算函数(basic calculation functions)在这个根脚本(root script)里,我们有两个基本计算函数。

你可以把它们直接拷贝到你的舞台(stage)上,因为我们将会一遍遍用到它们。

一个是getDist,另一个是getAngle。

它们对你来说很简单,是吧?老实说,我都没兴趣解释这样的东西,这些是高中数学课上该学的。

第一个函数是获得两点之间的距离。

我们需要知道这两点之间的坐标。

好了,现在你进展已经不错。

我们可以试一下更难点的。

——怎么获得两点之间的角度。

我不需要做更多解释了吧?第二部分—舞台(stage)上基本的Movie Clips在库(library)中创建4个方块符号(symbol)。

它们是你书中的不同的页面。

如果你喜欢,你可以根据需要重新设计。

我只需要提醒你一件事,就是,把参考点放在每个symbol的左下角,我们需要用它们来找到页面的位置。

在这个演示例子里,假定我们的书只有4页。

如果你想让你的书页数更多,那就请自己加一些新的check situation函数。

要确保页面的大小与书本相符。

flash翻页效果

flash翻页效果

flash翻页效果上面这个示例稍微大了一点,所以如果网速比较慢的话还请大家稍稍多等一会儿,因为幸运鸟花了五个多小时才把它做好,不看是有点可惜(是我感到可惜,呵呵)。

花了这么长的时间是因为一来幸运鸟技术还不太熟练,许多地方改动过十几次;二来在做的过程中一直在构思还要做些什么内容,希望能有创意一点。

由于这一章是Flash的进阶教程,因此幸运鸟尽量先不使用Actions编程这样高级的Flash技术。

这一章中,我们主要学习如何运用简单的Flash基本操作来实现比较逼真的各类效果,以上的书本翻页效果就是典型的例子,在这个示例中,用到的技术只不过是最简单的形体渐变和运动渐变,但我们看到最后生成的效果还是比较真实的。

好了,下面我就把制作的方法给大家详细介绍一下。

首先,新建一个文件,把背景色设为黑色。

接着来制作书本的封面和封底,这个大家都会做,就是简单的矩形,我就不多说了。

如果想让封面和封底看上去有点厚度,可以在封面的上边和右边加上两条颜色稍有不同的细线就行了。

对封底来说,细线应该在上边和左边。

另外我们注意到封面和封底的内侧(封三)一样,封底和封面的内侧(封二)一样,所以只需要做成一个图符,我们在这里把封底做成图符起名为frontcoverinside,也就是封二,需要用到封三的时候只需水平翻转即可。

不过这样做出来的只是非常简易的封皮,我们还可以给封皮上加些图案和文字,注意添加图案文字最好新建几个层放置,这样便于修改。

为了实现流畅的翻页(变形)效果,我们需要把加工过的封面和封底分别单独做成图符front cover和back cover,见下图,在这里要说明的是请大家注意十字定位符的位置,因为它将是对象变形的中心点。

现在按Ctrl-F8新建一个电影片断类图符page flip,我们将把所有的翻页效果都做在这个图符中。

新建若干层备用,这一次我们把层的顺序自下而上排列,最下面的层是第1层。

我们先简要介绍一下层的分布关系。

如何制作Flash课件及翻页设置

如何制作Flash课件及翻页设置
26
避免动画卡顿或延迟问题出现
优化动画效果
尽量减少复杂的动画效果,避免使用过多的特效和图层,以降低课 件的运算负担。
压缩文件大小
对课件中的图片、音频和视频等素材进行压缩,以减小文件大小, 提高加载速度。
使用流式传输
将课件拆分成多个小部分进行流式传输,使用户在下载课件的同时可 以观看已下载的部分。
2024/1/30
14
03
丰富Flash课件交互性设计 策略
2024/1/30
15
添加导航菜单提高便捷性
设计清晰、明确的导航菜单
确保导航菜单简洁易懂,方便用户快速找到所需内容。

实现多级导航
对于内容较多的课件,可以采用多级导航,使用户能够逐步深入了 解内容。
提供搜索功能
在导航菜单中加入搜索功能,方便用户快速定位到特定内容。
28
分享一些实用小技巧和工具资源
使用快捷键
掌握常用的快捷键操作,可以提高制作课件的效率。
利用模板和素材库
使用Flash提供的模板和素材库,可以快速搭建课件框架 并丰富课件内容。
学习交流社区
加入Flash学习交流社区,与其他制作者分享经验和技巧, 共同提高制作水平。
2024/1/30
29
06
总结回顾与展望未来发展 趋势
嵌入视频教程
将相关视频教程嵌入到课件中,让用户可以更直 观地了解知识点。
添加背景音乐
根据课件内容选择适当的背景音乐,增强用户的 听觉体验。
利用语音讲解
对于重要知识点,可以采用语音讲解的方式,让 用户更深入地理解。
2024/1/30
18
设计小游戏增强趣味性
1 2
设计与课程内容相关的小游戏

Flash怎么制作纸张翻动的效果?flash翻页动画的制作方法

Flash怎么制作纸张翻动的效果?flash翻页动画的制作方法

Flash怎么制作纸张翻动的效果?flash翻页动画的制作⽅法经常使⽤flash制作动画,该怎么制作⼀个纸张翻页效果呢?下⾯我们就来看看详细的教程。

adobe Flash CS6简体中⽂版(专业动画软件) v12.0.0.481 绿⾊精简版
类型:动画制作
⼤⼩:176MB
语⾔:简体中⽂
时间:2018-11-12
查看详情
1、打开Flash CS6软件,新建⼀个Flash⽂档。

2、使⽤矩形⼯具绘制⼀个长⽅形,并调整如图所⽰
3、延长时间轴到第70帧
4、在第30帧插⼊关键帧
5、在第30帧调整形状如图
6、选择中间帧,创建补间形状动画
7、这样就得到了纸张翻起的动画效果了
以上就是flash翻页动画的制作⽅法,希望⼤家喜欢,请继续关注。

软翻书效果

软翻书效果

软翻书效果------祖国风光神龙编写1、打开flash8.0软件,文档属性默认。

点文件-保存,另存为《软翻书—祖国风光》。

2、文件-导入到库,一张背景图,尺寸为550*400,再导入23张240*320的图片(你想做出很多页的效果,则需导入多张图片,多少由你来定),在库中将图片重命名并压缩。

(名称为图1、图2......图12、图011、图012、……图021,背景),文件-导入到库,导入一首MP3音乐。

3、插入----新建元件,名称为图1,类型为图形。

在图层1第1帧将图1位图拖入场景,尺寸为240*320,打开对齐面板,相对于舞台,水平中齐,垂直中齐。

4、在库中图1元件上点右键,选择直接复制,名称为图2,确定。

双击库中的图2元件,进入图2元件编辑场景,在属性中点交换,交换图2位图。

(注意尺寸为240*320)5、按上述方法做好图3元件、图4元件……图12元件,图011元件----图021元件。

6、双击图层一,改名为:背景。

点选背景图层的第1 帧,把位图背景拖进来,550*400,全居中对齐,此图层延长到820 帧(按你导入的音乐长短来定,我的音乐只有820帧)保存。

7、插入图层二,改名为:定位框。

点选此图层的第1 帧,点选矩形工具,笔触为红色,填充无,宽480,高320全居中。

此图层延长到820 帧,上锁,保存。

8、插入图层三,改名为:中缝。

点选此图层的第1 帧,点选矩形工具,笔触无,填充为线性。

打开颜色面板,中间添加一个色码:从左至右的色码依次为:FFFFFF, BBBBBB, FFFFFF,在场景中画一矩形,宽15,高320全居中。

此图层延长到820 帧,上锁,保存。

9、插入图层四,改名为:底图。

点选此图层的第1 帧,把图形元件图1 拖进来,X 轴396,Y 轴200。

第二帧插入关键帧,交换图2,在70、140、210、280、350、420、490、560、630、700帧插入关键帧。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

自学实例<翻书效果>
创造步骤;
一、新建影片文件
设置影片属性:尺寸550*400,背景黑色。

二,创建书面,书页图形元件
1.创建<书面>元件
选择[插入]下的[新建元件],元件名<书面>,选中[图形][确定],使用工具栏中的矩形工具在页面上绘制一红色的矩形,居中对齐工作区
2.创建<书页>元件
打开[库]面板,选中面板中的“书面”单击鼠标右键,选择[复制]命令,在弹出的[复制元件]的对话框中,选择框中的[图形],其余选项保持不变按[确定],此时,在[库]面板中将会出现复制出的符号。

‘书面副本’,双击[库]中复制出的‘书面副本’进入编辑状态,并将该元件中的红色改为白色.(可用颜料桶改颜色)
三.创建<电影剪辑>
新建一个元件2,对话框选择[影片剪辑],按[确定],
1>.在工作区图层第1帧,从[库]将“书面副本”(书页)拖入埸内,左上角对齐场中心点,选用变形工具,把变形工具中心点(即注册点)拖倒书面副本左上角与场中心点重合,在40帧按f5(即插入普通帧)
2>.新建图层2,第1帧处从库拖入书面元件,在场景中位置同上(见1>).选用变形工具,同上一样把变形工具注册点与书面左上角和场中点,三点重叠,在10帧按f6(插入关键帧),移动变形工具从右向左变窄宽度,用鼠沿书面右边线把右上角朝上推斜点。

回到第1帧建立动作补间。

(如果后面出现普通帧,删除)
3>.新建图层3,11帧处按f6关键帧,从库拖入<书面副本元件>,右上角对齐埸中心点,选变形工具,把注册点移到右上角与场中心重合,从左向右变窄宽度,沿元件左边线朝上斜点,在20帧处按f6关键帧,用变形工具把元件恢复在库那样形状。

回到11帧点场中元件,在属性版中把颜色改为浅灰色,建动作补间,在40帧处按f5普通帧。

4>.新建图层4,21帧按f6关键帧,从库拖出<书面副本元件>,位置同第2图层,在30帧按f6关键帧,在21,30帧处元件变形方法同图层2一样
5>.新建图层5,31帧按f6关键帧,用鼠标把图层3从11帧到20帧全选上(拉黑),按着Alt朝图层5,31帧处推,(即把图层3,11帧--20帧内容都复制上了),或图层3从11帧到20帧全选上.点右健选复制帧,在图层5,31帧处点右健选粘贴帧。

6>.在图层5,40帧关健帧处点下,按f9,在场下面出现动作语句面版,在1处输入gotoAndPlay(1);或复制贴上。

四.组织主场景
在图层1,1帧从库拖入电影剪辑元件2,测试
五.保存,导出
欢迎您的下载,资料仅供参考!。

相关文档
最新文档