仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 828|回复: 8
打印 上一主题 下一主题

[学习教程] 带来一篇Flash实例:大度的翻书动画制造(无AS)-Flash实例教程

[复制链接]
跳转到指定楼层
楼主
发表于 2015-1-15 20:59:00 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
可以为受众提供跨计算机、智能手机、平板电脑和电视平台的令人痴迷的一致性体验。
  本例先容利用Flash的遮罩功效制造无剧本软翻书效果,经由过程制造软翻书效果来懂得遮罩功效的使用,有乐趣的伴侣就一同进修吧。
  本文由中国教程网zctmh0336(诚信为人)原创,转载请保存此信息!

  先看看效果示例图:

效果示例

  常识点:遮罩的使用
  进修无剧本软翻书课本前请先看看遮罩的常识:
  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,全居中。

  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。将库中兰花图拖进场景,调剂后巨细、地位。点中第1帧,修正—组合,点图片转换为图片元件名为图片,将边线图层改成图片,最初效果如图:





  3、制造“封底”影片剪辑元件,将库中“首页”间接复制更名为“封底”。

  3-1、双击进进“封底”编纂局面,自下至上分离是:背景、花边、图片、字、4个图层。在图片层上增添署名图层,在字图层上增添遮片层、遮罩层。最初以下背景、花边、图片、署名、字、遮片、遮罩7个图层。

  3-2、署名图层第一帧用文本工具写上本人的名字和制造日期。字体色彩#999900,字体巨细20。

  3-3、字图层第1帧用文本工具写上感谢抚玩(也可写别的),字体色彩#999900,字体巨细35,点第一帧复制帧,点遮罩图层(第7层)第一帧粘贴帧。

  3-4、遮片图层第1帧用矩形工具画一矩形,宽50高60,笔触无,线形添补左色标:#FFFFFF,Alpha值为0,中色标:#FFFFFF,Alpha值为100,右色标:#FFFFFF,Alpha值为0,翻开变形面板扭转为25度。20帧拔出关头帧,第一帧矩形放在字的右边,20帧放在字的右侧,回到1帧创立外形补间,一切图层延伸到20帧。在遮罩图层右键设为遮罩。最初效果如图:



  4、制造“页1”影片剪辑元件,将库中“首页”间接复制更名为“页1”。
  4-1、双击进进“页1”编纂局面,自下至上分离是:背景、花边、边线、字、4个图层。
  4-2、边线图层点第一帧修正—分别,分别两次,点场景开释鼠标,删除兰花图片,将库中筹办好的位图拖进全居中。
  4-3、字图层点第1帧,选中笔墨删除,最初用文本工具在边线下部两头地位写上“1”的页码,色彩#999900。如图:


  接上去制造“页2”“页3”依此类推一向至“页20”,如何一切的第一部分制造“页”影片剪辑元件就完成了,喜好的伴侣们能够先汇集素材,先把“页”影片剪辑元件完成,待我持续写第二部分“翻书”影片剪辑元件。




  第二部分:制造“翻书”影片剪辑元件

  在制造“翻书”影片剪辑元件前先在库面板建“页”文件夹,将一切“页”影片剪辑元件放进文件夹,以便今后做动画时简单互换元件。

  1、制造“翻封面”影片剪辑元件。

  1-1、拔出影片剪辑元件名为“翻封面”新建8个图层,自下而上分离是:页1、光1、封面、高光2、遮罩1、首页、遮罩2、高光3、高光3遮罩共9个图。如图:



  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。设置如图:



  1-4、封面图层第1帧将“封面”页影片剪辑元件放进,X值为0,Y值为-150。第28帧延伸帧,第29帧拔出空缺关头帧,图层上锁。

  1-5、高光2图层点高光1图片右键复制,点高光2后点场景右键粘贴到以后地位。第28帧延伸帧,第29帧拔出空缺关头帧,图层上锁。

  1-6、遮罩1图层第1帧用矩形工具,笔触无,添补色随便,画一矩形遮片宽240高300,X值为0,Y值为-150,右下角用线条同等斜线往失落小角。如图:


