《电子商务美工》实验指导书

电子商务美工

实训指导书

实验1:制作PC端登山杖主图

一、实训目的

1、能够使用选区工具创建各种选区

2、掌握图层的各种操作方法

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作PC端登山杖主图

五、实验步骤

1、新建800X800像素的图像文件

2、抠取PUMA英文，并制作投影效果

3、抠取登山仗图像，并将其移到背景中，需要制作倒影效果

4、输入文字（字体尽可能相似），制作相应的文字大小、颜色

5、用选区工具绘制图中色块区域

6、将制作的元素放置到合适的位置

实验2：制作PC端跑步机Banner

一、实训目的

1、能够对创建的选区进行变换、平滑、羽化、收缩、载入等修

改操作

2、能够使用图层的知识合成图像

3、掌握图层的各种操作方法

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作PC端跑步机Banner

五、实验步骤

1、新建725X415像素的图像文件

2、制作跑步机图片有羽化的背景效果

3、右侧输入对应的文字（字体尽可能相似）

4、加入装饰的色元素，使整个图像美观、自然，完成后的效果

实验3：制作移动端篮球Banner

一、实训目的

1、能够对创建的选区进行变换、平滑、羽化、收缩、载入等修

改操作

2、掌握图层的各种操作方法

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作移动端篮球Banner

五、实验步骤

1、新建608X304像素的图像文件

2、将灌篮图片拖动到背景中，用于制作背景

3、抠取抠取篮球图像，并将其拖动到背景右侧放置到合适大小

4、在左侧输入文字（字体尽可能相似），制作相应的文字大小、

颜色及效果

实验4：制作+设计休闲毯主图

一、实训目的

1、掌握图像色彩调整的方法

2、掌握图层的各种操作方法

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

调整休闲毯颜色

五、实验步骤

1、新建800X800像素的图像文件

2、抠取“休闲毯商品图片.jpg”图像文件，移动到新建文件中

3、使用仿制图章工具、污点修复画笔工具、修补工具等，去除商

品图片中多余部分

4、调整休闲毯商品的色调

5、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中休闲毯的图片素材和文字或迎新年活动相关内容，

每位学生自行设计一款另一风格的休闲毯主图。

实验5：制作+设计洗衣机海报

一、实训目的

1、掌握绘图工具的使用与设置方法。

2、能够灵活使用文字工具制作出作品中需要的文字效果。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作洗衣机海报

五、实验步骤

1、新建1920X540像素的图像文件

2、将背景图和冰箱放入到合适的位置

3、用滤镜制作光照效果

4、制作相应的图标

5、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中洗衣机的图片素材和文字或迎新年活动相关内容，

每位学生自行设计一款另一风格的洗衣机海报。

实验6：制作+设计USB音响PC端店铺Banner

一、实训目的

1、了解Banner的设计方式。

2、掌握PC端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出USB音响PC端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计USB音响PC端店铺Banner

五、实验步骤

1、新建727X416像素，72分辨率的图像文件

2、选择电脑合适的角度，Ctrl+T放置到合适大小

3、钢笔工具抠取USB音响，放置到图面左下角的位置

4、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中USB音响的图片素材和文字或情人节活动相关内

容（可自定文案，文案内容可突出音质效果、声音大、小巧易携

带等卖点），每位学生自行设计一款另一风格PC端店铺的USB

音响Bannero

实验7：制作+设计USB音响跨境端店铺Banner

一、实训目的

了解Banner的设计方式。

2、掌握跨境端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出USB音响跨境端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计USB音响跨境端店铺Banner

五、实验步骤

1、新建980X30（）像素，72分辨率的图像文件

2、钢笔工具抠取USB音响，放置到图像左侧，调整图形的大小

和的位置

3、设置USB音响的图层样式效果

4、用直线工具绘制直线

5、输入英文文字（字体尽可能相似），制作相应的文字大小、颜

色及效果

六、设计训练

根据本实验中USB音响的图片素材和文字或情人节活动相关内

容（可自定文案，文案内容可突出音质效果、声音大、小巧易携

带等卖点），每位学生自行设计一款另一风格跨境端店铺的USB

音响Banner。

实验8：制作+设计USB音响移动端店铺Banner

一、实训目的

1、了解Banner的设计方式。

2、掌握移动端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出USB音响移动端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计USB音响移动端店铺Banner

五、实验步骤

1、新建608X304像素，72分辨率的图像文件

2、运用钢笔工具和椭圆工具进行背景绘制

3、抠取USB音响，放置到图像右侧，调整音响的大小和的位置

4、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中USB音响的图片素材和文字或情人节活动相关内

