FLASH骨骼工具制作皮影动画技巧

   本例将使用Flash CS4新增的“骨骼工具”来创建反向运动,该工具可以在短时间里制作出复杂而自然的动画效果,这种制作方式很适合运用在皮影动画中。

  本例思路

  导入素材,然后分割好图形的各部分元素。

  使用“骨骼工具”为老人添加好骨骼,然后为老人制作出行走动画。

  使用“骨骼工具”为小狗添加好骨骼,然后为小狗制作出跳跃动画。

  Part 1

   分割图形

  (1)按Ctrl+R组合键导入素材/皮影.ai文件,如图6-1所示。


  图6-1   导入素材

  (2)将老人的各肢体转换为影片剪辑,因为皮影戏的角色只做平面运动,然后将角色的关节简化为10段6个连接点,如图6-2所示。


  图6-2   连接点

  (3)按连接点切割好人物的各部分,然后每个部分转换为影片剪辑,如图6-3所示。


  图6-3   切割素材

  (4)将各部分的影片剪辑放置好,然后选中所有元件,再将其转换为影片剪辑(名称为“老人”),如图6-4所示。


  Part 2   制作老人行走动画

  (1)单击“工具箱”中的“骨骼工具”按钮 ,然后在左手上创建好骨骼,如图6-5所示。


  图6-5   创建左手骨骼

  技巧提示:

  使用“骨骼工具”连接两个轴点时,要注意关节的活动部分,可以配合“选择工具”和Ctrl健来进行调整。

  (2)采用相同的方法创建出头部、身体、左手、右手、左脚与右脚的骨骼,如图6-6所示。


  图6-6 创建其他骨骼

  (3)人物的行走动画使用35帧完成,因此在各图层的第35帧插入帧,如图6-7所示。


  图6-7   插入帧

  (4)调整好第10帧、18帧和第27帧上的动作,使角色在原地行走,然后创建出“担子”在行走时起伏运动的传统补间动画,如图6-8所示。


  图6-8   调整行走动作

  (5)返回到主场景,然后创建出“老人”影片剪辑的补间动画,使其向前移动一段距离,如图6-9所示。


  图6-9    创建补间动画

  (6)按Ctrl+Enter组合键发布动画,效果如图6-10所示。


  图6-10   行走动画

  Part 3

   制作小狗跳跃动画

  (1)使用“骨骼工具”为小狗添加骨骼,小狗的骨骼和老人的骨骼不同,小狗只使用一副骨骼,如图6-11所示。


  图6-11   创建骨骼

  技巧提示:

  小狗的右前脚和右后脚在身体的背面,被身体挡住了,所以不能直接关联对象,如图6-180所示,这时可以将右脚拉出来关联骨骼后,然后按住Ctrl键的同时使用“选择工具”将其放回原位,如图6-13所示。


  图6-12    禁止关联对象


  图6-13    关联调整对象

时间: 2025-01-01 12:23:16

FLASH骨骼工具制作皮影动画技巧的相关文章

Flash的骨骼工具制作皮影动画技巧

核心提示:Flash CS4的骨骼工具制作皮影动画技巧教程. 本例将使用Flash CS4新增的"骨骼工具"来创建反向运动,该工具可以在短时间里制作出复杂而自然的动画效果,这种制作方式很适合运用在皮影动画中. 本例思路 导入素材,然后分割好图形的各部分元素. 使用"骨骼工具"为老人添加好骨骼,然后为老人制作出行走动画. 使用"骨骼工具"为小狗添加好骨骼,然后为小狗制作出跳跃动画. Part 1 分割图形 (1)按Ctrl+R组合键导入素材/皮影.

Fireworks利用滤镜工具制作Gif动画实例教程

gif文件: png文件: R: 看了"小可爱"转的用fireworks插件制作3D的gif动画,实在强大. 介绍这个插件的文章有差不多这样一句话:按下"导出"按钮,可能有类似死机现象,但是只要耐心等待,总会输出gif. 晕,我家里的机是n年前的老牌货,看来要另想办法了. 乱碰乱撞之下,意想不到的事情发生了----- 1. 新建一个150*100px大小的画布, 用"星型工具"画一个四叶草图案,为它加一个"纯色阴影滤"镜. 按

利用PS涂抹及减淡工具制作毛发字技巧

