《项目跟踪实训任务》由会员分享,可在线阅读,更多相关《项目跟踪实训任务(18页珍藏版)》请在金锄头文库上搜索。
1、实训指导书二维动画设计与制作2010年7月目 录逐帧动画3动态书法3表情变化的小人4运动动画(引导线)5快乐转转转5纸飞机6形变动画(控制点)7弹性线条7水波8遮蔽动画9车窗外的风景9反色字10地旋转的球11按钮动画12带提示的按钮12带有特殊含义的按钮13嵌套动画14动态按钮14交替显示的图片15网页banner16色彩动画17节日的彩灯17色彩变化的文字18文字特效19闪光字19闪烁的文字霓虹灯20脚本动画21播放器21鼠标拖拽效果22实训题目:动态书法目的要求:运动逐帧动画的制作方法。将文字打散,调整每一帧中文字的笔划。使文字的笔划在每一帧中按书写的顺序出现,从而出现动态书法的效果。相关
2、技术:插入关键帧、打散、测试影片步骤提示:(1)在关键帧中输入文字,将其打散。 (2)在第130帧中建立若干关键帧,调整每帧中应出现的文字笔划的顺序。 (3)测试电影。如图所示要点:为了控制文字的笔划,必须将文字打散。为使效果逼 真,要适当的安排关键帧出现的位置。实训题目:表情变化的偶人目的要求:运用逐帧动画的制作方法。将不同的图片放到不同的关键帧中,连续播放影片,使图片中的人物运动起来。相关技术:插入关键帧、延时、测试影片步骤提示:(1)根据图片的数量建立相应数目的关键帧。 (2)按照动画播放效果要求的顺序将图片排序。 (3)将图片放入关键帧中。 (4)测试影片, 要点:为使效果逼真,可以在
3、每一个关键帧后添加延时的帧。实训题目:快乐转转转目的要求:颜色相间的发散色条不断旋转,并且有一行文字由左向右运动。相关技术:直线运动、旋转运动步骤提示:(1)该动画有两层组成,第1层是旋转层,第2层是文字运动层。 (2)创建一个“图形”符号,绘制一个发散的颜色相间的色盘(见图9-15)。 (3)在第1层中导入该“图形”符号,制作该符号的旋转动画。 (4)在第2层中制作文字“快乐转转转”的运动动画。 (5)测试影片。如图9-16所示。实训题目:纸飞机目的要求:两个纸飞机沿着同一轨迹相向运动。用引导线动画制作,实现一个引导层控制两个被引导层。相关技术:导向动画、一个引导层和多个引导层建立关联。步骤
4、提示:(1)设置场景尺寸为400像素300像素,填充色为蓝色。建立“图形”符号1,在其中绘制一个黄绿色相间的纸飞机。 (2)建立“图形”符号2,再回至一个粉蓝色相间的纸飞机。 (3)在场景中的第1层中导入“图形”符号1,并在第50帧建立关键帧。 (4)新建引导层,绘制椭圆形运动轨迹(可以使用“工具”面板中的圆形工具,设置其无填充色,线条颜色为黑色)。 (5)在第1层,设置符号1沿轨迹运动的起始点和中指点,并创建运动动画。 (6)新建普通层,在其中导入“图形”符号2,设置该层与引导层关联。创建符号2的导向动画。 (7)测试影片要点:(1)一个引导层和多个引导层关联的方法。 (2)为了使纸飞机在运
5、动过程中效果逼真,应设置该运动为“沿轨迹运动”。实训题目:弹性线条目的要求:通过此例可以说明使用变形精灵制作形变动画的方法。相关知识:形变动画制作、形变精灵的使用。步骤要求:1、创建电影文件:首先选择菜单“文件新建”(file_new)创建一个空白的电影文件,然后选择菜单“修改文档”打开“电影文件属性设置”对话框,在对话框中设置背景色为白色,舞台尺寸为500像素400像素。 2、创建线条的形变 (1)单击第1帧,选择“工具”面板中的直线工具,在场景中绘制一条红色的直线。 (2)右击第20帧,从弹出的快捷菜单中选择插入关键帧(insert keyframe) (3)单击第20帧,调整直线的形状。
6、 (4)打开“属性”面板。单击第120帧中任一帧,在“属性”面板中的tween下拉列表中选择“形状”(shape)项,创建形变动画。实训题目:水波目的要求:实现文字中水波荡漾的效果。要求使用形变动画和遮蔽动画制作方法完成。相关技术:形变动画、遮蔽动画步骤提示:(1)将场景尺寸设置为300像素200像素,背景色为黑色。 (2)在第1层中输入文字“水波”,颜色为白色。 (3)将该文字按原位置粘贴至第2层。 (4)在第3层中绘制一蓝色的矩形。在第3层中设置4个关键帧,调整每个关键帧中矩形的形状,在每两个关键帧之间创建形变动画,从而产生水波效果。 (5)将第2层拖动至第3层上面,将第2层设置为遮蔽层。
7、 (6)测试动画。实训题目:反色字目的要求:当文字移动到不同背景颜色上时会显示不同颜色。相关技术:遮蔽动画、运动动画步骤提示:(1)设置场景尺寸为400像素200像素,北京颜色为黄色。 (2)在Layer1层上绘制一个尺寸为400像素87像素、无边框的白色矩形。 (3)将矩形一分为二,填充色为左黑右白。将Layer1层中所有元素复制并在当前位置粘贴到Layer2层。 (4)将Layer2层中矩形填充色改为左白右黑。 (5)在Layer3层中输入文字“反色文字”,要求颜色为蓝色、字号为48磅。调整文字在Layer3层中起始和结束帧位置,创建运动动画。 (6)将Layer3层设置为遮蔽层。 (7)
8、测试影片。实训题目:旋转的地球目的要求:地球不停的自西向东自转。相关技术:设置图形透明度 创建电影片段符号设置遮蔽层步骤提示:(1)创建一个电影片段符号,并进入该符号的编辑环境。 (2)在Layer1层上绘制一圆形,设置其W为120、H为120、X为-60、Y为-60,填充色为蓝-黑渐变色,无边框。 (3)在Layer2层上导入“地图”图形,在属性面板中调整图形位置,设置X为-80,Y为-20。设置图形透明度为20%。 (4)将Layer1层上的圆形复制到Layer3层上位置不变。将Layer3层设置为遮蔽层。 (5)在Layer2层上制作运动动画,使“地图”图形自右向左运动。 (6)新建La
9、yer4层和Layer5层。重复第3)5)步,在Layer4层制作自左向右的运动动画,将Layer5层制作为遮蔽层。 (7)将电影片断符号拖拽至场景中。 (8)测试电影。要点:为使效果逼真,要适当安排Layer2和Layer4层中动画起始帧“地图”的位置实训题目:动态按钮目的要求:当鼠标接触按钮时,按纽旋转。相关知识:影片剪辑在按钮组建中的灵活运用。步骤提示:(1)新建一个文件,将影片设为300像素200像素,背景为淡蓝色。 (2)新建按钮符号。 (3)使用椭圆形工具,在影片中绘制一朵画的形状。将其转换为“图形”符号。 (4)新建影片剪辑,并做出符号“花”旋转的动作。 (5)返回按钮符号编辑区
10、,在时间轴的“up” 帧中添加关键帧,拖入花的图形符号。 (6)在时间轴的“鼠标经过”帧中添加关键帧,拖入花的影片剪辑符号。 (7)在时间轴的“反映区”帧中添加关键帧,在“花”上使用椭圆形工具画一花状大小的圆形。 (8)返回场景中,拖入按钮符号。 (9)测试影片。实训题目:交替显示的图片目的要求:添加百叶窗效果进行图像之间的切换。相关要求:形变动画、遮蔽动画、运动动画、场景切换。步骤提示:(1)设置场景尺寸为600像素450像素。 (2)在Layer1层中导入“t1.gif”文件。并在第60帧插入一帧。 (3)在Layer2层中导入“t2.gif”文件。 (4)建立一个名为“1”的电影片段符号
11、,在其中创建一个形变动画。动画要求是线条(宽度为600像素,高度为1像素,填充色为红色)到矩形(宽度为600像素,高度为49像素,填充色为红色)的形变。 (5)建立一个名为“2”的电影片断符号,在其中将电影片断符号“1”复制9次,调整他们之间的位置形成百叶窗效果。 (6)返回场景1,在Layer3层中导入电影片断符号“2”。并设置Layer3层为遮蔽层。 (7)重复步骤16制作场景2和场景3。其中可以变换百叶窗效果的方式。 (8)测试影片。实训题目:网页banner目的要求:使用流行的元素,banner具有现代感。相关知识:影片剪辑的运用。步骤提示:(1)设置场景尺寸为468像素60像素,背景
12、色为蓝色。 (2)新建影片剪辑符号,命名为“六边形”。 (3)在影片剪辑“六边形”符号中,使用钢笔工具绘制六边形的形状。选择六边形,将其转换位图形符号。在时间轴的第10 帧处,添加关键帧,在属性面板中调节符号的Alpha值为0%;在时间轴的第20帧处,添加关键帧,在属性面板中调节符号的Alpha值为100%。创建动画动作。 (4)返回场景中,新建15个图层,并在各图层分别拖入“六边形”符号。 (5)适当缩放个图层中“六边形”符号的大小和调节器位置,并作出向右移动的动画。 (6)可以再添加图曾,添加文字的移动动画。实训题目:节日的彩灯目的要求:在背景画面的衬托下,彩灯在不断的变换颜色,同时“新年
13、快乐”和“万事如意”这两组字在交替变换出现。相关技术:电影片段符号创建、颜色变化的色彩动画。步骤要求:(1)设置影片背景色为黄色,并放置图片“小熊”和“礼盒”在场景的下方。 (2)创建一个电影剪辑符号,其中灯泡颜色不断变换。再创建一个电影片段符号,灯泡颜色变换区别于第一个电影片段符号。 (3)在Layer2层绘制一条曲线,将电影片断符号1和2放置在曲线上。 (4)在Layer3层上绘制“新年快乐”和“万事如意”的文字变换效果。 (5)测试电影。实训题目:色彩变换的文字目的要求:文字“FLASH”逐个字母由右至左飞入画面,并且填充色发生变化。要求使用运动动画和形变动画的方法制作。相关技术:运动动
14、画制作方法、形变动画制作方法步骤要求:(1)在第1层的110帧制作“F”的飞入效果 (2)在第2层的1120帧制作“L”飞入效果。依次类推制作其他几个字母的飞入效果。 (3)在第6层制作字母的颜色变化。注意:使用性变动画制作颜色时运动对象是打散的文字。 (4)测试影片。实训题目:闪烁的文字霓虹灯目的要求:文字边框像霓虹灯一样不停的变换颜色。相关知识:文字的打散、属性面板的深入使用、将线条转换为填充、柔化填充边沿步骤要求:(1)设置场景尺寸为300像素500像素,背景颜色为灰色。 (2)新建组建选择“图形”选项。在工作区中输入“霓虹灯”,摄制字体大小为96磅、颜色为黄色。 (3)按ctrl+B组
15、和键两次,打散文本,选取墨水瓶工具,设“描绘色”为红色逐个字母单击,给字母加上边框。 (4)删除文字中的填充色块。选择“霓虹灯”,使用“修改”菜单中的“形状”命令中的“将线条转换为填充”。(5)使用“修改”菜单中的“形状”命令中的“柔滑填充边沿”命令。设置“距离”为3,“步骤数”为4,方向为“扩散”。(6)从库面板中将“霓虹灯”拖放到场景中来。(7)运用符号的属性面板中的“颜色”选项中的“色调”,制作文字颜色的渐变效果。(8)测试影片实训题目:播放器目的要求:点击播放按钮播放音乐,点击停止按钮,音乐停止。相关知识:简单的脚本、按钮的添加、音效的导入步骤要求:(1)设置场景尺寸为300像素200
16、像素,北京色为黄色。 (2)从共享库中拖入两个按钮到场景中,稍加编辑。 (3)新建图层,在第1帧处添加stop命令。在第2帧处添加关键帧,导入音效。 (4)选择“播放”按钮添加动作 On(release) Gotoandplay(2) (5)选择“停止”按钮添加动作。 On(release) Stopallsounds(); (6)测试影片。实训题目:鼠标拖拽效果目的要求:相关技术:步骤要求:(1)制作相关符号:本影片中pao_mc影片剪辑共20帧。第1、12、18、19、20帧为关键帧,第1、12、18、19帧之间是作运动的补间帧,是对于圆圈作坊大及透明度的变换。第19帧尾圆环,是断续线条制作成。第20帧为空白关键帧,有一句程序:stop() (2)场景制作:主场景界面制作为两层1帧,图层1有pao_mc影片剪辑,图层2为程序层。程序如下: Pao:mc.onEterframe = function() This.startDrag(true); i+; if(i18) i=1; This.duplicateMovieClip(“pao_mc”+I,i) This._visible = false;19