第十二讲PPT.ppt
FlashCS3动画教学,团结进取 砥砺成才 http:/,综述,综合动画-湖光山色,FlashCS3动画教学,团结进取 砥砺成才 http:/,提纲,场景元素设定动画制作总结,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,动画思路:该动画主要通过夕阳、山脉、湖水、渔舟等元素相互对立、映衬来表现 一幅黄昏的景色。动画元素:远山、夕阳、渔舟、灯笼、渔夫、湖水等技术要点:水波纹效果的遮罩、轨迹动画、明暗度变化动画等常用基础动画,FlashCS3动画教学,团结进取 砥砺成才 http:/,提纲,场景元素设定动画制作总结,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,第一步:新建影片剪辑元件命名,太阳。放射状填充 左FF6600 右FF9900,画一个正圆,并将其保存在太阳文件夹中。第二步:新建图形元件,名遮片,画遮片并将其放置到其他文件夹下,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,第三步:新建影片剪辑元件,命名背景。共9个图层.从上至下,云,云倒影,山,山倒影,太阳,太阳倒影,遮罩,水波,背景。首先、背景:画550*400矩形,直线分割成上下俩部分;,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,其次、上面填充:放射状6个色标,从左至右F9CC64,F19167,D06553,925054,B65A54,513D56。,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,再次、下面填充:放射状5个色标,从左至右F4A563,D59282,BD725F,503D56,0D100F。第四步:选中背景边框,CTRL+X剪切,CTRL+SHIFT+V粘贴到山图层,点选铅笔工具,”选项”设置”墨水”,绘制山的轮廓,如下图:,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,第五步:按如下要求填充颜色:,线形55465D1D1C28,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,第五步:删除线条,选中这帧,右键转换成元件,图形,命名山,并将之存入山脉文件夹。第六步:复制山,同位置粘贴到山倒影图层。然后做山的倒影效果,具体是把山垂直翻转,用变形工具适当的把山的高度压扁,再用方向键向下移动,在属性面板里设置Alpha为55%左右。第六步:从库中把太阳拖入太阳图层,摆放好位置,并做滤镜效果,模糊X10,Y10,如图:,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,第七步:复制太阳,粘贴到太阳倒影图层,放好位置,Alpha42%,需要注意太阳倒影也需要略微压扁,以便出现更逼真的倒影效果。第八步:用笔刷刷云彩,三种颜色,均为放射状填充:第一种662244 Alpha100%,D46A55 Alpha0%第二种EE8D65 Alpha84%,D46A55 Alpha0%第三种6B476B Alpha77%,E9967A Alpha0%,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,第九步:简单点用纯色画云也行,选中云,转换成元件,影片剪辑,命名云。给云做滤镜效果,模糊值X20,Y10。第十步:复制云,粘贴到云倒影图层,垂直翻转,用变形工具适当压扁,放好位置,Alpha42%。十一步:选中背景下面部分,CTRL+C复制,CTRL+SHIFT+V粘贴到水波图,用方向键向右移动2个像素(左右上下方向和移动多少像素自己可以试着去弄,做完遮罩后测试对比下效果),把所有的图层延长到120帧。十二步:遮罩图层:从库中把遮片拖入第1帧摆放好。,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,十三步:第120帧插入关键帧,把遮片向左下移动,创建动画补间。十四步:新建影片剪辑元件,命名飞鸟。共16帧每隔1帧一个关键帧,共8个关键帧,这个并不要很精细,画出大概样子就行了。,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,下面是放大后的效果,可以自己动手绘制,也可以上网找到类似素材使用,。飞鸟动画是通过逐帧来实现的,通过轨迹线制作一个从云层飞出,一个从底部飞出到左上部的两个飞鸟动画,之后部分下节上机课再挖成,有基础的同学可尝试完成后续步骤的动画创作,后续动画详细步骤下节课提供。十五步:新建图形元件,名小船,如图画小船。,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,下面是小船的轮廓和绘制好后的效果。,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,绘画功底好一些的同学可绘制成如下较复杂的模型十六步:新建影片剪辑元件名:船动。从库中把小船拖入,第30,60帧分别插入关键帧,在第30帧用变形工具选中小船,左右方向把小船压稍微窄,创建动画补间。,FlashCS3动画教学,团结进取 砥砺成才 http:/,角色动画,十七步:组装场景。把船动元件拖入场景摆放好,复制一个做倒影效果,记得稍微压扁并设置透明度。十八步:把飞鸟元件拖入场景,放在场景的左边,右键转换为影片剪辑元件,名鸟飞1。十九步:双击进入鸟飞1元件编辑区,添加运动引导图,画引导线,延长到200帧,之所以这样做事为了让飞鸟和整个场景有一个对比效果。二十步:回到第1图层,第200帧插入关键帧,把飞鸟移动场景右边,注意两个关键帧中的飞鸟的注册点都要压在引导线上.创建动画补间。二十一:用同样的方法再做一个鸟飞的元件。二十二:做遮罩,笔触色禁止,填充色为白色,对象绘制点上,画一个比场景大的矩形(把场景外的东西都遮住就行),全居中,换下填充色,再画一个矩形,匹配高和宽,全居中。选中两个矩形,打散,释放下鼠标,再选中中间的矩形删除,完成。,