1、项目五 网店结构中动态图像的设计与制作 项目编号：WYSJ-05 学 时：12 学时 指导老师：曹春益 日 期：2013.5.7 项目简介 当通过前面的项目，完成了网店基本素材采集，也完成了网店整体结构中商品图片、网店店标、 分类列表区的制作。在实际网页浏览以及网站推广营销过程中，动态的图像往往更能吸引访问者的 注意。本项目将通过推广动画、促销区域动画、店标动画，来完成网店结构中动态图像的不同方式 的创建。 项目目标 1能力目标 学习完本项目后，学生应当能够依据项目要求来设计并制作运用于网店不同位置的 GIF 动态图片。 2 知识目标 （1）Photoshop 中动画概念 （2）Photosh
2、op 动画面板的设置 （3）Photoshop 动画的导入和导出 （4）Photoshop 动画优化和存储 （5）Photoshop 逐帧动画的制作 （6）Photoshop 过渡动画的制作 （7）Photoshop 时间轴动画的制作 （8）Photoshop 蒙版动画的制作 3素质目标 （1）团队协作能力 （2）交际和沟通能力 （3）创新和解决问题能力 项目内容 任务一 创建网店推广动态图像 任务二 创建促销区域动画 任务三 创建网店店标动画 教学形式 1、学生 2 人一组进行讨论、分工及制作 2、各任务的实施（过程中教师进行分析指导，并讲解所涉及的相关知识） 3、小组交流汇报 任务一 “创
3、建网店推广动态图像”任务单 任务编号：WYSJ-05-01 学 时：4 实训地点：8-202 日 期：2011.4.11 小组成员： 姓名： 班级： 学号： 徐冰卫 电商 124 47 刘德华 电商 124 44 一、任务描述 本任务目标是制作康翠农特产专营店的网店推广动态图像，用于对网店产品的宣 传。推广图片的主要内容为活动信息或者企业介绍，以醒目的形式获得客户关注。本任 务中以制作 160200 像素的动态图像为例，效果如图 5-1 所示。 图 5-1 网店推广动态图像制作效果 二、任务执行流程 （1）制作第一幅展示图像 （2）制作第二幅展示图像 （3）创建帧 （4）设置帧状态 （5）导出
4、 gif 格式动画 二、任务分配 徐冰卫 课内 刘德华 拓展 三、任务实施 要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。 启动 ps，新建图层。 导入图片，添加字体，并作相应修改。 合并图层。 制作动画。 保存。 四、任务小结 请写出在制作过程中遇到的问题及解决办法。 五、任务执行评价： （根据任务完成的质量、及时度、报告的编写质量给出成绩 （100 制） ，作为本项目总成绩评定时 的依据之一） 成绩： 日期： 年 月 日 六、任务拓展 本任务目标是制作母亲节为主题的 parad 系列包包网店推广动态图像，用于对网店 产品的宣传。推广图片的主要内容为活动信息或者产品细心介绍，以醒
5、目的形式获得客 户关注。本任务中以制作 990400 像素的动态图像为例，效果如图 5-1 所示。 图 5-1 网店推广动态图像制作效果 任务二 “创建促销区域动画”任务单 任务编号：WYSJ-05-02 学 时：4 实训地点：8-212 日 期：2013.5.23 小组成员： 姓名： 班级： 学号： 徐冰卫 电商 124 47 刘德华 电商 124 44 一、任务描述 本任务目标将制作在电子商务网店中占显目位置的促销活动区的动画。网店的促 销活动区就像现实中商场经常刊登的促销广告一样，为了吸引客户。本次任务促销活动 区动画图像的大小以常见的 470*150 为例，在逐帧动画的基础上，加上设定
6、过渡帧动画， 效果如下图所示。 网店推广动态图像制作效果 二、任务执行流程 （1）创建促销活动区图像文件 （2）添加文字图层 （3）导入 gif 动画文件 （4）设置逐帧动画的层 （5）设置过渡帧动画 （6）优化 （7）导出动画 二、任务分配 刘德华 课内 徐冰卫 拓展 三、任务实施 要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。 1. 启动软件，新建图层，截取图片、合并 2. 添加字体、图片 3. 制作动画 4.保存 四、任务小结 请写出在制作过程中遇到的问题及解决办法。 在制作过程中没有遇到什么问题，老师讲解的很详细了。 五、任务执行评价： （根据任务完成的质量、及时度、报告的
7、编写质量给出成绩 （100 制） ，作为本项目总成绩评定时 的依据之一） 成绩： 日期： 年 月 日 六、任务拓展 本任务目标是女装的活动促销海报，效果如图 5-1 所示。 背景 文字图片全部设计好 动画效果图 图 5-1 网店推广动态图像制作效果 任务三 “创建网店店招动画”任务单 任务编号：WYSJ-05-03 学 时：4 实训地点： 日 期：2011.4.25 小组成员： 姓名： 班级： 学号： 徐冰卫 电商 124 47 刘德华 电商 124 44 一、任务描述 本任务目标将通过对图像素材和文字处理来制作完成网店 banner 店标，并且通过时间轴的设置使 网店 banner 店标动起
8、来，效果如下图所示。 动态店标 banner 效果图 二、任务执行流程 （1）创建网店店招动画图像文件 （2）创建背景图层 （3）添加文字特效 （4）添加修饰图层 （5）设定时间轴 （6）预览动画并调整速度 （7）优化并导出动画 二、任务分配 刘德华 课内 徐冰卫 拓展 三、任务实施 要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。 1. 启动软件，新建图层，复制图片并合并。 （复制图一） （复制图二） 2. 添加商标，文字 3. 制作倒影。 4. 制作动画。 5.保存。 四、任务小结 请写出在制作过程中遇到的问题及解决办法。 在制作过程中没有遇到什么大问题。 五、任务执行评价： （根据任务完成的质量、及时度、报告的编写质量给出成绩 （100 制） ，作为本项目总成绩评定时的依据之一） 成绩： 日期： 年 月 日 六、任务拓展 1. 制作一个店铺的店招，尺寸 950*150，主题不限。
