网页动画设计课程实习实习报告(共14页).docx

精选优质文档-倾情为你奉上实习报告实习性质： 网页动画设计课程实习 学生姓名： 夏娇娇 专业班级： 计算机网络技术132班 指导教师： 邵亮、段萍 三号黑体 行 距：固定值40磅实习时间： 2015年4月27日- 2015年4月30日 实习地点： 学校计算机实验室1211 重庆工程职业技术学院学 生 实 习 考 核 表学生姓名专业班级指 导 教 师夏娇娇计算机网络132班邵亮、段萍实习时间2015年4月27日至2015年4月30日实习地点学校计算机实验室1211实习名称网页动画设计课程自我总结在这次的实习过程中我会学了很多，也懂得了很多。让我对以前所学的知识知得到了一个总结，并从中体会到我们要多去欣赏别人好的作品才能从中找到设计的感觉。虽然我在实习的过程中把作业都完成了，但还是有很多地方会有问题。这些问题都得我们自己去努力解决，都说每个人在走向成功的道路上总会有几块绊脚石，可正是那些绊脚石让你学会怎么去越过它、去克服它。我觉得我在这次实习中做得不够好，我希望自己在今后的学习过程中更用心、更努力的去克服、完成那些问题，尽力把自己的任务完成得更好。指导教师意见考核等级专心-专注-专业目录1实习目的12 实习概况12.1 实习要求12.2 实习时间12.3 实习环境12.4 设计环境13实习内容13.1制作设计项目分析23.2制作设计项目记录33.2.1TOP 49右边栏动画广告设计分析33.2.2TOP 49横幅动画广告设计分析53.3项目设计效果图84 实习总结94.1 学习所得94.2 经验教训104.3 实习体会101.实习目的网页动画设计课程是教学中的一个重要教学环节，是学生学习过程中不可缺少的实际操作技能训练，也是对动画设计课程学习效果的检验。通过本课程设计的TOP49横幅动画广告设计制作、TOP49右边栏动画广告设计制作，进一步提高学生分析问题和解决问题的能力，学生其间应以对动画设计课程负责的态度，认真做好设计，拓展想象空间，努力创作出富有个性的设计作品。 Flash实现网页动画的一个重要软件，既有舞台上时间线控制动画，也有通过AS代码编写实现动画，是平面同学必须掌握和熟练的软件。通过实训中的项目制作强化学生对课程内容的掌握，将分散的知识点综合性的运用于一个整体的实例项目，培养学生综合运用和灵活运用所学知识的能力。2.实习概况2.1 实习要求熟练掌握Flash软件的操作，通过Flash完整的绘制出牛男横幅和侧页广告界面，并通过舞台时间线或代码设计实现广告界面中的动画。让PSD格式的广告能优美的动起来，以最大化地引起浏览者的注意。2.2 实习时间2015年4月27日至2015年4月29日2.3 实习环境学校计算机实验室12112.4 设计环境l Flash软件3实习内容1、右边栏psd原图：图3.1如图3.1所示，根据psd原图使用flash软件画出同样的图形，跟自己的想法做出有创意的动画。2、横幅psd原图： 图3.2如图3.2所示，根据横幅psd原图使用flash软件画出同样的图形，发展自己的思维做出创意的动画。3.1 制作设计项目分析一牛男横幅广告动画设计制作。图3.3要求:1. 在Flash场景中对照PSD文件画出一模一样的静态页面，如图3.3。2.利用舞台线配合AS代码设计并制作出广告中各元素的出场动画和静止的动画效果。二牛男侧边广告动画设计制作。图3.4 要求：1. 在Flash场景中对照PSD文件画出一模一样的静态页面，如图3.4。2. 利用舞台线配合AS代码设计并制作出广告中各元素的出场动画和静止的动画效果。3.2 制作设计项目记录3.2.1TOP 49右边栏动画广告设计分析一、背景图3.5如图3.5所示，首先创建一个320*291的文档，然后将背景图导入到舞台调整到相应的位置。二、模块图3.6如图3.6所示，新建图层在背景上方相应的位置用钢笔工具画出一些不规则的块，然后改变透明度为70%。将所画的图形分别转换成影片剪辑元件并根椐原图摆放在相应的位置。三、牛男NEO图3.7如图3.7所示，使用文本工具找出相似字体，调整字体大小、颜色，然后将文本使用组合键ctrl+b分离成图形，用部分选择工具调整图形节点，使“牛”、“男”两个字相连，最后将图形转换为影片剪辑原件。使用同样的方法做出NEO、presents相应的效果并根据原图摆放在相应的位置。四、TOP 49 图3.8 TOP 如图3.8所示，让图形做出光感。top部分：选择文本工具，输入大小35个点、字体为方正兰亭特黑简体的字母。选中整个图层，使用ctrl+b将图层分离并填充为浅蓝到深蓝的渐变、调整字母粗细。将图层复制一份填充为黑色，将复制的复制的图层向下调整一层做出阴影的效果并转换为影片剪辑元件。49：使用文本工具做出大小40个点的灰色数字，将它打散调整到相似的形状并转换为影片剪辑元件，进入元件里，新建一个图层画一个颜色为：A40078的方块和一个颜色为：D912A1的椭圆；再新建一个叫光的图层使用椭圆工具在49图形相应的位置画出一个白光并转换为影片剪辑做出模糊的效果；将49这个图层复制一个用来做遮罩。白光：首先用椭圆工具画一个白色的小圆放在合适的位置，将它转换为影片剪辑，为它添加5个像素点的模糊效果，品质选择高，让它有发光的效果。五、亚洲美女 图3.9如图3.9所示，使用文本工具，打出白色的数字，将大小调整为20个点，调整它的倾斜度，ctrl+b将文本分离为图形。然后复制一层并将图形颜色改变为黑色，将图层向下移一层转换为影片剪辑元件。再选择文本工具，将自体调整为微软雅黑，将字体大小调整为32个点3.2.2TOP 49横幅动画广告设计分析一、背景图3.10如图3.10所示，995*253的文档，导入背景并将其舞台居中对其、水平居中对其使它与舞台重合。再导入一张彩色光线的图片，改变它的对齐方式、调整透明度。然后使用钢笔工具分别画出同样的方块，调整透明度为70%并摆放在相应的位置。二、灯光、底块图3.11如图3.11所示，新建一个图层，在主图的中间画一个透明度为20%的倒梯形并转换为影片剪辑元件。再新建一个图层画一个相反方向的梯形填充透明度为100%到0%的渐变并放在相应的位置转换为影片剪辑元件。进入元件，使用椭圆工具画一个白色的椭圆，再切掉多余的部分，将剩下的部分转换成元件添加模糊的效果使图形看起来更有灯光的效果。在主图的最下端使用矩形工具画一个透明度为70%的长块。三、主体图3.12如图3.12所示，让图形做出光感。牛男NEO:使用文本工具找出相似字体，调整字体大小、颜色，然后将文本分离成图形，用部分选择工具调整图形节点，使“牛”、“男”两个字相连，最后将图形转换为影片剪辑原件。使用同样的方法做出NEO、presents相应的效果并根据原图摆放在相应的位置。top部分：选择文本工具，输入大小35个点、字体为方正兰亭特黑简体的字母。选中整个图层，将图层分离并填充为浅蓝到深蓝的渐变、调整字母粗细。将图层复制一份填充为黑色，将复制的复制的图层向下调整一层做出阴影的效果并转换为影片剪辑元件。49：使用文本工具做出大小40个点的灰色数字，将它打散调整到相似的形状并转换为影片剪辑元件，进入元件里，新建一个图层画一个颜色为：A40078的方块和一个颜色为：D912A1的椭圆；再新建一个叫光的图层使用椭圆工具在49图形相应的位置画出一个白光并转换为影片剪辑做出模糊的效果；将49这个图层复制一个用来做遮罩。使用文本工具，做出灰白灰渐变的数字，将大小调整为20个点，调整它的倾斜度，ctrl+b将文本分离为图形将颜色改为浅灰到灰渐变。然后复制一层并将图形颜色改变为黑色，将图层向下移一层转换为影片剪辑元件。再选择文本工具，将自体调整为微软雅黑，将字体大小调整为32个点四、光感 图3.13如图3.13所示，在图形的中间、49的右上角画出光感。新建一个图形，使用椭圆工具画出一个白色的圆将它转换成影片剪辑元件，在滤镜里选择模糊效果。进入影片剪辑里面，分别画出白色光圈，使用线条工具画一条白色的线将中心点放到最上面然后点击变形工具里的旋转、调整透明度使它形成一个光线。主图的光线：画一个白色的小圆将它转换成元件，进入元件里面以小圆为中心用直线工具画两条白到透明的线，然后复制几个调整大小放在相应的位置。五、按钮 图3.14如图3.14所示，在图形下方做出一个输入框跟按钮。画一个黑色的方块，在方块里使用文本工具做出大小、形状相似的文字。在输入框右边根据原图画一个粉色的小方块然后转换成元件使用滤镜做出5个像素点的模糊，在元件里使用钢笔工具在方块上方画册出与原图相同的图形。再在图形的最上方使用文本工具做出相应的字。3.3项目设计效果图横幅静态页面图3.15横幅帧图3.16侧页图3.17侧页帧图3.184实习总结4.1学习所得进入大学以后我们第一次接触这门课程，对Flash动画制作也不是很了解。最开始我觉得这门课很难学好，它对于我来说是一项艰巨的任务。这门课程需要我们花很多的时间去学习、理解、实践，这样我才能使自己跟上老师的教学节奏。最开始老师给我个一个模板照着画然后自己设计动画。当我们开始自己设计动画的时候才知道动画设计这门课跟学习别的东西一样需要我们对它感兴趣，不只是三分钟的热度，这是一门循序渐进的学科，需要我们一直坚持。我们需要保持足够的热情对待学习，拥有热情的状态才能让自己喜欢学，喜欢学才能保持长久学的心态，才能学到更多，学的更精。学习动画制作还需要耐心和细心，因为我们在制作过程中会遇到很多问题，需要很长时间去解决，如果没有耐心，就不能很好的去解决问题。还有我们必须熟练软件才能更得心应手，掌握软件是基础，再好的想法不能通过软件表达出来也是无稽之谈。在熟悉软件的前提下要做出更好的设计，还有基本的理论知识，刚开始上课的时候老师给我们讲了很多关于动画方面的知识，让我们慢慢地去了解制作动画的要点。下课以后我也会去网上看一些动画，看看别人好的设计，从中学习一些理念。只有在自己看了一些别人的设计过后才能让自己更进步，才能扩展自己的思维。最开始我在做作业的时候都不知道该怎么设计才能让画面动得好看、不那么死板，每次就只知道让它慢慢由透明到看得见、由左到右这们飞出来，看起来就没有创意，但当我看了一些别人的设计过后就有了自己的思维、理念，有了自己的想法，知道该怎么去设计每一个部分而不是像之前一样就是死板的让画面从看不见到看得见。最开始老师还让我每个人设计一个数码品牌或者是车的动画广告，让我们锻炼自己的思维跟胆量。这样的方式让大家都收获很多。4.2经验教训实习过程中，我们会遇到一些问题，我就一直在那里想问题出在了哪里，我该用什么方法去解决它，之后我一步一步的去解决它，把我觉得可以的设计想法都拿来实验一下，选出设计感最强。当自己思维枯竭的时候我就一直在那纠结、一直停在那里，就这样两节课过去了。我想去让同学提意见，但大家都在忙自己的又不想去打扰别人。我又自己在那慢慢的琢磨，我开始失去信心也没有耐心去做了。后来我看见别人都做得差不多了，我却还是只做了一点，就有点不服气我就去问了别的做好了的同学，她给我提了些意见，我就自己慢慢的去改正，一次一次的去画这样才能使后面的设计不出问题，才让我不浪费那么多时间。有些时候，我们就是这样，在遇到一个问题的时候就一直停在那，而不会去管后面的东西，这样就会浪费很多时间而导致后面的东西得不到了的实现。在平时学习中也是，每次上机老师让我们把新学的代码自己做出来验证一下的时候，我就会去翻老师写出来的代码然后把它抄上去，但自己却不知道为什么要这么做。就这样我也不知道去思考它，更不知道它是怎么做出来的，为什么要这什么做。后来我发现自己什么也做不出来以后，才知道我不能再这么下去，我应该自己做不能再依赖别人，不然我什么也学不到。之后的作业我都会强迫自己去思考，这一步为什么要这么做。通过实训和平时的学习过程让我学会了怎么去解决问题、从哪方面去解决问题、怎么去思考问题并且独立的去解决问题，一开始当我在哪一个步骤上出了问题以后我会马上去问同学、问老师，别人给我说了以后我感觉自己会了我就不会去管他了自己继续往后面做，但到后来我回头来再做这一步的时候我还是不会又会继续去问别人，那时我就觉得我应该改掉自己的这个不好的习惯，必须自己解决并且弄懂、做熟，不然对自己后面的设计跟学习会有很大的障碍。在我发现自己的毛病之后每一次当我遇到同样的问题的时候我就会自己努力回想自己以前是怎么做的，当我想去问别人的时候我就会在心里控制自己要去解决问题，想想自己该怎么做，一步步的去检查自己前面的步骤有没有问题，到底是什么导致自己现在所出现的问题，我该怎么去把错的步骤改过来继续去做下一个步骤，但如果真的是做不出来也不要不懂装懂，实在弄不懂就去请教别人然后自己再把他说的做一遍直到弄懂为止。我发现了自己这些问题就去慢慢的改了让我养成了自己思考的习惯。还让我学会去观察外面的事物、去发现那些美好的作品，而不是像以前一样视野就只停留在自己身边的事物，对任何美的东西都没什么看法。4.3学习体会近一个星期的实训就要过去了，老师给了我们一些任务，也是对我们这一学期所学到的东西的一种检验，让我体会到了实习的重要性，同时也增加我对学习动画设计的浓厚兴趣。这次的实习当中我深刻的体会到代码知识的重要性，只有在自己熟练代码后才能在实践中更好的体现。从实训的那一天开始我们就开始画牛男网，我们每个人一走到机房就自己忙碌的做着自己的作业。当我在画的时候我觉得时间过得很快，两节课一会儿就过去了时间过去了自己却才做出一点，心里就会比较焦急，有时候会心情郁闷就自己发发恼骚，可郁闷也没用作业还是得做。下课以后回到寝室我们还是坐在自己的位置认真的继续做，一坐就是一天过去了，到了晚上熄灯就写写实习总结，还有的人用台灯照着做，做到电脑没电了，人也困了、筋疲力尽了就休息了。第二天早上起来继续上课，当我认真做作业时就感觉机房只有我一个人一样，因为我只沉浸在自己的世界里。就这样，自己一个图形一个图形的画，一个一个的去用心设计，每天都重复着同样的生活，每天都过着忙碌而焦急的生活。虽然每天都感觉很累，很忙，但我觉得自己过得很充实。只是在没有实训之前的生活是一天没有那么多作业，没有那么忙，所以在实训的前几天有点适应不过来。不过，通过这次的实训我觉得自己学到了很多东西，当我自己把一个个动画做出来的时候我觉得自己特别有成就感，这次的实习中虽然会觉得很乏味但对我来说收获也不少，我学到了平时上课时可能学不到的东西，我感觉自己在知识、技能等方面都有很多收获。同时，在这次实习中我也看到了自己的不足之处和自己需要改正的地方，让我懂得以后在学习中该从哪方面去学习。这些学习不断增加了我的知识面，而且使我在今后的设计中能够博才众长，为以后的学习打下好的基础。我希望以后能有更多这样的机会来锻炼自己的实践能力。我想只要我努力我以后可以做得更好。