网店美工实战教程第9章-综合案例-婚纱店铺装课件.pptx

1、第 9 章综合案例婚纱店铺装修网店美工实战教程（全彩微课版）29.1 制作婚纱店铺首页内容导航9.2 制作婚纱宝贝详情页3 本例制作的婚纱店铺首页不但需要将婚纱的美表现出来，而且要让意境升华。本店铺主要卖点是将田园风的温馨浪漫融入到婚纱中，并通过中国风的红色礼服表示女人的优雅、曲线美，突出婚纱的喜庆，并通过色彩的对比让页面变得鲜活。因为是高端婚纱，需要将高贵感体现出来，在做搭配时，多使用水晶等物品，让高贵从店铺装修中体现出来，最后通过模特展示图片，将产品的穿戴效果，传递给买家，从而促进购买。9.1 制作婚纱店铺首页49.1 制作婚纱店铺首页59.1.1 设计思路1店招采用柔软的纹路作为底纹，并

2、通过简单的花朵装饰、店铺名称和收藏夹的文本美化，体现店铺的高端大气，最后在其上添加导航条，让店招变得完整；2通过模特的婚纱效果展示，并加上描述性的文字，让顾客对产品有基本的了解。在中间部分添加推荐分类模块，让了解本产品的同时，了解其他产品；3主要体现两种产品，而且风格区分明显，在制作时不但要从产品的颜色进行区分，对焦点图的设计也要体现各自的特色；4在设计定制专区时，注意对称性，图片的大小要一致，不要过乱。5页尾部分主要对婚纱的摆放区域进行了展示，并对款式进行了罗列，便以继续查看。69.1.2 知识要点店招的制作主要是在简单中体现亮点，这里主要使用“矩形工具”“自定形状工具”“横排文字工具”对店

3、招进行简单的体现，从而为下面的设计做准备。婚纱海报和新品展示区的制作都属于设计的重点，不但要求色彩的美观性，还讲求对称性。这里使用了“矩形工具”“自定形状工具”“横排文字工具”和 载入选区命令，让图片框选更加规范，并且更加自然。定制专区和页尾是前面的延续，里面主要采用图片的搭配与上面进行分隔突出信息。79.1.3 操作步骤1. 制作婚纱店招（1）新建并填充店招底纹（2）绘制深紫色矩形（3）输入收藏文字（4）绘制Logo89.1.3 操作步骤（5）绘制导航条（6）输入导航文字（7）完成店招效果99.1.3 操作步骤2. 制作婚纱海报（1）新建画布（2）制作婚纱海报背景109.1.3 操作步骤（3

4、）添加莲花素材（4）输入说明性文本（5）添加素材（6）输入文字和添加图形（7）添加推荐分类119.1.3 操作步骤（8）绘制推荐分类矩形框（9）输入矩形条文字（10）海报效果129.1.3 操作步骤3. 制作产品展示区 产品展示区主要是为了对热卖品进行统一的展示，让顾客在观看完海报后，即可对产品进行了解。（1）扩展画布（2）制作展示区背景（3）制作焦点图背景139.1.3 操作步骤（4）制作横幅条（5）输入描述文字（6）绘制渐变条（7）完成焦点图的制作149.1.3 操作步骤（8）绘制矩形（9）排列新展示图（10）添加价格（11）复制并修改价格（12）绘制米字框（13）输入描述文字159.1.

5、3 操作步骤（14）新品展示区清新田园风的制作（15）布局“中国风礼服”区169.1.3 操作步骤（16）制作第二张焦点图（18）输入文本（17）设置文字的投影效果179.1.3 操作步骤（19）设置文字的图层样式（20）设置文字的光泽效果（21）设置矩形的渐变叠加效果189.1.3 操作步骤（22）输入文字并绘制矩形（23）输入促销价格（24）完成焦点图的制作199.1.3 操作步骤（25）绘制并排列矩形（26）排列图片（27）输入价格209.1.3 操作步骤（28）输入描述文字（29）中国风礼服展示图效果219.1.3 操作步骤4. 制作定做专区 因为体型不同，往往需要的衣服尺寸也不同，因

6、此店铺提供了婚纱定制功能，让其满足客户的需要。（1）添加背景（2）输入文字（3）绘制虚线229.1.3 操作步骤（4）绘制矩形和线条（5）定制专区效果239.1.3 操作步骤5. 制作页尾（1）扩展画布并添加素材（2）输入文字并添加素材（3）页尾效果249.1 制作婚纱店铺首页内容导航9.2 制作婚纱宝贝详情页25 本例中的婚纱宝贝属于飘逸的纱织婚纱，不但清逸，而且采用水晶和亮片让婚纱变得有质感，让公主感在点点滴滴的手工中进行体现，并使用蕾丝作为打底，增强婚纱的细致与精致。 在制作详情页时，需要先制作焦点图，突出婚纱的卖点，让其第一眼吸引买家继续逛下去；其次说明设计的理念与宝贝的详情信息，以展