0

  第10帧、第20帧、第28帧拔出关头帧,在第10、20帧处用线条工具同等斜线后往失落右下部分及线条如图:


1

  第28帧处用变形工具把遮片调成宽166.5高392.5,X值为0,Y值为-242.5,再用线条工具画二条斜线。往失落下部分和左上部分,选中遮罩1图层创立外形补间,第55帧延伸帧,删除第28帧后的外形补间。如图:


2

  1-7、首页图层第一帧将库中“首页”影片剪辑元件拖进,X值为225,Y值为135,翻开变形工具把“首页”影片剪辑元件的注册点移到页的右下角,“首页”影片剪辑元件的左下角与“封面”影片剪辑元件的右下角交织摆放,第10、20、40帧拔出关头帧,第10帧挪动“首页”影片剪辑元件右下角与“封面”影片剪辑元件的左下角对齐,X值为0,Y值为-90。第20帧挪动“首页”影片剪辑元件左上角与“封面”影片剪辑元件的右上角对齐,X值为-52.1,Y值为-150,也可翻开变形面板,束缚打勾,扭转设为77.4。第40帧“首页”影片剪辑元件垂直中齐、右对齐,X值为-240,Y值为-150,第55帧延伸帧。如图:


3


4

  1-8、遮罩2图层翻开标尺,在“页”的底部和“页”的左面各拖一标尺线,第1帧用矩形工具,笔触无,画一矩形,笔触无,添补色彩随便,画一正方矩形巨细16*16,X值为224,Y值为134。放在封面页的右下角用线条工具斜角对斜角画一向线删除下半部并删除直线。也可用黑剪头选择工具放在矩形右下角,待鼠标呈现小三角标记时向上推。如图:左图。

  第10帧拔出空缺关头帧,用矩形工具,笔触无,画一矩形,笔触无,添补色彩随便,画一正方矩形巨细240*240,X值为0,Y值为-90。用线条工具斜角对斜角画一向线删除下半部并删除直线。也可用黑剪头选择工具放在矩形右下角,待鼠标呈现小三角标记时向上推。如图:右图。


5

  第20帧拔出空缺关头帧,用矩形工具,笔触无,画一矩形,笔触无,添补色彩随便,画一正方矩形巨细300*240,X值为-50,Y值为-145。把矩形左下角移到“封面”页上左下角压在竖标尺与横标尺之间,翻开变形工具扭转-12度,调剂好地位使矩形掩盖全部“首页”,用黑剪头选择工具放在矩形右下角,待鼠标呈现小三角标记时向上推。或用直线工具划线删除。

  第21帧拔出关头帧,用黑剪头选择工具放在矩形上,待鼠标呈现小三角标记时,调剂矩形,如图:


6

  第28帧拔出关头帧,用黑剪头选择工具放在矩形上,待鼠标呈现小三角标记时,调剂矩形。

  第33帧拔出关头帧,用黑剪头选择工具放在矩形上,待鼠标呈现小三角标记时,调剂矩形。

  第40帧拔出空缺关头帧,用矩形工具,笔触无,画一矩形,笔触无,添补色彩随便,画一正方矩形巨细258*462,把矩形右下角移到“页1”页上左下角压在竖标尺与横标尺之间,用黑剪头选择工具放在矩形的右上角上,待鼠标呈现小三角标记时,调剂矩形。第55帧延伸帧。如图:


7

  1-9、高光3图层做法和遮罩2的做法一样,第1帧、第10帧(拔出空缺关头帧)、第20帧(拔出空缺关头帧)第21帧(拔出关头帧)、第28帧(拔出关头帧)、第33帧(拔出关头帧)、第40帧(拔出空缺关头帧),第55帧延伸帧。分歧中央是矩形用线形添补,笔触无,从左至右的色码顺次为:#010101,Alpha值为0,#F9F9F9,Alpha值为25,#000000,Alpha值为0,如图:


