项目3 商品主图设计与制作思维导图模板

类型

白底主图

理论知识

天猫主图

白底

无logo、无其他元素

普通白底主图

分析商品特征。筛选商品图片

新建主图文件，确定文件大小

文件大小、分辨率72、颜色模式RGB

分辨率

单位英寸中所包含的像素点数（dpi）

颜色模式

RGB

电视机和计算机的监视器都是基于RGB颜色模式来创建其颜色的

CMYK

属于一种印刷模式

C青M洋红Y黄色K黑色

位图模式

两有颜色（黑和白）来表示图像中的像素

灰度模式

使用多达256级灰度来表现图像，使图像的过渡更平滑细腻。灰度图像的每个像素有一个0（黑色）到255（白色）之间的亮度值

LAB模式

理论上推算出来的对应大自然的色彩模式

HSB模式

基于人眼识别的体系

H色相\S饱和度\B明度

背景颜色：白色

背景内容

白色

背景色

透明

利用“钢笔工具”抠取商品图片

钢笔工具的使用技巧

快捷键P

使用范围：背景复杂、形状不规则但线条光滑

毛发类如何抠图

钢笔、快速选择工具+边缘调整

透明物体如何抠图（玻璃杯）

通道+色阶

转换点工具：调整路径（按ALT键折叠控制手柄）

路径转换为选区：Ctrl+enter、路径面板上点击“将路径作为选区载入”

选区反选

Ctrl+shift+I

选区内图像的复制：按Ctrl+J；按ALT并用鼠标移动图层；Ctrl+C，Ctrl+V

保存格式:PNG

透明

调整图片位置和大小

自由变换命令

快捷键Ctrl+T

等比例缩放：shift

垂直翻转与水平翻转

绘制商品倒影，修饰商品图片

图层的复制

按Ctrl+J；

切换到移动工具，按ALT键并用鼠标移动图层

Ctrl+C，Ctrl+V

选中图层，鼠标右键选择“复制图层”命令

执行菜单命令“图层——复制图层”

添加商品logo

左上角或者右上角

提高识别度，不易频繁更换logo

保存文件

执行“文件——储存为”命令，分别保存为JPG和PSD格式

操作任务

完成书上P72白底主图设计

完成书上P74拓展任务“运动鞋主图”

广告主图

理论知识

设计主图背景

作用

决定主图风格

流程

分析商品特征和促销意图，确定主图背景风格

现有图片

加工较容易

对设计新手来说设计效果更丰富

自行设计背景

颜色填充（油漆桶）

前景色填充快捷

alt+delete

背景填充快捷

Ctrl+delete

背景色切换

X

恢复默认前景色背景色

D

油漆桶工具

填充内容

前景色

图案

容差

定义必须填充的像素的颜色相似程度

高容差，填充范围大

低容差，填充范围小

消除锯齿

平滑填充区域的边缘

连续的

勾选后，只填充与鼠标单击点相邻的像素

所有图层

勾选后，基于所有可见图层中的合并颜色数据填充像素

渐变工具

渐变颜色条

右侧小三角形——渐变编辑器

p83

渐变类型

线性渐变

径向渐变

角度渐变

对称渐变

菱形渐变

不透明度

设置渐变效果的不透明度

反向

反向转换渐变中的颜色顺序

仿色

勾选后可使渐变效果更加平滑

透明区域

勾选后，可创建透明像素的渐变

图层

概念

像是含有文字或图形等元素的透明胶片，一张张按顺序叠放在一起，组合起来形成页面的最终效果。

类型

背景图层

原始图，它存有最原始的图像信息，可以最直观和新作的图层作比较而看到效果，

分支主题

背景图层的复制

鼠标右键选择复制图层

选中图层拖到“创建新图层”

执行“图层～复制图层”

背景图层的解锁

双击背景图层

工具栏上方选择“图层”-“新建”-“背景图层”，单击“确定即可”

特点

不能更改不透明度

可以执行滤镜

普通图层锁定后不能执行滤镜

可以使用画笔编辑

普通图层锁定后不能使用画笔编辑

不能添加图层样式

普通图层

图层面板说明

类型

图层数量较多时，可在下拉列表中选择显示一种图层类型，其他类型则隐藏

图层混合模式

图层之间叠加后产生混合效果

锁定按钮

锁定透明像素

锁定图像像素

锁定位置

锁定全部

图层显示标志

分支主题

显示可见

分支主题

隐藏

分支主题

快捷图标

分支主题

文字图层

文字以一个独立的图层的形式存在，具有图层的所有属性

子主题 1

快捷键T

文字工具选项属性

分支主题

切换文字方向

分支主题

设置字体

分支主题

字体样式

分支主题

字体大小

分支主题

消除锯齿的方法

无

锐利

犀利

浑厚

平滑

分支主题

文本对齐

左对齐

右对齐

居中对齐

分支主题

文字变形

子主题 1

分支主题

字符面板

执行“窗口——字符”

分支主题

字距调整

字距微调

字距调整