容（可自定文案，文案内容可突出音质效果、声音大、小巧易携

带等卖点），每位学生自行设计一款另一风格移动端店铺的USB

音响Bannero

实验9：制作+设计Macbook转换器PC端店铺Banner

一、实训目的

1、了解Banner的设计方式。

2.掌握PC端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出Macbook转换器PC端店铺Bannero

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计Macbook转换器PC端店铺Banner

五、实验步骤

1、新建727X416像素，72分辨率的图像文件

2、抠取Macbook转换器移动到新建的图像中

3、绘制图像左上角的蓝色三角

4、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中Macbook转换器的图片素材和文字或618年中促销

活动相关内容，每位学生自行设计一款另一风格PC端店铺的

Macbook转换器Banner。

实验10：制作+设计Macbook转换器跨境端店铺Banner

一、实训目的

1、了解Banner的设计方式。

2.掌握跨境端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出Macbook转换器跨境端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计Macbook转换器跨境端店铺Banner

五、实验步骤

1、新建980X300像素，72分辨率的图像文件

2、填充灰色背景，绘制装饰的矩形条和三角形，填充相应的蓝色

3、Macbook转换器移动到图像右侧，调整大小和位置

4、输入英文文字（字体尽可能相似），制作相应的文字大小、颜

色及效果

六、设计训练

根据本实验中Macbook转换器的图片素材和文字或618年中促销

活动相关内容，每位学生自行设计一款另一风格跨境端店铺的

Macbook转换器Banner。

实验11：制作+设计Macbook转换器移动端店铺Banner

一、实训目的

1、了解Banner的设计方式。

2.掌握移动端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出Macbook转换器移动端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计Macbook转换器移动端店铺Banner

五、实验步骤

1、新建608X304像素，72分辨率的图像文件

2、填充渐变背景色

3、Macbook转换器移动到图像右侧，调整大小和位置

4、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中Macbook转换器的图片素材和文字或618年中促销

活动相关内容，每位学生自行设计一款另一风格移动端店铺的

Macbook转换器Banner。

实验12：制作+设计投影仪PC端店铺Banner

一、实训目的

1、了解Banner的设计方式。

2.掌握PC端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出投影仪PC端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计投影仪PC端店铺Banner

五、实验步骤

1、新建727X416像素，72分辨率的图像文件

2、选择合适的投影仪场景图，Ctrl+T放置到合适大小

3、添加商品，为商品填充背景色和矩形框

4、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中投影仪的图片素材和文字或818促销活动相关内容,

每位学生自行设计一款另一风格PC端店铺的投影仪Bannero

实验13：制作+设计投影仪移动端店铺Banner

一、实训目的

1、了解Banner的设计方式。

2、掌握跨移动店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出投影仪移动端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计投影仪移动端店铺Banner

五、实验步骤

1、新建608X304像素，72分辨率的图像文件

2、背景色的填充，直线工具绘制矩形两侧的斜线

3、用椭圆形工具绘制大小不同的正圆

4、抠取投影仪，放置到图像右侧，调整图形的大小和的位置

5、制作投影仪倒影，滤色的混合模式

6、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中投影仪的图片素材和文字或818促销活动相关内容,

每位学生自行设计一款另一风格移动端店铺的投影仪Banner。

实验14：制作+设计iPad保护套PC端店铺Banner

一、实训目的

1、了解Banner的设计方式。

2.掌握PC端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出iPad保护套PC端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计iPad保护套PC端店铺Banner

五、实验步骤

1、新建727X416像素，72分辨率的图像文件

2、填充蓝色背景，描边矩形，并对矩形框左侧进行删除或隐藏

3、抠取iPad保护套，放置到合适大小到图面右下角的位置

4、用相同的方法将其他颜色的iPad保护套进行重叠排列

5、绘制iPad保护套后面的蓝色和白色的矩形框

6、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中iPad保护套的图片素材和文字或国庆节活动相关内

容，每位学生自行设计一款另一风格PC端店铺的iPad保护套

Bannero

实验15：制作+设计iPad保护套跨境端店铺Banner

一、实训目的

1、了解Banner的设计方式。

2、掌握跨境端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出iPad保护套PC端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计iPad保护套跨境端店铺Banner

五、实验步骤

1、新建980X300像素，72分辨率的图像文件

2、填充背景蓝色

3、钢笔工具抠取iPad保护套，调整图形的大小和的位置

4、用直线工具绘制斜线

5、输入英文文字（字体尽可能相似），制作相应的文字大小、颜

色及效果

六、设计训练

根据本实验中iPad保护套的图片素材和文字或国庆节活动相关内

