仓酷云

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

[学习教程] 动画教程之制造飘动的胡蝶

[复制链接]
萌萌妈妈 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 21:10:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash的前身是FutureWave公司的FutureSplash,是世界上第一个商用的二维矢量动画软件。
  
  胡蝶飘动的效果是很多Flash影戏中常常使用到的一个效果,而在本例中仅仅用到了一只沿路径活动的胡蝶就到达了一个对照好的效果。这个实例是在场景中经由过程鼠标的挪动来完成胡蝶飘动,个中胡蝶飘动的路径、巨细和数目并非断定的,而是我们经由过程ActionScript来举行把持的。好了,上面我们就入手下手这个动画的制造吧!

  第1步,启动FlashMX,新建一个文件。右击舞台的空缺处,选择快速菜单中的“文档属性”,设置尺寸巨细为:500PX、250PX,背景色彩为“玄色”,断定“断定”按钮,如所示。

  第2步,按“Ctrl+F8”键,新建一个新元件,称号为“胡蝶”,“举动”选择“图形”,如所示
  单击“断定”按钮,进进胡蝶编纂区。我们能够绘制一个胡蝶,假如以为在绘制上以为对照啰嗦,就找一个现成的处置后的胡蝶。如所示。

  第3步,按“Ctrl+F8”键再创立一个新元件,称号为“butterfly”,举动选择“影戏剪辑”,如所示,
  单击“断定”按钮,进进其编纂区。单击“窗口”→“库”,弹出库对话框,将我们制造的“胡蝶”元件拖到“butterfly”编纂区,单击第7帧、13帧、19帧处按F6键分离拔出三个关头帧,选中工具箱中的“恣意变形工具”将第7帧、13帧、19帧的胡蝶顺次变榨,如所示。
  再别分右击第7帧、13帧、19帧选择快速菜单中的“创立补间动画”,最初的工夫轴如所示。

  第4步,按“Ctrl+F8”键再创立一个新元件”,称号为“fly”,举动选择“影戏剪辑”,如所示,
  单击“断定”按钮,进进其编纂区。我们从库中方才制的“butterfly”元件拖到舞台上,在此层的第35帧处按F6键拔出一个关头帧。单击工夫轴上面的“活动引诱层”按钮,新建一个图层。单击此层的第1帧,选择工具箱中的“铅笔”工具,画一条曲线,色彩恣意,也就是胡蝶活动的路径,如所示。

  第5步,单击“图层1”的第1帧,选中“butterfly”元件,将它的注册点移与曲线的一端点重合,然后单击窗口上面的“属性”对话框,将“色彩”选择“Alpha”,将其值设为20%,如所示。
  再单击第35帧将“butterfly”注册点与曲线的另外一端重合,按一样的办法,弹出“属性”对话框,将“色彩”选择“Alpha”,将其值设为30%。然后右击第1帧,弹出快速菜单,选择“创立补间动画”。

  第6步,在图层2的第8帧、15帧、25帧分离单击右键,弹出快速菜单,选择“转换为关头帧”,再分离选中这几帧上的“butterfly”元件,按后单击工具箱中的“恣意变形工具”将其略微扭转一点角度和改动一下巨细,如0所示。单击“场景1”前往主场景。

  第7步,将方才做的“fly”元件从库中拖到舞台上,用鼠标选中它,单击窗口下方的“属性”对话框,将它的实例称号为“fly”,如1所示。在第3帧处,按F5键拔出一帧。单击第1帧,单击窗口下方的“举措-帧”对话框,到场以下语句:

  startDrag("fly",true);
  第8步,单击工夫轴下方的“拔出图层”按钮,新建一图层。在这个层上的第1帧、第2帧、第3帧分离按F6键拔出三个关头帧,在每一个关头帧上分离到场以下举措语句:
  第1帧:
  number=0;
  第2帧:
  number=number+1;
  if(number<20){
  duplicateMovieClip("fly","fly"andnumber,number);
  setProperty("fly"andnumber,_alpha,100-number*5);//改动其通明度
  s

AdobeFlashProfessionalCS5.5软件可以提供行业领先、用于制作具有表现力的交互式内容的授权环境。
简单生活 该用户已被删除
沙发
发表于 2015-1-17 15:51:14 | 只看该作者
在与制作传统动画相比较的同时,flash具有便捷、节省人力财力,节约时间、推广方便的许多优势。但与此同时它也具有一点的缺点。
若相依 该用户已被删除
板凳
发表于 2015-1-21 22:47:17 来自手机 | 只看该作者
各种性能才能运用的得心应手,制作出优秀的动画。
飘飘悠悠 该用户已被删除
地板
发表于 2015-1-30 22:56:53 | 只看该作者
flash的流行因素包括了技术上的优势——技术本身的优势;技术掌握上的优势;其他技术的弱势;
爱飞 该用户已被删除
5#
发表于 2015-2-6 16:55:37 | 只看该作者
专业的建筑动画、产品动画、角色动画、flash动画、游戏美工等全方位服务的创意动漫公司。十年专业的动漫制作经验,为政府、企业等制作出无数优秀的创意动画设计产品。
只想知道 该用户已被删除
6#
发表于 2015-2-17 16:49:25 | 只看该作者
Flash插件的最新版本允许设计者控制Box之外的元素和把Flash元素放在HTML或其它元素上面或下面,这就为交互性打开了一个崭新的世界。
小妖女 该用户已被删除
7#
发表于 2015-3-5 21:36:47 | 只看该作者
还有,艺术上的优势——各异的风格;创作手法独特;独立性和原创性;拓展出新的表达空间;
莫相离 该用户已被删除
8#
发表于 2015-3-12 16:15:57 | 只看该作者
单纯的做动画而言,flash动画与传统动画有很多差别,这里会为你介绍什么是flash与flash与传统动画相比具有的优点和缺点,而进一步了解flash动画
山那边是海 该用户已被删除
9#
发表于 2015-3-20 00:01:40 | 只看该作者
所以不要使用不必要的高祯率 - 否则老的、慢的计算机在显示动画时会阻塞。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 02:23

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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