水平缩放/垂直缩放

调整字符的宽度与高度

基线偏移

行距

T状按钮

仿粗体

仿斜体

全部大型字母

小型字母大写

上标

下标

下划线

删除线

段落面板

分支主题

本文对齐方式

左对齐

右对齐

居中对齐

最后一行左对齐

最后一行居中对齐

最后一行右对齐

全部对齐

段落调整

左缩进

右缩进

首行缩进

段前添加空格

段后添加空格

不支持滤镜

形状图层

带有矢量特性，任意缩放不影响清晰度

带有二次修改的属性

创建路径的时候，自动填充前景色

调整图层

在不破坏原始图像的情况下，图像可以通过色调、色调顺序、曲线等进行操作

填充图层

填充层也是一个遮罩层。内容为纯色、渐变、图案，可转换为调整层。通过编辑遮罩可以产生融合效果。

栅格化图层

将非像素的对象转换为像素对象，栅格化后可添加各种图层效果，但失去了文本的属性，不能修改编辑文字

蒙版

创建剪贴蒙版

用一个图层中包含像素的区域用来限制上层图像的显示范围

上（内容图层）色下（基底图层）形

创建方式

图层——创建剪贴蒙版

ALT+Ctrl+G

按住ALT，单击“内容图层”与“基底图层”中间的空隙处

将图层移入剪贴蒙版组

释放

图层——释放剪贴蒙版

按住ALT，单击“内容图层”与“基底图层”中间的空隙处

将图层移出剪贴蒙版组

ALT+Ctrl+G

图层蒙版

主要用于合成图像，是一种特殊的蒙版，附加在目标图层上，起到遮盖图层的作用

创建

图层——图层蒙版——显示全部

选中图层——图层面板底部“添加图层蒙版”

删除

图层——图层蒙版——删除

选中蒙版缩略图，鼠标右击，选择删除图层蒙版

停用

执行“图层——蒙版图层——停用”

选中蒙版缩略图，鼠标右击，选择停用图层蒙版

按住shift的同时单击蒙版缩略图，再次单击则启用蒙版

单击蒙版面板底部的“停用/启用”按钮

复制与转移蒙版

按ALT，将蒙版拖到另外的图层上，则将蒙版复制到目标图层

移动：将蒙版拖到目标图层上

链接与取消链接

图层——图层蒙版——取消链接

单击链接图标

分支主题

快捷组合键

ALT+点击

单击蒙版缩略图进入或退出蒙版试图

shift+点击

单击蒙版缩略图停用/启用蒙版

ALT+shift+点击

单击蒙版缩略图进入或退出快速蒙版（Q）

Ctrl+点击

单击蒙版缩略图以在蒙版边缘创建选区

Ctrl+ATL+点击

单击蒙版缩略图以在蒙版边缘减去部分选区

Ctrl+ATL++SHIFT+点击

单击蒙版缩略图以在蒙版中创建一个交叉选区

设计背景图形布局

设计装饰文字及添加logo

设计商品图片

分析商品特征，筛选图片

筛选标准：高清、大文件、少瑕疵、角度合理

抠取并放置商品图片

钢笔工具

摆放要求

突出商品特色

展露主要商品外观

色彩艳丽明快，高档尾号

调整商品图片效果

设计促销文字

分析促销意图，设计主图文字方案

文字的提炼技巧

不用违规禁词

最高级、国家级、最佳、顶级、极品、第一品牌

第一、唯一、仅此

最高、最爱、最佳……

级/极

首

与权威有关

FAB法则

F

属性或功效

A

优点或优势

B

客户利益与价值

设计主要文字，体现商品特性

文字规范

位置：左上角或右上角

简单明了、面积小于图片的1/5

不要遮盖商品图片

设计热卖标志，打造热卖商品

自定义形状工具

分支主题

形状样式

分支主题

三种属性

保存文件

操作任务

完成书上P88的广告主图设计

完成P91运动鞋促销主图

设计要点

有规有矩。商品应占图片的2/3的位置

主图上只展示最重要的亮点信息

促销信息和亮点一定不要喧宾夺主

不要超过主图的1/4

字体统一，大的文字保持十个字以内

简短、清晰有力

不要抄别人的图，要独一无二

深化店铺定位，提高识别度

添加Logo

左上角或右上角

格式

上传格式为JPG\PNG\GIF

设计格式PSD，保留图层信息，进行修改与调整

排版注意事项

logo左上角

促销信息精简，易于阅读

水印尽量不加主图上

尺寸在700*700px以上，有放大效果，图片不变形

底色统一，图片清晰

概念

商品主图：就是当消费者搜索商品时，在搜索结果中显示的图片，一般包含主图背景、商品图片、商品Logo、促销信息等内容

尺寸

基本尺寸为400像素×400像素

尺寸为700像素×700像素，实现放大镜功能

文件大小要求在500KB以内

不要过小，否则图片可能不够清晰。

设计标准

完整、清晰、美观

与网店风格相融

体现商品的全貌或者卖点