网店美工 教程Chapter 08.ppt

淘宝美工教程 Chapter 08 服饰店铺的设计 Chapter 08 服饰店铺的设计 [技能要求] 使用图层蒙版将宝贝的局部显示出来，突显出商品的细节特点，利用“钢笔工具”、“选框工具”等创建选区，同时使用调整图层对商品照片的颜色和影调进行调整。 根据商品的特点，从不同的角度将商品的局部放大，让顾客了解到更多的商品信息，诱导顾客购买商品，提高成交率。 [效果展示] Chapter 08 服饰店铺的设计 复古色调女装店铺设计 可爱童装店铺首页设计 Chapter 08 服饰店铺的设计 [设计理念] 在色彩搭配上，案例使用了低纯度的浑浊色照片作为画面主要的元素，并搭配了棕灰色的纯色背景，给人一种怀旧之感，呈现出厚重、高档的感觉； 画面中的文字简约而大气，为画面的内容进行点缀； 画面的布局从上到下按照由疏到密，由密到疏，再由疏到密的板式进行设定，使得画面的内容主次得当，给视觉适当的缓冲，由此提高浏览者的停留时间，增强顾客的购买欲。 8.1 复古色调女装店铺设计 Chapter 08 服饰店铺的设计 [软件操作] 使用颜色填充图层来对画面的背景颜色进行设置； 使用图层蒙版来对图像的显示进行控制，通过选区来编辑图层蒙版； 利用“图层样式”对文字和形状进行修饰，使其外形更加的丰富； 用“横排文字工具”为画面添加上所需的文字，并打开“字符”面板设置文字属性； 利用形状工具绘制出画面中所需的修饰形状。 Chapter 08 服饰店铺的设计 [主要操作步骤] 一、新建文档，新建填充图 层并填充为纯色。 二、添加素材。 三、添加所需文字和绘制导航条矩形。 Chapter 08 服饰店铺的设计 四、使用“横排文字工具”和“钢笔工具”制作出收藏品牌的标识。 五、添加所需图片素材，并添加文字和绘制图形。 六、绘制所需矩形，添加素材和文字。 Chapter 08 服饰店铺的设计 七、绘制所需形状。 八、添加图片素材，创建选区， 为添加的照片添加上图层蒙版。 九、最后选择“横排文字工具”， 在适当的位置输入文字。 Chapter 08 服饰店铺的设计 [配色扩展] 如图8-50所示是使用浅棕色作为画面主色调的制作效果，这样的配色可以让画面显得更加的明亮，若将画面中的模特服饰都换为深色调，那么，商品的形象将会更加醒目，对于商品的推销和展示有很大的帮助作用。 如图8-51所示是使用橡皮红作为画面背景的制作效果，橡皮红容易给人一种智慧和柔美的感觉，这样的配色让服饰显得清新脱俗，提升了画面设计的品质，使其更具设计感。 8.2 可爱童装店铺首页设计 本案例是以儿童服饰作为销售商品所设计的网店首页效果，如图所示，在画面中可以看到设计中使用了公布栏和福袋作为主要的设计元素，并搭配上色彩艳丽的枚红色和紫色，表现出儿童天真烂漫、活泼可爱的感觉。 Chapter 08 服饰店铺的设计 [设计理念] 在色彩搭配上，案例中使用了枚红色和紫色作为主要的颜色，背景中的粉色又营造出和谐温暖的感觉，能够表现出成长孩子的天真； 画面中使用了两个不同颜色的福袋来展示出男童和女童的服饰，而福袋又是优惠、打折的代名词，吸引浏览者的目光，由此来提高商品的成交率； 设计中使用了漂浮的云朵作为点缀，给人一种清新的感觉，而云朵圆润的外形也表达出儿童稚嫩的情感，与销售的儿童服饰的形象相互辉映。 Chapter 08 服饰店铺的设计 [软件操作] 使用“矩形工具”绘制出矩形条，通过复制矩形条来制作出背景中的条纹； 用“圆角矩形工具”绘制出导航条，并用图层样式对其进行修饰； 选择“横排文字工具”为画面添加上所需的文字，用“字符”面板对文字的字体、字号、颜色等进行设置，同时添加“描边”样式增强文字的表现力； ? 使用“钢笔工具”绘制出福袋的形状，并为其填充上适当的颜色。 Chapter 08 服饰店铺的设计 [主要操作步骤] 一、新建文档，填充背景为 “粉色”,并绘制矩形条。 二、绘制店招各种图形，并添加上文 字。 三、用钢笔工具绘制出欢迎 模块背景。 Chapter 08 服饰店铺的设计 四、添加人物素材并编辑。 五、用钢笔绘制图形，并添加文字。 Chapter 08 服饰店铺的设计 七、使用“钢笔工具”和“圆 角矩形工具”绘制出福袋 的形状。 八、添加图片素材，然后添加文字和 所需的形状。 九、参考前面的编辑方法，绘制出 紫色的福袋。 Chapter 08 服饰店铺的设计 [配色扩展] 如图8-124所示是使用蓝色作为画面