网店结构中动态图像的设计与制作.docx

网店结构中动态图像的设计与制作.docx

《网店结构中动态图像的设计与制作.docx》由会员分享，可在线阅读，更多相关《网店结构中动态图像的设计与制作.docx（12页珍藏版）》请在冰豆网上搜索。

网店结构中动态图像的设计与制作

项目五网店结构中动态图像的设计与制作

项目编号：

WYSJ-05

学时：

12学时

指导老师：

曹春益

日期：

2013.5.7

项目简介

当通过前面的项目，完成了网店基本素材采集，也完成了网店整体结构中商品图片、网店店标、分类列表区的制作。

在实际网页浏览以及网站推广营销过程中，动态的图像往往更能吸引访问者的注意。

本项目将通过推广动画、促销区域动画、店标动画，来完成网店结构中动态图像的不同方式的创建。

项目目标

1．能力目标

学习完本项目后，学生应当能够依据项目要求来设计并制作运用于网店不同位置的GIF动态图片。

2．知识目标

（1）Photoshop中动画概念

（2）Photoshop动画面板的设置

（3）Photoshop动画的导入和导出

（4）Photoshop动画优化和存储

（5）Photoshop逐帧动画的制作

（6）Photoshop过渡动画的制作

（7）Photoshop时间轴动画的制作

（8）Photoshop蒙版动画的制作

3．素质目标

（1）团队协作能力

（2）交际和沟通能力

（3）创新和解决问题能力

项目内容

任务一创建网店推广动态图像

任务二创建促销区域动画

任务三创建网店店标动画

教学形式

1、学生2人一组进行讨论、分工及制作

2、各任务的实施（过程中教师进行分析指导，并讲解所涉及的相关知识）

3、小组交流汇报

任务一“创建网店推广动态图像”任务单

任务编号：

WYSJ-05-01

学时：

4

实训地点：

8-202

日期：

2011.4.11

小组成员：

姓名：

班级：

学号：

徐冰卫

电商124

47

刘德华

电商124

44

一、任务描述

本任务目标是制作康翠农特产专营店的网店推广动态图像，用于对网店产品的宣传。

推广图片的主要内容为活动信息或者企业介绍，以醒目的形式获得客户关注。

本任务中以制作160×200像素的动态图像为例，效果如图5-1所示。

图5-1网店推广动态图像制作效果

二、任务执行流程

（1）制作第一幅展示图像

（2）制作第二幅展示图像

（3）创建帧

（4）设置帧状态

（5）导出gif格式动画

二、任务分配

徐冰卫

课内

刘德华

拓展

三、任务实施

要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。

启动ps，新建图层。

导入图片，添加字体，并作相应修改。

合并图层。

制作动画。

保存。

四、任务小结

请写出在制作过程中遇到的问题及解决办法。

五、任务执行评价：

（根据任务完成的质量、及时度、报告的编写质量给出成绩（100制），作为本项目总成绩评定时的依据之一）

成绩：

　日期：

　　年　　月　　日

六、任务拓展

本任务目标是制作母亲节为主题的parad系列包包网店推广动态图像，用于对网店产品的宣传。

推广图片的主要内容为活动信息或者产品细心介绍，以醒目的形式获得客户关注。

本任务中以制作990×400像素的动态图像为例，效果如图5-1所示。

图5-1网店推广动态图像制作效果

任务二“创建促销区域动画”任务单

任务编号：

WYSJ-05-02

学时：

4

实训地点：

8-212

日期：

2013.5.23

小组成员：

姓名：

班级：

学号：

徐冰卫

电商124

47

刘德华

电商124

44

一、任务描述

本任务目标将制作在电子商务网店中占显目位置的促销活动区的动画。

网店的促销活动区就像现实中商场经常刊登的促销广告一样，为了吸引客户。

本次任务促销活动区动画图像的大小以常见的470*150为例，在逐帧动画的基础上，加上设定过渡帧动画，效果如下图所示。

网店推广动态图像制作效果

二、任务执行流程

（1）创建促销活动区图像文件

（2）添加文字图层

（3）导入gif动画文件

（4）设置逐帧动画的层

（5）设置过渡帧动画

（6）优化

（7）导出动画

二、任务分配

刘德华

课内

徐冰卫

拓展

三、任务实施

要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。

1.启动软件，新建图层，截取图片、合并

2.添加字体、图片

3.制作动画

4.保存

四、任务小结

请写出在制作过程中遇到的问题及解决办法。

在制作过程中没有遇到什么问题，老师讲解的很详细了。

五、任务执行评价：

（根据任务完成的质量、及时度、报告的编写质量给出成绩（100制），作为本项目总成绩评定时的依据之一）

成绩：

　日期：

　　年　　月　　日

六、任务拓展

本任务目标是女装的活动促销海报，效果如图5-1所示。

背景

文字图片全部设计好

动画效果图

图5-1网店推广动态图像制作效果

任务三“创建网店店招动画”任务单

任务编号：

WYSJ-05-03

学时：

4

实训地点：

日期：

2011.4.25

小组成员：

姓名：

班级：

学号：

徐冰卫

电商124

47

刘德华

电商124

44

一、任务描述

本任务目标将通过对图像素材和文字处理来制作完成网店banner店标，并且通过时间轴的设置使网店banner店标动起来，效果如下图所示。

动态店标banner效果图

二、任务执行流程

（1）创建网店店招动画图像文件

（2）创建背景图层

（3）添加文字特效

（4）添加修饰图层

（5）设定时间轴

（6）预览动画并调整速度

（7）优化并导出动画

二、任务分配

刘德华

课内

徐冰卫

拓展

三、任务实施

要求按照任务执行流程的要求分要点来描述任务的具体实施步骤。

1.启动软件，新建图层，复制图片并合并。

（复制图一）

（复制图二）

2.添加商标，文字

3.制作倒影。

4.制作动画。

5.保存。

四、任务小结

请写出在制作过程中遇到的问题及解决办法。

在制作过程中没有遇到什么大问题。

五、任务执行评价：

（根据任务完成的质量、及时度、报告的编写质量给出成绩（100制），作为本项目总成绩评定时的依据之一）

成绩：

　日期：

　　年　　月　　日

六、任务拓展

1.制作一个店铺的店招，尺寸950*150，主题不限。