7、示宝贝的具体参数；然后制作宝贝的亮点与细节图，让宝贝的展现更加完美；最后使用模特和模特架的展示让宝贝效果得到升华，并通过展示制作方法，打消顾客最后的顾虑。9.2 制作婚纱宝贝详情页269.2 制作婚纱宝贝详情页279.2.1 设计思路1通过穿戴后的婚纱模特，加上设置有透明度的矩形，并在其上添加莲花的效果，再在其上输入表述文字，让产品信息在简单的一张焦点图中体现。2通过手稿的显示，让婚纱的完成效果与手稿形成对比，让设计师与买家产生共鸣，从而促进订单的达成。3宝贝详情中应该对品牌、货号、颜色、面料、配饰、特点、厚度指数、柔软指数、修身指数进行详解，让顾客一目了然。4亮点中需要对本婚纱的细节进行展示

8、，并通过尺寸说明让顾客在选择时更加得心应手。5模特展示中包括正面和侧面的展示，并加上说明性的文字，让顾客对产品信息更加了解。6通过静物的实拍和精湛的工艺，让婚纱能够以真实的面貌展现在买家的眼前，再通过制作的细节展示，体现纯手工性。7通过物流的描写，打消顾客的最后顾虑，让顾客能够放心购买。289.2.2 知识要点1焦点图主要使用“矩形工具”“图层蒙版”“横排文字工具”“锐化工具”“图层样式”对婚纱效果进行简单展现。2设计理念和宝贝详情主要使用了“矩形工具”“自定形状工具”“横排文字工具”、“图层样式”对话框，让产品信息更加规范，并且更加自然。3亮点与尺寸说明结合了前面的知识及“矩形工具”“创建剪

9、切蒙版”“横排文字工具”“图层样式”让细节内容展现出来。4详情页的模特展示主要是图片的表现，并结合说明性的文字，让图文效果得到整合。5工艺展示主要使用了“矩形工具”“直线工具”以及文字的编写，让效果展现更加自然。299.2.3 操作步骤1. 制作详情页婚纱焦点图（1）新建画布（2）添加素材（3）添加图层蒙版（4）锐化人物并绘制矩形（5）设置透明度并添加莲花素材309.2.3 操作步骤（6）设计文字摆放样式（7）与首页店招名字对应（8）输入促销信息（9）设计链接按钮（10）应用内阴影效果319.2.3 操作步骤2. 制作设计理念图绘制矩形添加素材输入文字并设置图层样式完成制作329.2.3 操作

10、步骤3. 制作宝贝详情展示图添加素材输入说明文字绘制直线和矩形设置矩形样式产品特点展示339.2.3 操作步骤4. 制作详情页亮点与尺寸说明展示图（1）插入图片并输入文字（3）添加图片并输入文字（2）设置标题并绘制矩形349.2.3 操作步骤（4）输入表格文字（5）效果图359.2.3 操作步骤5. 制作模特展示图插入图片并输入文字完成效果369.2.3 操作步骤6. 制作实物静拍展示图（1）绘制矩形框（2）载入图片（3）绘制矩形条（4）完成效果379.2.3 操作步骤7. 制作工艺展示图（1）扩展画布（2）绘制“井”字直线（3）输入文字（4）绘制矩形并添加素材389.2.3 操作步骤（5）输

11、入“创意”文字（6）插入图片并输入文字（7）工艺展示图效果399.2.3 操作步骤8. 制作快递与售后展示图绘制矩形并添加素材绘制矩形并输入文本40课后习题 （1）制作女包首页，在制作前需要先制作通栏店招，在制作时主要通过简单的文字描写，突出主题。在其下方制作海报中主要使用白雪等冬季素材，体现包的使用季节，并添加女包素材，让主题得到体现。通过文案的添加让促销信息得以体现。在下方制作爆款推荐、新品上新版块，在制作该版块时，主要是对爆款女包进行罗列，使其效果进行简单展示。其完成后的效果产考配套光盘（配套资源:效果文件第九章练习1女包首页.psd）。 （2）制作女包详情页，在制作时需要先制作焦点图，该焦点图与首页相符，都是通过素材+女包+文字进行体现，并通过灵感细节尺寸大小进行具体展示，其完成后的效果可参考配套光盘（配套资源:效果文件第九章练习2女包详情页.psd）。41谢谢观看综合案例婚纱店铺装修网店美工实战教程（全彩微课版）