网店美工教学课件Chapter09箱包店铺的设计.ppt

淘宝美工教程 Chapter 09 箱包店铺的设计 Chapter 09 箱包店铺的设计 [技能要求] 充分使用“图层混合模式”和“图层样式”对图层进行编辑，使其呈现出丰富的视觉，利用钢笔工具”和“魔棒工具”进行有效和快速的抠图，同时通过创建剪贴蒙版来对两个图层的显示进行控制，以提高编辑的效果，由此制作出丰富的效果。 根据箱包的受众群和外形特点，对店铺首页的色彩、布局、设计元素和风格等进行定位，突显出广告商品，延长顾客在店铺的停留时间，提高成交率。 [效果展示] Chapter 09 箱包店铺的设计 怀旧色户外背包首页设计 蓝绿色女式箱包首页设计 Chapter 09 箱包店铺的设计 [设计理念] 在欢迎模块中使用了雪山作为背景，采用了双色调的模式让背景色彩协调而统一，并搭配上色彩艳丽的红色作为广告文字，更好的突出店铺中的活动信息； 在商品的成列展示区域，由大到小，由上至下的丰富商品的内容，让页面的布局更加的灵活，具有一定的韵律感，并通过风格一致的标题栏对每组商品进行分类，搭配鲜艳的文字来展示商品的信息，可以清晰的表现出商品的形象。 9.1 怀旧色户外背包首页设计 本案例是为户外背包店铺所设计和制作的首页效果，画面中使用了冰山作为背景，并搭配怀旧的色调来表现出户外登山这项活动的冒险、刺激和勇敢的特点，具有很强的观赏性，其具体效果如图所示。 Chapter 09 箱包店铺的设计 [软件操作] 为添加的雪山照片创建图层蒙版，使用“渐变工具”对图层蒙版进行编辑，让图像的边缘呈现出自然的过渡效果； 使用“黑白”调整图层打造双色调效果，并通过颜色填充图层调整整体颜色； 利用“图案叠加”样式为书包素材添加上花纹； 使用“溶解”图层混合模式让标题文字的边缘呈现出自然的溶解效果。 Chapter 09 箱包店铺的设计 [主要操作步骤] 一、新建文档，新建填充图 层并填充为纯色。添加 素材，并进行编辑。 二、绘制所需矩形，并进行相应的设置。 三、添加素材，创建剪贴 蒙版。 Chapter 09 箱包店铺的设计 四、添加上文字，并按照相同的方法制作出其它标题栏。接着添加上锁链。 五、使用“横排文字工具”在画面中添加所需的文字。 六、为图像窗口中添加所需的箱包素材。 七、最后添加文字，绘制出所 需形状。 Chapter 09 箱包店铺的设计 [配色扩展] 如图9-63所示是使用偏暗的灰紫色和古铜色作为主色调调整画面色彩的效果，通常情况下灰紫色会给人一种神秘感，这与户外探险运动所吸引人的地方相同，另外古铜色会表现出沉稳的感觉，两种颜色搭配在一起能够表现出和谐、稳定的感觉。 如图9-64所示是使用青色作为主色调，由此来表现出清脆而不张扬，伶俐而不圆滑的效果，同时使用枚红色作为辅助色进行搭配，强烈的对比效果使得画面中的重要信息更加的突出，也与户外队员鲜艳的装备色彩相互的辉映，彰显出商品的特点。 9.2 蓝绿色女式箱包首页设计 本案例是为炫彩时尚的女式箱包所设计的店铺首页，页面中主要以商品展示为主，通过将广告商品与搭配商品分区展示的方式来表达出促销的氛围，搭配上纯度较高的蓝绿色，表现出知性华贵的感觉，具体的制作效果如图所示。 Chapter 09 箱包店铺的设计 [设计理念] 本案例在配色上使用了蓝绿色作为画面的背景，而蓝绿色是介于蓝色和绿色之间的色彩，代表一种甜美的女性特质，进而给人甜美中带有略微的成熟之感； ? 画面的欢迎模块中通过变形的标题文字制作出活动主题，搭配上色彩绚丽且外形多样的箱包，同时在下方以时间线的方式制作出未来每个阶段的活动信息，充分地传递出店铺的活动信息和动态； ? 在搭配区域中通过两种不同商品的搭配，突出本次活动的优惠力度，增强顾客的购买欲，接着以单品展示的方式突出广告商品的信息，加强商品的宣传。 Chapter 09 箱包店铺的设计 [软件操作] 使用“矩形工具”、“椭圆工具”和“钢笔工具”等多种绘图工具绘制出画面中所需的形状，并在工具的选项栏中设置每个形状的填充色； 使用“横排文字工具”添加画面中所需文字，通过“旋转”命令调整部分文字的角度； 使用“投影”样式为箱包添加上阴影效果； 使用“钢笔工具”精确抠取箱包，并通过“合并图层”命令将箱包图层进行合并。 Chapter 09 箱包店铺的设计 [主要操作步骤] 一、新建文档，填充背景色。 二、添加文字和素材。 三、绘制出矩形和箱包形状，并 添加文字。 Chapter 09 箱包店铺的设计 四、使用形状工具绘制出活动内容区域所需的形状,并添加文字，然后添加素材。 五、绘制出欢迎模块区域所需的形状。再使用