容，每位学生自行设计一款另一风格跨境端店铺的iPad保护套

Bannero

实验16：制作+设计iPad保护套移动端店铺Banner

一、实训目的

了解Banner的设计方式。

2、掌握移动端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出iPad保护套移动端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计iPad保护套移动端店铺Banner

五、实验步骤

1、新建608X304像素,72分辨率的图像文件

2、抠取iPad保护套，放置到图像右侧，调整iPad保护套的大小

和位置

3、绘制7种不同颜色相同大小的椭圆

4、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中iPad保护套的图片素材和文字或国庆节活动相关内

容，每位学生自行设计一款另一风格移动端店铺的iPad保护套

Bannero

实验17：制作+设计男士T恤PC端店铺Banner

一、实训目的

1、了解Banner的设计方式。

2、掌握PC端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出男士T恤PC端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计男士T恤PC端店铺Banner

五、实验步骤

1、新建727X416像素，72分辨率的图像文件

2、渐变背景的填充

3、纯色倾斜区域的填充，并设置图层样式

4、抠取男士T恤，放置到图面左侧的位置

5、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中男士T恤的图片素材和文字或双12活动相关内容,

每位学生自行设计一款另一风格PC端店铺的男士T恤Bannero

实验18：制作+设计男士T恤跨境端店铺Banner

一、实训目的

了解Banner的设计方式。

2、掌握跨境端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出男士T恤PC端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计男士T恤跨境端店铺Banner

五、实验步骤

1、新建980X300像素，72分辨率的图像文件

2、背景色的填充与绘制

3、抠取男士T恤，放置到图像中，调整图形的大小和的位置

4、输入英文文字（字体尽可能相似），制作相应的文字大小、颜

色及效果

六、设计训练

根据本实验中男士T恤的图片素材和文字或双12活动相关内容,

每位学生自行设计一款另一风格跨境端店铺的男士T恤Bannero

实验19：制作+设计牛仔裤PC端店铺Banner

一、实训目的

了解Banner的设计方式。

2、掌握PC端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出牛仔裤PC端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计牛仔裤PC端店铺Banner

五、实验步骤

1、新建727X416像素，72分辨率的图像文件

2、打开牛仔裤场景图，Ctrl+T放置到合适大小，复制一层，并用

蒙版进行隐藏不需要显示的区域

3、用矩形和椭圆选框工具，绘制深蓝色的矩形和正圆形

4、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中牛仔裤的图片素材和文字或中秋节活动相关内容，

每位学生自行设计一款另一风格PC端店铺的牛仔裤Bannero

实验20：制作+设计牛仔裤跨境端店铺Banner

一、实训目的

了解Banner的设计方式。

2、掌握跨境端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出牛仔裤PC端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计牛仔裤跨境端店铺Banner

五、实验步骤

1、新建980X30()像素，72分辨率的图像文件

2、钢笔工具抠取牛仔裤，放置到图像右侧，调整图形的大小和的

位置

3、用矩形工具绘制左侧颜色矩形

4、用直线工具绘制虚线

5、输入英文文字(字体尽可能相似)，制作相应的文字大小、颜

色及效果

六、设计训练

根据本实验中牛仔裤的图片素材和文字或中秋节活动相关内容，

每位学生自行设计一款另一风格跨境端店铺的牛仔裤Bannero

实验21：制作+设计牛仔裤移动端店铺Banner

一、实训目的

了解Banner的设计方式。

2、掌握移动端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出牛仔裤移动端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计牛仔裤移动端店铺Banner

五、实验步骤

1、新建608X304像素，72分辨率的图像文件

2、钢笔工具抠取牛仔裤，放置到图像右侧，调整图形的大小和的

位置

3、用矩形工具绘制左侧颜色矩形

4、用直线工具绘制虚线

5、输入文字（字体尽可能相似），制作相应的文字大小、颜色及

效果

六、设计训练

根据本实验中牛仔裤的图片素材和文字或中秋节活动相关内容，

每位学生自行设计一款另一风格移动端店铺的牛仔裤Banner0

实验22：制作+设计男士卫衣PC端店铺Banner

一、实训目的

1、了解Banner的设计方式。

2、掌握PC端店铺Banner的设计要点及注意事项。

3、能够熟练快速制作、设计出男士卫衣PC端店铺Banner。

二、实验要求

根据提供的素材，完成相应效果图的制作

三、实验器材

每人一台可运行的计算机；安装可运行的PhotoshopCS5软件

四、实验内容

制作+设计男士卫衣PC端店铺Banner

五、实验步骤

1、新建727X416像素，72分辨率的图像文件

2