项目五网店结构中动态图像与制作.docVIP

工程五网店结构中动态图像地设计与制作 工程编号：WYSJ-05 学 时：12学时 指导老师：曹春益 日 期：2018.5.9 工程简介 当通过前面地工程,完成了网店基本素材采集,也完成了网店整体结构中商品图片、网店店标、分类列表区地制作.在实际网页浏览以及网站推广营销过程中,动态地图像往往更能吸引访问者地注意.本工程将通过推广动画、促销区域动画、店标动画,来完成网店结构中动态图像地不同方式地创建. 工程目标 1．能力目标 学习完本工程后,学生应当能够依据工程要求来设计并制作运用于网店不同位置地GIF动态图片. 2． 知识目标 1）Photoshop 中动画概念 2）Photoshop 动画面板地设置 3）Photoshop 动画地导入和导出 4）Photoshop 动画优化和存储 5）Photoshop 逐帧动画地制作 6）Photoshop 过渡动画地制作 7）Photoshop 时间轴动画地制作 8）Photoshop 蒙版动画地制作 3．素质目标 1）团队协作能力 2）交际和沟通能力 3）创新和解决问题能力 工程内容 任务一 创建网店推广动态图像 任务二 创建促销区域动画 任务三 创建网店banner动画 教案形式 1、学生2人一组进行讨论、分工及制作 2、各任务地实施过程中教师进行分析指导,并讲解所涉及地相关知识） 3、小组交流汇报 任务一“创建网店推广动态图像”任务单 任务编号：WYSJ-05-01 学 时：4 实训地点：6502 日 期：2018.5.8 小组成员： 姓名： 班级： 学号： 杜姚燕 电子商务134 20182028221 张晗 电子商务134 20182028209 一、任务描述 本任务目标是制作母亲节为主题地parad系列包包网店推广动态图像,用于对网店产品地宣传.推广图片地主要内容为活动信息或者产品细心介绍,以醒目地形式获得客户关注.本任务中以制作990×400像素地动态图像为例,效果如图5-1所示. 图5-1 网店推广动态图像制作效果 二、任务执行流程 1）制作第一幅展示图像 2）制作第二幅展示图像 3）创建帧 4）设置帧状态 5）导出gif格式动画 二、任务分配由学生填写） 杜姚燕 课内 张晗 课外 三、任务实施由学生填写） 1.先对丝带背景调节到适当地位置 2.接下来是对人物地抠图,先用钢笔工具,接着用快速选择工具. 3.接着是对包包抠图,用快速选择工具接着反选.最终摆放好位置. 5.最后是字,用混合选项中地描边和阴影. 最终制作动画 四、任务小结 请写出在制作过程中遇到地问题及解决办法. 在本次作业中没有遇到很大地困难,但是到最后地时候,导出动画地时候弄错了,导致最后效果出不来.最后在同学地帮助下解决了这个问题. 五、任务执行评价： 根据任务完成地质量、及时度、报告地编写质量给出成绩 100制）,作为本工程总成绩评定时地依据之一） 成绩：　　　　　　　　　 　日期：　　年　　月　　日 六、任务拓展 1.要求设计与制作一个以六一儿童节为主题地服装网店地动态推广图像 2. 对淘宝店铺“信义照明”重新设计店招950px*150px）,店铺地址为：.要求：该店铺主要面向户外人群 要求设计风格体现大气、专业,不花哨. 最终效果图： 操作步骤： 1.先对丝带背景调节到适当地位置 2.接下来是对人物地抠图,先用魔棒工具,有时需要用到钢笔工具.. 3.接着是对衣服进行抠图,用魔棒和钢笔工具接着反选.最终摆放好位置. 5.最后是字,用混合选项中地描边. 任务二“创建促销区域动画”任务单 任务编号：WYSJ-05-02 学 时：4 实训地点：8-202 日 期：2018.4.18 小组成员： 姓名： 班级： 学号： 张晗 电商134 20182028209 杜姚燕 电商134 20182028221 一、任务描述 本任务目标将制作在电子商务网店中占显目位置地促销活动区地动画.网店地促销活动区就像现实中商场经常刊登地促销广告一样,为了吸引客户.本次任务促销活动区动画图像地大小以常见地470*150为例,在逐帧动画地基础上,加上设定过渡帧动画,效果如下图所示. 网店推广动态图像制作效果 二、任务执行流程 1）创建促销活动区图像文件 2）添加文字图层 3）导入gif动画文件 4）设置逐帧动画地层 5）设置过渡帧动画 6）优化 7）导出动画 二、任务分配 张晗 拓展 杜姚燕 课堂 三、任务实施 要求按照任务执行流程地要求分要点来描述任务地具体实施步骤. 先将需要安装地字体安装到字体库中 打开PS软件,新建图像像素为470*150 打开两张背景图,抠选所需地部分 再分别用横排直排文字工具根据要求添加文字及文字效果 导入GIF动画,将白色