商品信息采编-商品拍摄与图片处理项目十一 任务三 商品详情页的制作 教学PPT课件.pptxVIP

2017Mission 03商品详情页的制作商品详情页项目十一延时符 0201OPTION02OPTION03OPTION美容护肤类商品（喷雾）详情页的设计金属类商品（保温杯）详情页的设计服装类商品（牛仔裤）详情页的设计目 录 页延时符 01.美容护肤类商品（喷雾）详情页的设计商品广告商品信息产品特色产品细节注意事项温馨提示03 喷雾作为日常生活中常见的美容护肤类商品，深受女性喜爱，在做电商设计时，一定要体现出喷雾良好的效果。但是，详情页的制作并非易事，喷雾的种类较多，不同种类有不同的适用范围。因此，在制作时要考虑喷雾商品详情页的设计要体现什么风格，如何搭配周围物品等活动描述04延时符 05商品广告步骤一：新建一个画布，名称为“喷雾”，宽度为“750像素”，高度为“11630像素”，新建效果如图所示，单击确定 06商品广告步骤二：打开图片“首页背景.png”，移动到画布上方，打开图片，使用快速选择工具，将喷雾选择出来，将选中的部分移动到首页背景左侧的空白处，按住“ctrl+T”，调整大小，单击确定。效果如图 07商品广告步骤三：新建图层，打开图片“水.png”，移动到喷雾下一层，按住“ctrl+T”，调整大小，单击确定。效果如图所示 08商品广告步骤四：新建文字图层，输入文字：“告别陈年旧色”，字体选用：微软雅黑，字体大小：30像素，文字颜色：红色；换行，继续输入：“水的更透彻”，改变文字大小为48像素。再次新建文字图层，输入：“净透杂质，通透管道，根源调节修复”，文字大小：18像素，文字RGB为：140,113,113；换行输入：养分导入基底膜，换行：从源头唤醒美白原生力量，打造匀净透水润肌。效果如图所示 09商品信息步骤一：打开图片“属性.png”，将图片移动到首页背景下，添加图层样式“投影”，样式如图所示 10商品信息步骤二：在左上角添加文字“商品属性”，文字设置如下：字体“微软雅黑”，字号“24点”，“平滑”，“黑色”步骤三：新建文字图层，在“商品属性”下方输入一条虚线，复制图层5次。使线条平均分布。效果如图所示 11商品信息步骤四：分别在横线分隔出的位置填写文字。“·品牌”、“·名称”、“·上市时间”、“·功效”、“·保质期”、“·适合部位”、“·限期使用日期范围”、“·规格类型”、“·净含量”。字体“微软雅黑”,字号“14.77点”，“平滑”，“灰色”（R：74 G：74 B：74）。效果如图 12商品信息步骤五：在文字的右侧添加图片“绿叶.JPG”，调整大小和位置，单击确定。效果如图所示 13产品特色步骤一：打开图片“背景图片.png”，选择其中的喷雾，将其拖出到背景正中。效果如图所示 14产品特色步骤二：打开图片“花朵.png”到新建图层。放在画面的左下角，调整到合适大小。效果如图所示 15产品特色步骤三：新建文字图层，在画面的左上角输入文字：“产品特色”，文字设置为：字体“微软雅黑”，字号“24点”，“锐利”，“红色（R：225 G:85 B:104）”。效果如图所示 16产品特色步骤四：在“产品特色”的下方以及画面的右下角输入文字：“从洋甘菊中提炼出温和的精华萃取，其功效为：增强肌肤耐受性并降低敏感度，舒缓晒后及缺水肌肤的不适感，安抚并保湿肌肤。”效果如图所示 17产品细节步骤一：打开背景图片，在画布的正上方的中央画一个圆角矩形，填充色设置为透明，边框用虚线呈现，样式如图所示步骤二：在圆角矩形框中输入文字：“产品细节”，样式如图所示 18产品细节步骤三：在画布的正中画一个圆角矩形，将其颜色设置为红（R:247 G:75 B:118），宽度设置为1px。效果如图所示步骤四：在这个圆角矩形上方画一个实心椭圆形，用吸管工具填充同样颜色。在椭圆中间输入：01，效果如图所示 19产品细节步骤五：复制图层3次，分别在椭圆中改变数字为：02、03和04，效果如图所示步骤六：打开图片“喷雾1.png”，将图片移动到背景中01的左侧。同时在01的右侧输入文字：“精美正品喷雾罐”，文字设置如下：字体“微软雅黑”，大小“21点”，“平滑”，颜色：红（R:247 G:75 B:119）；在其下方输入文字：“节气养颜·生态美肌 正品千纤草喷雾”，文字设置为：字体“微软雅黑”，大小“14点”，“平滑”，“黑色”；在其下方再次输入文字：“Beauty and ecological beauty solar term Thousand grass spray”，文字设置为：字体“AvantGardeLT Book”，大小“14点”，“平滑”，“黑色”。效果如图所示 20产品细节步骤七：重复上述步骤，重复3次，完成02、03和04，效果如图所示 21注意事项步骤一：在背景图片中画一个圆角矩形，其边框宽度设置为3px，颜色设置为：红（R: