《图形图像处理》9第九章+综合实战 教学课件.pptxVIP

图形图像处理

综合实战第九章第九章综合实战

目录Contents主图设计2任务综述1详情页设计3

章节案例淘宝的主要流量来源于自然搜索，而主图则是展示在用户面前的第一张图片，决定着用户在看到这张图片后能否点击进入详情页了解宝贝，详情页则能给用户传达所有信息，进一步激发用户的购买欲望，所以主图设计与详情页设计是撬开用户购买门槛的重要环节。本节通过某运动品牌的案例，向大家展示如何设计网店主图及详情页？第九章综合实战

1任务综述第九章综合实战

第九章综合实战一、任务利用Photoshop工具，设计完成某运动鞋的网店主图及详情页！

第九章综合实战二、任务解读1.主图构图风格确定123品牌感设计简约风设计场景化设计4营销型设计

第九章综合实战2.详情页内容布局焦点展示01产品属性02产品展示03售后保障04广告展示05

第九章综合实战3.产品信息详情女鞋尺码表对照/ShoesSize脚长21.5-2222-22.522.5-2323-23.523.5-2424-24.524.5-25脚围8-8.58.58.5-999-9.59.5-1010欧码34353637383940国际码220225230235240245250

第九章综合实战其他属性风格：韩版鞋底：橡胶跟高：4.5cm帮高：7cm适用对象：青年（18-40岁）颜色分类：粉丝、白色、紫色

第九章综合实战4.VI规范主色1：绿RGB模式69、181、108主色2：红RGB模式247、41、46主色

第九章综合实战5.使用工具选区工具文字编辑工具图层工具蒙版工具切片工具

2主图设计第九章综合实战

123456主图必须为实拍图主图像素为800*800主图必须为正面白底图主图必须为5张主图不允许出现留白、拼接、水印、促销词等如果是模特图则只能展示一名模特7具体参见行业规范第九章综合实战天猫规范一、设计规范

第九章综合实战遵守天猫主图规范白底图、纯色背景图以突出商品为主123C店规范

第九章综合实战二、主图设计要求图片正确曝光像素合乎要求清晰度高21对齐3

第九章综合实战三、主图构图方式构图直线排布式构图三角排布式构图层层递进式构图黄金分割点构图其他形状式构图扇形辐射式构图

第九章综合实战四、主图设计风格简约干净的白底+产品+品牌logo突出产品的稳重感及质感1.品牌感设计

第九章综合实战1）新建文件执行【文件】-【新建】命令，在对话框中设置参数：像素-800*800、分辨率-72像素/英寸、颜色模式-RGB、背景-白色。

第九章综合实战2）置入素材置入运动鞋产品素材，将素材调整至画面中偏右的位置，如图所示。

第九章综合实战3）新建参考线执行【Ctrl+R】命令，显示出标尺，右击标尺选择显示方式为“像素”，再执行【视图】-【新建参考线】命令，分别设置水平和垂直参考线为30像素，如图所示。

第九章综合实战4）置入logo将logo置入到对应参考线的左上角位置，如图所示。

第九章综合实战5）添加产品投影选中产品图层，单击【图层】面板底部的【添加图层样式】，选择【投影】命令，如图所示。

第九章综合实战6）设置投影效果在弹出的【图层样式】对话框中，勾选【投影】复选框，设置相关的参数，完成投影效果设置。

第九章综合实战7）完成主图设计至此，得到了一张干净、质感强的主图，除了产品之外，只有品牌logo，显得简洁大气，如此便已完成主图设计。

第九章综合实战块状的排版方式吸引顾客的3层文案2.简约风设计

第九章综合实战1）新建文件，并置入素材具体执行见品牌感主图设计步骤1和步骤2。

第九章综合实战2）新建参考线执行【视图】-【新建参考线】命令，设置参考线为垂直70像素，作为文案的对齐参考线。

第九章综合实战3）绘制矩形边框执行【矩形工具】，设置填充为关闭状态，描边为2点，描边颜色为主色1，对齐左侧的参考线绘制150*150像素的矩形边框，如图所示。

第九章综合实战4）输入第1层文案，设置文字效果选用【矩形工具】，设置填充色为主色1，关闭描边，在矩形边框上绘制一个139*139像素的文字框，然后选择【横排文字工具】，输入文字，并设置文字效果。

第九章综合实战5）输入第2层文案，设置文字效果创建文字图层，输入文案，设置字体为主色2，文字大小分别为72点和40点，如图所示。

第九章综合实战6）输入第1层文案，设置文字效果创建文字图层，输入货币符号及价格，并设置其展示效果。

第九章综合实战7）完成主图设计至此所有简约风主图已设计完成，得到一张简洁且具有文案诱惑的主图。

第九章综合实