《骨骼动画.ppt》由会员分享,可在线阅读,更多相关《骨骼动画.ppt(23页珍藏版)》请在三一办公上搜索。
1、第10章骨骼动画,教师:杨萌QQ:229781818Email:xian_,10.1 骨骼动画的基本概念10.2 骨骼动画的制作方法10.3 骨骼动画实例,内容概况,10 骨骼动画,骨骼动画又称反向运动(IK)动画,是一种用骨骼的关节结构对一个对象或彼此相关的一组对象进行动画处理的方法。使用骨骼动画可以轻松地创建人物动动画,例如胳膊、腿和面部表情。,什么是骨骼动画,10.1 骨骼动画的基本概念,在Flash CS4中创建骨骼动画对象分为两种,一种是元件的实例对象;另一种是图形形状。,创建骨骼动画的对象,10.1 骨骼动画的基本概念,创建基于元件的骨骼动画,10.2 骨骼动画的制作,Flash
2、CS4中可以对元件实例创建骨骼动画。元件可以是影片剪辑、图形元件和按钮,如果是文本,则需要将文本转换为元件。,1)使用【骨骼工具】将多个元件实例进行骨骼绑定2)在某帧处移动一个骨骼带动相邻骨骼运动3)重复第2步,直到动画设置完成,【基本步骤】,化妆动画,10.2 骨骼动画的制作,1)打开“课堂实例/第十章/化妆美女.fla”2)选择【骨骼工具】,绘制出胳膊的两段骨骼,自动添加“骨架”图层3)选择各图层的第50帧,按F5设置动画播放时间为50帧4)选中“骨架”图层第1帧,使用【选择工具】将小臂拖拽至身体外侧5)选中“骨架”图层第20帧,使用【选择工具】将小臂拖拽至身体内侧6)选中“骨架”图层第5
3、0帧,使用【选择工具】将小臂拖拽至身体外侧,【步骤】,化妆动画,10.2 骨骼动画的制作,【操作演示】化妆美女操作演示,第1帧,第50帧,第20帧,创建基于图形的骨骼动画,10.2 骨骼动画的制作,Flash CS4中还可以对图形形状创建骨骼动画。骨骼动画对象可以是一个图形形状,也可以是多个图形形状,添加第一个骨骼之前必须选择所有形状。,1)使用【骨骼工具】将图形进行骨骼绑定2)在某帧处移动一个骨骼带动相邻骨骼运动3)重复第2步,直到动画设置完成,【基本步骤】,武者动画,10.2 骨骼动画的制作,1)打开“课堂实例/第十章/武者.fla”2)选择【骨骼工具】,绘制出大腿、小腿、脚的骨骼,自动添
4、加“骨架”图层3)选择各图层的第50帧,按F5设置动画播放时间为50帧4)选中“骨架”图层第20帧,单击右键,选择“插入姿势”5)选中“骨架”图层第1帧,使用【选择工具】将小腿、脚拖拽至身体内侧【操作演示】武者操作演示,【步骤】,武者动画,10.2 骨骼动画的制作,第1帧,第20帧,骨骼的属性,10.2 骨骼动画的制作,为对象创建了骨骼后,选择其中的骨骼,【属性】面板显示骨骼的相关属性设置。,骨骼的属性,10.2 骨骼动画的制作,【联接:旋转】默认设置为“启用”,指定被选中骨骼可以沿着父骨骼对象进行旋转,选中“约束”,可设置“最小度数”和“最大度数”【联接:X平移】选中“启用”,指定被选中骨骼
5、可以沿着X轴方向进行平移,选中“约束”,可设置“最小位移”和“最大位移”【联接:Y平移】选中“启用”,指定被选中骨骼可以沿着Y轴方向进行平移,选中“约束”,可设置“最小位移”和“最大位移”,编辑骨骼对象移动骨骼对象,10.2 骨骼动画的制作,【方法】使用【任意变形工具】选择需要移动的对象拖动对象,则骨骼对象的位置发生改变,骨骼长短也相应改变,编辑骨骼对象重新定位骨骼,10.2 骨骼动画的制作,【方法】使用【任意变形工具】选择需要移动的对象拖动对象的中心点,则骨骼对象的联接点移动到中心的位置,编辑骨骼对象删除骨骼,10.2 骨骼动画的制作,【方法】使用【选择工具】选择需要删除的骨骼按【Delet
6、e】键,即可将其删除,绑定骨骼,10.2 骨骼动画的制作,使用【绑定工具】编辑单个骨骼和形状控制点之间的连接,以便控制每个骨骼移动时形状的扭曲方式。(1)绑定控制点:使用【绑定工具】选择骨骼后,按住Shift键,在蓝色未点亮的控制点上单击,则可以将此控制点绑定到选择的骨骼上(2)取消绑定控制点:使用【绑定工具】选择骨骼后,按住Ctrl键,在黄色显示绑定的骨骼控制点上单击,则可以取消此而控制点在骨骼上的绑定,10.3 骨骼动画实例,综合应用实例制作“森林乐园”动画,使用骨骼创建袋鼠跳跃的动画效果,引导线引导袋鼠跳跃的路径,遮罩动画创建文字闪烁,10.3 骨骼动画实例,(1)新建文档600*450
7、,保存文件为“森林乐园”(2)单击【文件】|【导入】|【导入到舞台】,选择“课堂实例第十章森林乐园草地.jpg”(3)利用【信息面板】设置“草地.jpg”的X、Y为0(4)将图层1改名为“背景”,【导入背景】,综合应用实例制作“森林乐园”动画,10.3 骨骼动画实例,【分离袋鼠各部分】,综合应用实例制作“森林乐园”动画,(1)新建“袋鼠”图层(2)单击【文件】|【导入】|【导入到舞台】,选择“课堂实例第十章森林乐园袋鼠.png”(3)将“袋鼠.png”转换为“袋鼠”影片剪辑(F8)(4)双击编辑“袋鼠”影片剪辑,选择【修改】|【分离】,将其打散(5)使用套索工具,将袋鼠的身体、大腿、小腿分离出
8、来,【操作演示】分离袋鼠各部分操作演示,10.3 骨骼动画实例,【制作袋鼠骨骼动画】,综合应用实例制作“森林乐园”动画,(1)将分离出来的各部分转换为影片剪辑元件(2)选择骨骼工具,创建前臂到大腿根部,大腿根部到小腿的骨骼(3)在“骨架”图层,第20帧处插入“插入姿势”(4)在“骨架”图层第10帧处调整骨骼为跳跃状态(5)返回“场景1”,将“袋鼠”实例缩小,放置于舞台左下角,【操作演示】制作袋鼠骨骼动画操作演示,10.3 骨骼动画实例,综合应用实例制作“森林乐园”动画,【制作袋鼠阴影】,(1)复制袋鼠影片剪辑实例,新建“袋鼠阴影”图层,粘贴复制的实例(2)选择“袋鼠阴影”图层的实例,设置【属性
9、面板】:色彩效果高级 红、绿、蓝:0%R、G、B:102 Alpha:64(3)使用“任意变形工具”将其进行变形,放置在“袋鼠”影片剪辑实例下方,【操作演示】制作袋鼠阴影操作演示,10.3 骨骼动画实例,综合应用实例制作“森林乐园”动画,【制作袋鼠跳跃动画】,(1)选择“袋鼠”图层,单击右键选择“添加传统运动引导层”(2)在引导层,使用【铅笔工具】绘制运动轨迹(3)选择所有图层第240帧,按F5,将动画播放时间设为240帧(4)将“袋鼠”图层的第1帧、第240帧处的袋鼠影片剪辑实例分别吸附到运动轨迹的两个端点(5)选择“袋鼠”图层的第1帧至第240帧之间任意一帧,单击右键添加“创建传统补间”(6)将“袋鼠阴影”图层向上拖拽,使其也被引导,重复(4)(5)操作(将袋鼠阴影的影片剪辑实例中心点与引导线端点重合),【操作演示】制作袋鼠跳跃动画操作演示,10.3 骨骼动画实例,综合应用实例制作“森林乐园”动画,【制作闪烁标题】,(1)使用“传统补间”制作旋转光环影片剪辑命名为“旋转”(2)创建“闪烁文字”影片剪辑,并编辑(3)在图层1创建白色带投影文字(4)新建图层2、3,图层3第一帧粘贴图层1的文字(5)图层2放置“旋转”影片剪辑实例(6)将图层3属性改为遮罩,【操作演示】制作闪烁标题操作演示,