网店美工教程Chapter08

1、淘宝美工教程 Chapter 08 服饰店铺的设计Chapter 08 服饰店铺的设计技能要求技能要求使用图层蒙版将宝贝的局部显示出来，突显出商品的细节特点，利用“钢笔工具”、“选框工具”等创建选区，同时使用调整图层对商品照片的颜色和影调进行调整。根据商品的特点，从不同的角度将商品的局部放大，让顾客了解到更多的商品信息，诱导顾客购买商品，提高成交率。效果展示效果展示Chapter 08 服饰店铺的设计复复古古色色调调女女装装店店铺铺设设计计可可爱爱童童装装店店铺铺首首页页设设计计Chapter 08 服饰店铺的设计设计理念设计理念在色彩搭配上，案例使用了低纯度的浑浊色照片作为画面主要的元素，并

2、搭配了棕灰色的纯色背景，给人一种怀旧之感，呈现出厚重、高档的感觉；画面中的文字简约而大气，为画面的内容进行点缀；画面的布局从上到下按照由疏到密，由密到疏，再由疏到密的板式进行设定，使得画面的内容主次得当，给视觉适当的缓冲，由此提高浏览者的停留时间，增强顾客的购买欲。8.1 复古色调女装店铺设计Chapter 08 服饰店铺的设计软件操作软件操作使用颜色填充图层来对画面的背景颜色进行设置；使用图层蒙版来对图像的显示进行控制，通过选区来编辑图层蒙版；利用“图层样式”对文字和形状进行修饰，使其外形更加的丰富；用“横排文字工具”为画面添加上所需的文字，并打开“字符”面板设置文字属性；利用形状工具绘制出

3、画面中所需的修饰形状。Chapter 08 服饰店铺的设计主要操作步骤主要操作步骤一、新建文档，新建填充图 层并填充为纯色。二、添加素材。三、添加所需文字和绘制导航条矩形。Chapter 08 服饰店铺的设计四、使用“横排文字工具”和“钢笔工具”制作出收藏品牌的标识。五、添加所需图片素材，并添加文字和绘制图形。六、绘制所需矩形，添加素材和文字。Chapter 08 服饰店铺的设计七、绘制所需形状。八、添加图片素材，创建选区， 为添加的照片添加上图层蒙版。九、最后选择“横排文字工具”， 在适当的位置输入文字。Chapter 08 服饰店铺的设计配色扩展配色扩展如图8-50所示是使用浅棕色作为画面

4、主色调的制作效果，这样的配色可以让画面显得更加的明亮，若将画面中的模特服饰都换为深色调，那么，商品的形象将会更加醒目，对于商品的推销和展示有很大的帮助作用。如图8-51所示是使用橡皮红作为画面背景的制作效果，橡皮红容易给人一种智慧和柔美的感觉，这样的配色让服饰显得清新脱俗，提升了画面设计的品质，使其更具设计感。8.2 可爱童装店铺首页设计本案例是以儿童服饰作为销售商品所设计的网店首页效果，如图所示，在画面中可以看到设计中使用了公布栏和福袋作为主要的设计元素，并搭配上色彩艳丽的枚红色和紫色，表现出儿童天真烂漫、活泼可爱的感觉。Chapter 08 服饰店铺的设计设计理念设计理念在色彩搭配上，案例

5、中使用了枚红色和紫色作为主要的颜色，背景中的粉色又营造出和谐温暖的感觉，能够表现出成长孩子的天真；画面中使用了两个不同颜色的福袋来展示出男童和女童的服饰，而福袋又是优惠、打折的代名词，吸引浏览者的目光，由此来提高商品的成交率；设计中使用了漂浮的云朵作为点缀，给人一种清新的感觉，而云朵圆润的外形也表达出儿童稚嫩的情感，与销售的儿童服饰的形象相互辉映。Chapter 08 服饰店铺的设计软件操作软件操作使用“矩形工具”绘制出矩形条，通过复制矩形条来制作出背景中的条纹；用“圆角矩形工具”绘制出导航条，并用图层样式对其进行修饰；选择“横排文字工具”为画面添加上所需的文字，用“字符”面板对文字的字体、字

6、号、颜色等进行设置，同时添加“描边”样式增强文字的表现力；使用“钢笔工具”绘制出福袋的形状，并为其填充上适当的颜色。Chapter 08 服饰店铺的设计主要操作步骤主要操作步骤一、新建文档，填充背景为 “粉色”,并绘制矩形条。二、绘制店招各种图形，并添加上文 字。三、用钢笔工具绘制出欢迎 模块背景。Chapter 08 服饰店铺的设计四、添加人物素材并编辑。五、用钢笔绘制图形，并添加文字。Chapter 08 服饰店铺的设计七、使用“钢笔工具”和“圆 角矩形工具”绘制出福袋的形状。八、添加图片素材，然后添加文字和 所需的形状。九、参考前面的编辑方法，绘制出 紫色的福袋。Chapter 08 服饰店铺的设计配色扩展配色扩展如图8-124所示是使用蓝色作为画面主色调的制作效果，蓝色为天空的色彩，使用蓝色与白色的云朵搭配，表现出儿童自由想象、天马行空的感觉。如图8-125所示是使用绿色作为画面主色调的制作效果，清新的绿色给人朝气蓬勃的印象，散发着青春的活力，带给人舒适、温和的感受。8.3 课后习题实操题Chapter 08 服饰店铺的设计以女装为素材，如图8-129、8-130、8-131、8-132和8-133所示，设计一个女装店铺的首页，要求以素材照片的颜色作为配色的依据，制作出店招、导航条、欢迎模块、分类标题栏