网店结构中动态图像的设计与制作(共13页).doc

《网店结构中动态图像的设计与制作(共13页).doc》由会员分享，可在线阅读，更多相关《网店结构中动态图像的设计与制作(共13页).doc（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选优质文档-倾情为你奉上项目五 网店结构中动态图像的设计与制作项目编号：WYSJ-05学 时：12学时指导老师：曹春益日 期：2013.5.7项目简介当通过前面的项目，完成了网店基本素材采集，也完成了网店整体结构中商品图片、网店店标、分类列表区的制作。在实际网页浏览以及网站推广营销过程中，动态的图像往往更能吸引访问者的注意。本项目将通过推广动画、促销区域动画、店标动画，来完成网店结构中动态图像的不同方式的创建。项目目标1能力目标学习完本项目后，学生应当能够依据项目要求来设计并制作运用于网店不同位置的GIF动态图片。2 知识目标 （1）Photoshop 中动画概念 （2）Photoshop

2、动画面板的设置 （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小组成员：姓名：班级：学号：徐冰卫电商12447刘德华电商12444一、任务描述 本任务目标是制作康翠农特产专营店的网店推广动态图像，用于对网店产品的宣传。推广图片的主要内容为活动信息或者企业介绍，以醒目的形式获得客户关注。本任务中以制作160200像素的动态图像为例，效果如图5-1所示。 图5-1 网店推广动态图像制作效果二、任务执行流程（1）制作第一幅展示图像（2）制作第二幅展示图像（3）创建帧（4）设置帧状态（5）导出gif格式动画二、任务分配徐冰卫课内刘德华拓展三、任务实施要求按照任务执行流程的要求分要点来描述

4、任务的具体实施步骤。启动ps，新建图层。导入图片，添加字体，并作相应修改。合并图层。制作动画。保存。四、任务小结请写出在制作过程中遇到的问题及解决办法。五、任务执行评价： （根据任务完成的质量、及时度、报告的编写质量给出成绩 （100制），作为本项目总成绩评定时的依据之一）成绩：日期：年月日六、任务拓展本任务目标是制作母亲节为主题的parad系列包包网店推广动态图像，用于对网店产品的宣传。推广图片的主要内容为活动信息或者产品细心介绍，以醒目的形式获得客户关注。本任务中以制作990400像素的动态图像为例，效果如图5-1所示。图5-1 网店推广动态图像制作效果任务二 “创建促销区域动画”任务单任

5、务编号：WYSJ-05-02学 时：4实训地点：8-212日 期：2013.5.23小组成员：姓名：班级：学号：徐冰卫电商12447刘德华电商12444一、任务描述 本任务目标将制作在电子商务网店中占显目位置的促销活动区的动画。网店的促销活动区就像现实中商场经常刊登的促销广告一样，为了吸引客户。本次任务促销活动区动画图像的大小以常见的470*150为例，在逐帧动画的基础上，加上设定过渡帧动画，效果如下图所示。网店推广动态图像制作效果二、任务执行流程（1）创建促销活动区图像文件（2）添加文字图层（3）导入gif动画文件（4）设置逐帧动画的层（5）设置过渡帧动画（6）优化（7）导出动画二、任务分配

6、刘德华课内徐冰卫拓展三、任务实施要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。1. 启动软件，新建图层，截取图片、合并2. 添加字体、图片3. 制作动画4.保存四、任务小结请写出在制作过程中遇到的问题及解决办法。在制作过程中没有遇到什么问题，老师讲解的很详细了。五、任务执行评价： （根据任务完成的质量、及时度、报告的编写质量给出成绩 （100制），作为本项目总成绩评定时的依据之一）成绩：日期：年月日六、任务拓展本任务目标是女装的活动促销海报，效果如图5-1所示。背景文字图片全部设计好动画效果图图5-1 网店推广动态图像制作效果任务三 “创建网店店招动画”任务单任务编号：WYSJ-0

7、5-03学 时：4实训地点：日 期：2011.4.25小组成员：姓名：班级：学号：徐冰卫电商12447刘德华电商12444一、任务描述 本任务目标将通过对图像素材和文字处理来制作完成网店banner店标，并且通过时间轴的设置使网店banner店标动起来，效果如下图所示。动态店标banner效果图二、任务执行流程（1）创建网店店招动画图像文件（2）创建背景图层（3）添加文字特效（4）添加修饰图层（5）设定时间轴（6）预览动画并调整速度（7）优化并导出动画二、任务分配刘德华课内徐冰卫拓展三、任务实施要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。1. 启动软件，新建图层，复制图片并合并。（复制图一）（复制图二）2. 添加商标，文字3. 制作倒影。4. 制作动画。5.保存。四、任务小结请写出在制作过程中遇到的问题及解决办法。在制作过程中没有遇到什么大问题。五、任务执行评价： （根据任务完成的质量、及时度、报告的编写质量给出成绩 （100制），作为本项目总成绩评定时的依据之一）成绩：日期：年月日六、任务拓展1. 制作一个店铺的店招，尺寸950*150，主题不限。专心-专注-专业