8


9


0


1

  1-10、高光3遮罩图层,做法与首页图层基础一样,第一帧用矩形工具,笔触无,画一矩形宽240,高300,X值为225,Y值为135,翻开变形工具把矩形的注册点移到右下角,矩形的左下角与“封面”影片剪辑元件的右下角交织摆放,第10、20、40帧拔出关头帧,第10帧挪动矩形右下角与“页1”影片剪辑元件的左下角对齐,X值为0,Y值为-90。第20帧挪动矩形左上角与“页1”影片剪辑元件的右上角对齐,X值为-52.1,Y值为-150,也可翻开变形面板,束缚打勾,扭转设为77.4。第40帧矩形垂直中齐、右对齐,X值为-240,Y值为-150,第55帧延伸帧。参按例图在图层上设好遮罩。




  2、制造“翻页3”影片剪辑元件,库中间接复制“翻封面”更名为“翻页3”,双击进进编纂场景。

  2-1、增添和调剂图层,从第1层入手下手,页1图层改成页3图层,在页3图层上增添首页图层,在光1图层上增添光1左、封面图层改成页1,首页图层改成页2,自下而上分离是:页3、首页、光1、光1左、页1、高光2、遮罩1、页2、遮罩2、高光3、高光3遮罩共11个图。如图:


1

  2-2、页3图层上(间接复制过去时是页1)增添首页图层,翻开页3图层的锁,点第1帧后点场景中的图元件,点右键互换元件换成“页3”影片剪辑元件。点首页图层第1帧从库中拖进“首页”影片剪辑元件,设X值:-240,Y值:-150。第50帧延伸帧。如图:


2


3

  2-3、光1图层上增添光1左图层,点光1图层第一帧复制帧粘帖到光1左图层第1帧,修正—变形—程度翻转,最初挪动到地位至X值:-240,Y值:-150。

  2-4、页1图层(复制时是封面)点第1帧、点场景图元件,点右键互换元件换成“页1“,延伸帧至28帧,29帧拔出空缺关头帧。

  2-5、页2图层(复制时是首页)点第1帧、10帧、20帧、40帧,点场景图元件,点右键互换元件换成“页2“,延伸帧至55。如许“翻页3”影片剪辑元件就完成了。

  3、制造别的翻页影片剪辑元件,库中间接复制“翻页3”影片剪辑元件更名为“翻页5”,双击进进编纂,页3图层改成页5同时互换元件,首页图层改成页2同时互换元件,页1图层改成页3同时互换元件,页2图层改成页4图层同时互换元件。最初库中间接复制“翻页5”改成“翻页7”修正办法同上,依此类推制造“翻页9”、“翻页11”、“翻页13”、“翻页15”、“翻页17”“翻页19”。只需把握每图层互换元件时页数距离1位,如页1互换页3、页2互换页4。

  4、制造“翻封底”影片剪辑元件,从库中间接复制“翻页19”,双击进进编纂,按下面办法互换元件,一切图层延伸到110帧。在最下面的图层(高光3遮罩层)的110帧上拔出空缺关头帧,点右键进进举措面板增加stop();代码。一切的“翻页”影片剪辑就完成了,上面要进进场景组合了,守候我在明后两天完成。


4




  第三部分:场景组合

  在库中新建翻页文件夹把一切“翻页”影片剪辑元件放了文件夹中。

  1、进进场景编纂,新建5个图层自下而上分离是:背景、题目、翻书效果、音乐、按钮、AS共6个图层。如图:


