- 浏览: 43529 次
- 性别:
- 来自: 深圳
最新评论
制作飘动的头发可以用形状补间动画和逐帧动画的方法来实现。用形状补间制作出来的头发飘动效果比较流畅,但制作的时候如果形状控制不好,就会出现变化杂乱无章的现象。利用逐帧动画制作出的效果有跳跃的感觉,但不会出现变化无章法的现象。现在我们利用这两种方法让梅的头发飘起来。
制作步骤
1.创建“梅正面头像”元件
按Ctrl+F8新建一个名为“梅正面头像”的图形元件,单击时间轴下方的“插入图层”按钮,插入所需要的图层,并重新命名图层名称,这里,将脸、嘴、鼻子等不需要创建补间动画的部位放在一个图层上,将眼睛、前发、后发等要创建补间动画的元件分别单独放在一个图层。图层结构如图5-1-1所示。
图5-1-1 “梅正面头像”图层结构
注意:在Flash中只能在含单个实例的帧之间完成补间动画,如果帧中含有多个实例,也就是说在一层中有多个实例,那两个关键帧之间就不能建立补间动画。所以,将要作补间动画的元件需要分别单独放在一个图层上。另外,将不运动的部位放在同一个图层的时候,要注意实例放入的先后次序,先拖放到舞台上的实例将被后拖入的实例覆盖。所以,应该先将“脸”拖放到舞台,再拖放其它部位。为了看起来楚清明了,也可以把脸单独放在一个图层,其它不作运动的五官放在一个图层。
从“库”中将绘制好的梅的“眼睛”、“鼻子”等图形元件拖放到相应图层的舞台上,单击“任意变形工具”按钮
,选中舞台上要调整的元件实例,再单击“选项”中的“缩放”按钮
或“旋转与倾斜”按钮
。将鼠标指针放在调整手柄上,拖动手柄,调整舞台上元件实例大小与角度。
提示:在编辑元件的时候,为了防止修改其它图层的内容,最好将别的图层锁定;对图层进行锁定和操作,只要单击图层名称前面的“锁定/解除所有图层锁定”图标即可。
2.利用逐帧动画制作前发飘动效果
(1)创建第10帧内容。双击“前发”实例,进入到该元件编辑环境中。锁定并隐藏“阴影”图层,在“前发”图层的第10帧按F6插入一个关键帧,选择工具栏上的“选择工具”,调整发梢的位置,打开洋葱皮工具中的“绘图纸外观轮廓”按钮
,可看到两个关键帧的内容。注意第10帧上的内容是以轮廓方式显赫,如图5-1-2所示。
图5-1-2利用“洋葱皮工具”观察运动轨迹
说明:利用“洋葱皮工具”可以观察到当前帧前后若干个帧的内容,从而使我们更好地创建过渡帧。
(2)绘制过渡帧内容。在第2帧插入一个关键帧,用“选择工具”,在该帧上按照第1帧和第9帧发梢的轨迹将发梢位置稍作调整,效果如图5-1-3所示。
图5-1-3 根据轨迹调整第2帧内容
用同样的方法在第3帧到第9帧插入关键帧,并调整发梢位置。如图5-1-4所示,是第绘制到第6帧时显示的运动轨迹。
图5-1-4 第6帧上观察到的运动轨迹
技巧:按住Ctrl键,在时间轴上来回拖动播放头,可以检测所做动画的准确性,当从第1帧划到第10帧就会看到头发从右飘到左,再从第10帧划到第1帧,可以看到头发从左飘到右。我们经常可以利用这种方法来发现角色与背景之间的位置关系错误或者动作错误。但要注意,在场景中用这种方法检查,只能是针对图形元件,对影片剪辑元件是看不到角色动作的。
(3)利用动画循环完成头发的飘动。前面绘制的10帧只能是头发飘动过程的一半,由于头发的飘动是一个不断循环的过程,开始帧和结束帧画面内容是相同的,只要把第10帧至第1帧的内容依次复制到第11帧至第20帧即可。
用同样的方法完成头发阴影部分飘动的效果。
3.利用形状补间动画完成后发飘动效果
(1)创建形状补间动画。在后发图层的第15帧插入关键帧,将后发发稍的位置稍作调整,如图5-1-5所示。
本文转自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/654.html
发表评论
-
使用ProgressBar,Loader做LOADING简易教程
2010-04-10 13:39 703这里介绍一个用组件ProgressBar,Loader来做LO ... -
一个flash loading效果
2010-04-10 13:39 695在公司里做动画时候做的一个loading的效果,可以参考但不要 ... -
非常棒的loading制作教程
2010-04-10 13:39 550首先,想说一下我写此文的动机。记得很早之前我曾经说过“没有l ... -
flash进度控制条
2010-04-10 13:39 380这是我在做flash mv时做的,看下效果: 下面是代码: / ... -
Flash打造美女影片指导进度条
2010-04-10 13:38 579我们制作一个好看的影片导入进度条。 先看效果。 准 ... -
as3打造过点作已知直线的垂线,求垂足坐标
2010-04-09 11:54 678var Arr:Array=new Array(); Arr ... -
as3打造过点作已知直线的垂线,求垂足坐标
2010-04-09 11:53 1129var Arr:Array=new Array(); Arr ... -
as3系列判断点是否在矩形区域内
2010-04-09 11:53 1085trace(point_in_dect(2,2,1,1,3,3 ... -
as3系列判断点是否在矩形区域内
2010-04-09 11:53 1300trace(point_in_dect(2,2,1,1,3,3 ... -
as3学习-利用分隔符对字符串的分割
2010-04-09 11:53 962利用分隔符对字符串的分割, var Str:String ... -
flash制作飘动头发
2010-04-08 11:26 1078制作飘动的头发可以用形状补间动画和逐帧动画的方法来实现。用形状 ... -
自然现象动画实战技术(风雨雷电)
2010-04-08 11:26 913★第一章 风 风是日常生活中常见的一种自然现象。空气流动 ... -
自然现象动画实战技术(风雨雷电)
2010-04-08 11:25 754★第一章 风 风是日常生活中常见的一种自然现象。空气流动 ... -
Flash打造彩色线条动态图案生长动画
2010-04-08 11:25 803今天我们用Flash软件 ... -
flash动画形变讨论二:低头
2010-04-08 09:40 572上次说了基本的形变,现在说下提示点,提示点是控制图形变化的基本 ... -
卡通娃娃360度转身动画
2010-04-08 09:40 527超人表情原创大赛正如火如荼的进行中,对于初哥可能就望钱兴叹了, ... -
指针随鼠标移动的flash卡通时钟
2010-04-08 09:40 539。先看下时钟效果: var fnum:Number = ... -
动画人物运动规律与节奏
2010-04-08 09:40 579本文转自:h ... -
Flash绘制美丽风景画之海滩
2010-04-08 09:39 561过前段时间学习,我们掌握了鼠绘的一些初步知识,今天我们来综合一 ... -
Flash钢笔工具使用
2010-04-07 12:57 792有朋友问flash中钢笔工具的使用方法,所以把以前写的一本书里 ...
相关推荐
收集到的Flash AS3.0制作飘动的气泡,内含详细注释
flash制作 照片 星星 重点:掌握制作逐帧动画、补间动作动画、补间形状动画的操作。 实验内容: 1. 制作一个简单的图片浏览器。(最少4张图) 要求: a) 自选图片导入到库; b) 一个图片在一个图层 c) 图片交替...
flash怎么简单制作飘动的五星红旗.docx
飘动的云朵,应用于网页背景,页头背景等网页设计中
flash制作红旗图片飘动效果实例.docx
ActionScript实现的旗子飘动效果flash
Flash树叶飘动动画,竹叶随风摆动 飘动动画素材【Flash】,很飘逸洒脱的风吹叶摆效果,竹叶随风飞舞,给人很美的感觉,请参见演示截图所示。可作为一个Flash影片设计的空镜头来使用,作为场景动画。竹子不是失量设计...
飘动的音符flash动画
Unity3D动态骨骼 头发 衣服 飘带 裙子 飘动动画插件
C# 制作飘动的动画窗体 C# 制作飘动的动画窗体
图片飘动图片飘动图片飘动图片飘动图片飘动图片飘动图片飘动图片飘动图片飘动图片飘动图片飘动图片飘动图片飘动
c#制作飘动动画窗体,可以实现上下左右自由飘动,
JQuery css3制作飘动的云动画特效是一款蓝天上飘动的白云动画效果
制作飘动的红旗资料.pdf
制作飘动的红旗实用.pdf
制作飘动的红旗归纳.pdf
flash文件,飘动的美国国旗,格式为swf
红旗飘动动画
as3 编写的随机飘动的气球。用flashCS3做成的。