欢迎来到天天文库
浏览记录
ID:37489376
大小:323.84 KB
页数:8页
时间:2019-05-24
《基本动画制作》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、实验3基本动画制作实验目的◆学习Flash中直线改弧线的方法◆学习沿指定路径运动的动画的制作方法◆学习将线条转化为填充◆学习创建遮罩动画◆学习使用变形面板◆学习任意变形工具中“注册点”的应用◆利用Flash8完成两个简单动画的制作3.1创建小猪亲亲动画小猪亲亲动画是一个很有趣的动画。以下将设计该动画。3.1.1制作Flash动画元件启动MacromediaFlash8,并新建Flash动画。按2.2.1所述方法设置文档属性:文档尺寸:400×400;帧频:24fps。1.新建元件选择菜单:【插入】
2、【新建元件】,在图2-9所示“新建新原件”对话框中输入
3、名称:小猪;选择类型:图形。并按下列步骤设计“小猪”元件。2.第一图层设置“笔触颜色”为黑色、“填充颜色”为无。然后在画板上分别画出一个椭圆和一个矩形,如图3-1A所示。AB图3-1“小猪”元件第一层全选两个图形元素,选择菜单:【修改】
4、【分离】。然后利用“水龙头”擦除工具,擦掉多余线条,结果如图3-1B所示。再画一个小矩形作为“小猪”的鼻子。全选图形,选择菜单:【修改】
5、【分离】后用水龙头擦除工具“”擦掉多余线条,结果如图3-2A所示。然后移动鼠标至一条边附近,当变为“”时拖动鼠标即可将其中一条线段变为弧信息技术应用实验指导线。同样处理其他两条线段。
6、再分别在小矩形中间和左下方画三条线段,并将其调整为弧线。结果如图3-2B所示,构成“小猪”微笑的表情。AB图3-2为“小猪”元件添加鼻子和微笑表情3.第二图层新建一个图层,分别采用填充颜色为白色和黑色,画一大一小两个椭圆,并置黑色小椭圆于大椭圆内。选中两个椭圆,单击工具栏任意变形工具“”,移动鼠标至图形附近,当变为“”时拖动鼠标调整图形至合适角度,构成“眼睛”,并调整“眼睛”的位置。直线工具画一个小三角形,用选择工具按上述方法将三角形调节成“耳朵”形状。用选择工具选中整个耳朵,按下Ctrl+D复制一个耳朵,再用任意变形工具“”将“耳朵”旋转到合适角度。
7、将两个“耳朵”调整到合适的位置。用铅笔工具“”画出小猪的尾巴,完成线稿的绘制。结果如图3-3所示。图3-3“小猪”元件外形4.填充颜色全部选定所完成的“小猪”图,选择菜单:【修改】
8、【分离】。选择菜单:【窗口】
9、【混色器】,打开“混色器”工具窗口,将填充颜色由粉红到白色的渐变,粉色值为“#FF66CC”,渐变类型为“放射状”。如图3-4所示。图3-4“小猪”填充颜色设置·2·实验3基本动画制作选择颜料桶工具“”,在小猪的身体上点一下,调整渐变到如图3-5所示效果。图3-5“小猪”填充效果5.完成“小猪”元件用水龙头擦除工具“”擦掉小猪耳朵上的线段等多余
10、线条,完成“小猪”元件。6.制作“心”元件新建一个元件,命名为“心”。用直线工具及选择工具画出心形的轮廓。然后选择菜单:【修改】
11、【分离】。再将“心”填充为红色。3.1.2场景制作1.场景第一层回到场景中,将“小猪”元件从库中拖到舞台左下方,并用任意变形工具“”调整大小。选择菜单:【编辑】
12、【复制】。2.场景第二层新建一个图层,选择菜单:【编辑】
13、【粘贴到当前位置】。再选择菜单:【修改】
14、【变形】
15、【水平翻转】,使新粘贴的“小猪”与图层1的“小猪”面对面。水平调整小猪位置至舞台右下方。结果如图3-6所示。图3-6添加“小猪”元件的场景3.“小猪”动画同
16、时选定两个图层时间轴的第15帧,按下键盘F6键,插入关键帧。并将两个“小猪”分别向中间水平移动至嘴对嘴。调整好位置后分别为两层第1至14帧添加动画补间。选中两个图层时间轴上的第15帧,单击右键选“复制帧”,在第20帧上单击右键选“粘贴帧”。分别为两层第15至20帧添加动画补间。在两个图层的第17帧处按F6插入一个关键帧,在此帧上将两只小猪分开一些(按键盘上的左右方向键分别后退一点点即可)。4.“心”动画新建一个图层。选中第15帧,按F6插入关键帧,在库面板中将画好的“心”元件拖进来放在猪嘴中间,用任意变形工具“”缩小。在时间轴面板中单击添加运动引导按钮
17、“”,创建运动引导图层。在时间轴上第15帧为运动引导图层添加关键帧,再使用铅笔工具“”在引导图层上绘制对象运动路径,·3·信息技术应用实验指导如图3-7所示。图3-6添加“心”运动引导路径同时选择“心”所在层和运动引导层第20帧,按下F6键插入一个关键帧。并为“心”所在层第15至20帧创建补间动画。选择“心”所在层第20帧,调整“心”的位置至运动路径末端,并用任意变形工具“”调整图像大小。3.1.3完成动画设计完成动画设计后的时间轴如图3-7所示。图3-7完成动画设计后的时间轴1.预览动画效果按2.2节所述方法预览动画效果。对不满意的地方还可以进一步修
18、改。2.保存并发布动画将所设计的动画按2.2.5所述方法保存并发布。完成设计试验后退出“Mac
此文档下载收益归作者所有