网店美工Chapter11要点详解.ppt

淘宝美工教程 Chapter 11 配饰店铺的设计 Chapter 11 配饰店铺的设计 [技能要求] 学会使用“磁性套索工具”将商品从背景中抠选出来，充分使用图层样式和图层混合模式来增强设计元素的视觉效果，根绝设计需要，还可以通过添加素材文件的方式来丰富画面效果。 饰品由于其特殊的材质，极易产生反光的效果，因此在进行饰品店铺设计之前，要先对饰品照片进行处理，力求表现其最佳的色泽和光泽，体现出吸引目光的材质感，接着根据饰品的风格和受众来进行配色和布局。 [效果展示] Chapter 11 配饰店铺的设计 民族首饰店铺设计 浅色调首饰店铺设计 [设计理念] 案例中使用了不同程度的红色作为主色调，而红色像火和太阳一样给人以温暖和愉快，象征太阳和光辉，代表着喜庆、吉祥和热情，红色的使用让商品与设计元素的颜色协调而和谐； 在“特价热卖”区域，营造出实物在柜台展出的真实效果，给视觉上带来亲切感，提高了顾客购买的兴趣； 采用了随机摆放的方式展示出广告商品，使用色彩和谐的标签对商品的名称进行填充，抠取后的商品形象让商品的表现更加集中。 11.1 民族首饰店铺设计 本案例是为民族首饰所设计的网店首页，画面中放置了民族饰品，形成了浓烈的中国红配色，给予视觉强烈的视觉冲击力，同时自由的板式设计也表现出了一定的活力感，其具体的设计效果如图所示。 Chapter 11 配饰店铺的设计 [软件操作] 通过“横排文字工具”和“自定形状工具”绘制出店铺的LOGO； 使用“磁性套索工具”沿着饰品的边缘创建选区，接着以选区为范围，为饰品图层添加图层蒙版，将饰品抠选出来； 使用“图案叠加”样式对欢迎模块的背景进行修饰； 利用“颜色填充”图层对网店首页各个区域的背景进行编辑。 Chapter 11 配饰店铺的设计 [主要操作步骤] 一、新建文档，将图像窗口填充成 前景色。 二、添加文字，使用“自定形状工具” 和“钢笔工具”绘制出所需的形状。 三、绘制图形，添加文字和素材。 Chapter 11 配饰店铺的设计 四、使用“横排文字工具”在适当的位置输入所需的内容，作为导航条。 五、为背景添加素材和文字。 六、使用“钢笔工具”和“横排文字工具”制作出标题栏。 Chapter 11 配饰店铺的设计 七、添加上所需商品素材和文字，绘制图形。 五、使用“矩形工具”绘制出收藏区域的背景，并为其中添加上饰品素材，使用图层蒙版对饰品显示进行控制，最后添加上所需的文字 Chapter 11 配饰店铺的设计 六、制作出其余的饰品摆放效果，并为该区域添加上标题栏，放在适当的位置 七、最后制作出整个画面最下面部分。 [配色扩展] 如图11-86所示是使用绿色作为主要的背景颜色所制作的效果，由于店铺销售的商品为民族饰品，在少数民族同胞的心里面，绿色是充满生机、热爱生活的色彩，因此画面中使用绿色可以传递出一种生机勃勃的感觉，同时符合民族色彩的搭配特点。 如图11-87所示是使用明度不等的花纹制作背景的效果，由于背景色彩的明度和纯度都较低，因此显得更加的神秘，而暗色调的背景能够营造出一种品质感，提高民族饰品的档次，更利于展示饰品的材质，容易使其博得顾客的好感。 Chapter 11 配饰店铺的设计 11.2 靓丽数码店铺设计 本案例是为时尚的珠宝首饰所设计的网店首页，画面中使用丝带作为引导，将饰品放在丝带的两侧，形成流线型的美感，并搭配上丝缎素材进行修饰，营造出一种和谐、柔和的感觉，其具体的制作效果如图11-90所示。 [设计理念] 使用淡墨绿色作为画面修饰元素的色彩，这样色彩能够给予画面一种稳定感，减少视觉疲劳，让顾客能够仔细的浏览商品，同时浅色调的画面能够带来一种柔和、温婉的感觉，与女性的特质相同，更能增添顾客的认同感； 案例中使用的丝绸作为主要的修饰元素，由于丝绸的手感细腻和柔软，这个特点与饰品精致、华贵的外观相似，能够衬托出商品的品质； 画面的中间使用红色的丝带作为间隔将画面一分为二，左右两侧放置不同的饰品，这样巧妙的设计可以增强画面的观赏感，避免画面单板，同时制造出一定的流线感，起着引导视线的作用。 Chapter 11 配饰店铺的设计 [软件操作] 为画面添加素材文件，使用自由变换框对素材的大小进行调整； 使用白色的“画笔工具”在模特照片的四周进行涂抹，使其与背景的白色形成自然过渡的效果，避免照片与背景产生生硬的感觉； 使用“钢笔工具”绘制出所需的修饰形状，并为其填充上适当的颜色； 通过创建图层组的方式对图层进行分类管理。 Chapter 11 配饰店铺的设计 [主要操作步骤] 一、新建文档，添加上所需素材。 二、使用“矩形工具”和“文