5

  2、背景图层。拔出新建元件名:背景,范例:影片剪辑,背景影片剪辑元件图层1第1帧用矩形工具,笔触无,添补放射状,色彩:左色标:#0033cc,右色标:#000000,在场景中画一矩形巨细设为600*450,全居中,第20、40、60、80帧拔出关头,第20帧改动添补色彩左色标:#FFFF99,右色标:#000000,第40帧改动添补色彩左色标:#CC0000,右色标:#000000,第60帧改动添补色彩左色标:#CCFFFF,右色标:#000000,第80帧改动添补色彩左色标:#0033CC,右色标:#000000(固然也能够依据团体喜好)。

  3、选中图层拔出外形补间。新建图层2把库中筹办好的图片拖进巨细设为600*450,全居中,第80帧拔出延伸帧。回加入景,背景图层第1帧将背景影片剪辑元件拖进,全居中,延伸至660帧,上锁。

  4、题目图层第1帧用文本工具写上本人喜好的题目和署名,延伸至660帧,上锁。

  5、翻书最终效果层第1帧将库中“翻封面”影片剪辑元件拖进场景把放至符合地位,(参考地位X:318,Y:68)实例称号写上fs,第55帧插上关头帧,右键点场景中元件互换元件换成“翻页3”,第110帧拔出关头帧互换元件“翻页5”,依此类推在第165、220、275、330、385、440、495、550拔出关头帧,互换元件分离为“翻页7”“翻页9”“翻页11”“翻页13”“翻页15”“翻页17”“翻页19”“翻封底”。

  6、音乐图层第1帧选中导进的音乐,同步:数据流、反复1次。延伸帧至660帧,上锁。

  7、按钮图层第1帧,从库中或本人新建按钮,把按钮放在符合地位,延伸至660帧,点中按钮翻开举措面板,输出语句:

  on(press)
  {
  play();
  _root.fs.play();
  }

  8、AS图层第1帧翻开举措面板,输出语句:
  stop();
  _root.fs.stop();

  上锁,保留。

  至此,全部动画制造完成。您做好了吗?测试影片吧,祝您乐成!


占用硬盘空间少,所以被广泛应用于游戏、网络视频、网站广告、交互设计等。
精灵巫婆 该用户已被删除
沙发
发表于 2015-1-17 15:27:23 | 只看该作者
随着动画的日益发展壮大,动画片在世界范围影响里越来越大,广告、网页、电影各个方面都应用到了动画。
谁可相欹 该用户已被删除
板凳
发表于 2015-1-24 16:56:28 | 只看该作者
FLASH在网站建设过程中既然有这么多的问题,那为什么我们还继续使用FLASH,不可否认FLASH的问题的确存在,但也不可忽视FLASH在网站建设中。
再见西城 该用户已被删除
地板
发表于 2015-2-2 12:41:40 | 只看该作者
不过,要说国内在FLASH动画领域做的比较出色的,公认的是广州形动数码科技。
愤怒的大鸟 该用户已被删除
5#
发表于 2015-2-7 21:54:09 | 只看该作者
矢量图形有一些固有的限制。例如,照片由于包含太多的信息而不能使用矢量图形这 种形式。但是对于由实体颜色形状构成的图像,Flash很管用。
灵魂腐蚀 该用户已被删除
6#
发表于 2015-2-23 15:04:09 | 只看该作者
向量图有一个特点,就是放大后的图像是不会改变的. 点阵图 向量图Flash的应用,还有再不断在完善的Action Script脚本语言。
飘灵儿 该用户已被删除
7#
发表于 2015-3-7 09:43:27 | 只看该作者
广告本身无法看到网址链接,不利于网站本身的搜索引擎优化,对增加网站排行的权重没有意义。
不帅 该用户已被删除
8#
发表于 2015-3-15 00:44:57 | 只看该作者
在与制作传统动画相比较的同时,flash具有便捷、节省人力财力,节约时间、推广方便的许多优势。但与此同时它也具有一点的缺点。
只想知道 该用户已被删除
9#
发表于 2015-3-21 19:04:59 | 只看该作者
缺点也必然会会有的,但是不同的产品有不同的缺点吧,比如说flash建站它的速度会比较慢。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 17:40

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表