毛发的制作方法有很多,用钢笔描边路径制作是最繁琐的,同时是最精细的.下面介绍较为简单的方法,直接用定义好的笔刷来制作,只需要慢慢涂抹就可以做出想要的毛发效果. 最终效果 <点小图查看大图> 1.制作文字之前需要先定义两款笔刷,新建一个20 * 20像素,分辨率为72像素的文件,背景填充黑色,新建一个图层,把前景颜色设置为黑色,用圆形画笔在画布中点一个大小不同的小点,如图1,执行:编辑 > 定义画笔.也可以点这里直接下载笔刷. <图1> 2.新建一个1000 * 600像素,分

Flash制作皮影老头运动动画

  Part 1 分割图形 (1)按Ctrl+R组合键导入本书配套光盘中的"Chapter06/素材/皮影.ai"文件,如图6-1所示. 图6-1 导入素材 (2)将老人的各肢体转换为影片剪辑,因为皮影戏的角色只做平面运动,然后将角色的关节简化为10段6个连接点,如图6-2所示. 图6-2 连接点 (3)按连接点切割好人物的各部分,然后每个部分转换为影片剪辑,如图6-3所示. 图6-3 切割素材 (4)将各部分的影片剪辑放置好,然后选中所有元件,再将其转换为影片剪辑(名称为"

Flash动画技巧:人侧面走路动画制作

flash动画|技巧 人的动作是复杂的,但却有规律可寻.人的走路的运动规律:出右脚甩动左臂(朝前),右臂同时朝后摆.上肢与下肢的运动方向正好相反.另外,人在走路动作过程中,头的高低也必然成波浪形运动.当迈开步子时,头顶就略低,当一脚着地,另一只脚提起朝前弯曲时,头就略高.由此以有前辈们总结了,人走路可以用五幅画组成一个完步. 附件: 走路图1 走动画01  走动画02  01  02  走动画03  03

制作Flash动画技巧之遮罩效果解析

flash动画|技巧 一.最近无意中发现了这一效果,以前也曾经看到多次,却没有在意,以为原理就是这么简单,最近发现,其实不是想像的那么简单呦,原来事情换一种角度来看会发现有不一样的收获. 1.  新建一文件黑色背景,在图层1中画几条线,转换成元件1, 2.  再新建图层2,画一个白色放射状圆形转成元件2,再创建一段补间动画.让小球动起来. 3.  选中图层1,右键单击出现菜单,选择"遮罩层". 现在发布一下影片,看看效果-- 发现屏幕一片黑,没有出现任何东西! 难道是做错了吗?原因是什

Flash动画技巧之如何掌握引导层

flash动画|技巧     问题:作移动渐变动画的时候,使用了引导层.但是我的元件为什么没有按照引导线去运动,而是从开始帧的位置直接移动到结束帧的位置? 解决思路:      引导层的作用是限制元件的移动轨迹.如何来实现呢,我们必须把元件运动的开始帧放到引导线的一端,结束帧放到引导线的另一端,这样引导线才可以根据自身的形状来限制元件的移动.出现上述问题的朋友很多,其实原因很简单,就是在放置元件的过程中没有与引导线粘合,导致无法之作出效果. 具体步骤:      1.运行Flash MX 200

使用DragonBones开发FLASH骨骼动画入门教程

DragonBones是什么? DragonBones是一套开源的 2D骨骼动画框架和工具,它包含了基于Flash Pro的骨骼动画编辑面板DragonBonesDesignPanel及骨骼动画ActionScript框架. 它可以让开发者运用熟悉的Flash Pro元件及时间轴编辑方式,快速创建2D骨骼动画,并运用到Flash或其他技术的应用中. Features 动画基于Flash pro时间轴,可以使用Flash传统动画方式制作游戏动画: 骨骼绑定可以让动画更精准,更真实自然,并可通过程序

Flash教你制作卡通MM眨眼睛动画

核心提示:前些天看到一张可爱的卡通娃娃图,发现其线条很简明,就画了个大家一起练习Flash教你制作卡通MM眨眼睛动画. 前些天看到一张可爱的卡通娃娃图,发现其线条很简明,就画了个大家一起练习~开始开始,今天不说废话了~先来看下最后效果: 打开Flash,新建一个空白的Flash文档.首先来画帽子~选择线条工具,先在场景中画一条横直线,然后用选择工具把它变成曲线(这个变曲线的方法在叶子的绘制里有说了,不明白的就去看下吧~) 截个小动画帮助大家理解曲线的制作~ 再次选择线条工具,加多一条直线,且选择