1、先将要抠取的狗狗图片拖进PS设为背景图层

2、使用套索 [L套索工具]把狗狗的大致轮廓抠取出来；接着按鼠标右键，在弹出的菜单选择“调整边缘”，调整边缘设置（视图选择：黑底，输出到选择：新建图层，点击“记住设置”）

3、接着点击“调整半径工具”，用“调整半径工具”在狗狗身体跟背景的地方慢慢涂抹，就可以将狗狗身体一点一点的抠下来了，涂抹完成后点击确定，就会出现一个新建图层了

4、打开树林素材，使用移动 [V移动工具]把狗狗拖入树林

【卖家秀】：

【买家秀】：

1、先将漫画的背景图层拖进PS，接着选择：图像 >调整 >去色 [Shift+Ctrl+U去色],然后点击选择:滤镜 >风格化 >查找边缘（来得到人物线条），再选择：图像 >调整 >反相 [Shift+I反相]（将线条转换成粉笔的白色）

2、选择：图像 >调整 >色阶 [Ctrl+L色阶]（预设：自定，通道：RGB，第一框：73、第二框：1.00、第三框：200；这样可去除杂色让线条也更完整）

3、点击选择：选择 >色彩范围（选择：取样颜色，用吸管工具提取线条部分，颜色容差：20），选区建立后选择反选[Ctrl+Shift+I选择反向]

4、打开黑板素材文件，把刚才的漫画线条复制 [Ctrl+C复制]、粘贴 [Ctrl+V粘贴]到黑板上

5、最后，合并 [Ctrl+Shift+E合并可见图层]，保存[Ctrl+S保存当前图像]

【卖家秀】：

【买家秀】：

1、先将风景的背景图层拖进PS

2、将背景图层复制[Ctrl+J复制拷贝图层]，接着对复制拷贝好的图层选择高光选取 [Ctrl+Alt+2高光选取]，然后使用快速选择[W快速选择工具]从选区减去把水面上多余的选区消除

3、对选区复制 [Ctrl+C复制],接着将图层复制[Ctrl+J复制拷贝图层]形成图层1；然后在图层1点击选择：滤镜 >模糊 >径向模糊（数量：100，模糊方法：缩放，品质：好），确定之后耶稣光就形成了

4、在图层1点击选择：图像 >调整 >曲线 [Ctrl+M曲线]（输出：52，输入：62），接着选择点击添加图层蒙版，使用画笔 [B画笔工具]选择黑色，把上面的云层擦饰出来

5、最后，合并 [Ctrl+Shift+E合并可见图层]，保存[Shift+Ctrl+S保存当前图像]

【卖家秀】：

【买家秀】：

1、先将人物背景图层拖进PS

2、点击选择{调整}下面的：通道混和器（先把“单色”打勾，预设：自定，输出通道：灰色，使照片成为黑白效果；再调整：红色-10%、绿色+168%、蓝色-60%）；还要在混合更改{正常}栏框下点击选择“变亮”，减弱对人物的影响

3、点击选择{调整}下面的：可选颜色（预设：自定，颜色：红色，调整：黑色-78%，对人物皮肤的颜色进行调修；再选择颜色：中性色：调整：青色-10%、洋红-5%、黄色-7%、黑色-10%，使画面整体色调变亮）

4、点击选择{调整}下面的：亮度/对比度（亮度：25、对比度：12，使画面适当调亮并增加对比度）；但调亮画面后，婚纱的亮度都失去了层次，就可使用画笔 [B画笔工具]选择黑色，在婚纱部分涂抹，使调整图层时不影响婚纱部分的区域

5、将背景图层复制一个[Ctrl+J复制拷贝图层]，再把刚刚复制好的“背景 拷贝”图层拖拽至最上面顶层

6、接着对“背景 拷贝”图层设置前景色为黑色、背景色为白色，点击选择：滤镜 >滤镜库 >素描 >影印（细节：1、暗度：6，使图像变成线描效果）；再在混合更改{正常}栏框下点击选择“颜色加深”，使画面中保留线描，体现手绘风格；还要选择点击添加图层蒙版，使用画笔 [B画笔工具]选择黑色，在人物身体、婚纱边缘涂抹，就可将多余的线条隐藏

7、打开通道面板，点击选择“创建新通道”就可得到Alpha 1，设置前景色为白色、背景色为黑色；接着点击选择：滤镜 >像素化 >点状化（单元格大小：5，便生成灰色杂点）；再点击选择：图像 >调整 >阈值（阈值色阶：41，使灰色杂点变得清晰）；点击选择“将通道作为选区载入”，就可载入通道中的选区

8、回到图层面板，新建一个图层 [Shift+Ctrl+N新建图层]，在选区内填充白颜色 [Shift+F5填充]，接着取消选择 [Ctrl+D取消选择]；再点击选择:滤镜 >模糊 >动感模糊（角度：-60度，距离：5像素，便可对杂点进行模糊，制作出雪花飘落效果）；还要选择点击添加图层蒙版，使用画笔 [B画笔工具]选择（1、颜色：深灰色，大小：50像素，不透明度：25%，将人物身体上的雪花适当隐藏、变得透明；2、颜色：黑色，大小：5像素，不透明度：100%，将人物脸上的雪花涂抹擦除）

9、最后，合并 [Ctrl+Shift+E合并可见图层]，保存[Shift+Ctrl+S保存当前图像]

【卖家秀】：

【买家秀】：

这个磨皮方法的关键是先复制一个通道，然后用高反差把反差大的地方弄出来，然后用计算把这些反差大的地方增强，再做出选区，用曲线调一下就能达到磨皮的目的！

1、先将人物背景图层拖进PS，点击选择：通道 >蓝色通道，复制蓝色通道，将其它的眼睛关闭只显示刚刚复制好的蓝 拷贝通道

2、在蓝 拷贝通道点击选择：滤镜 >其他 >高反差保留（半径：8像素），确定后，接着使用画笔 [B画笔工具]（颜色：#9f9f9f 大小：10像素，硬度：100%，模式：正常，不透明度：100%，流量100%），涂抹人物的眼睛和嘴巴

3、在蓝 拷贝通道点击选择：图像 >计算（混合：强光），确定后得到Alpha 1，接着再重复步骤两次得到Alpha 2、Alpha 3即可

4、按着Ctrl快捷键并同时点击Alpha 3的通道缩略图，这个时候选中的是人物身体上的光滑部分，接着选择反选 [Ctrl+Shift+I 反向选择]

5、之后进入背景图层区，点击人物的背景图层，点击选择调整下面的：曲线，就可添加一个曲线图层，拖拽点线调整到人物皮肤光滑为止

6、选择盖印可见图层 [Ctrl+Alt+Shift+E盖印可见图层]，接着将背景图层复制两个[Ctrl+J复制拷贝图层]，分别命名为“表面模糊”图层、“红色通道高反差保留”图层

7、对“表面模糊”图层点击选择：滤镜 >模糊 >表面模糊（半径：20像素，阈值：10色阶）

8、对“红色通道高反差保留”图层点击选择：图像 >应用图像（通道：红，混合：正常）；接着点击选择：滤镜 >其他 >高反差保留（半径：0.8像素）；还要在混合更改{正常}栏框下点击选择线性光

9、点击选择创建新组，除了背景图层，将其它的图层都拖进新建组的组1里；接着点击选择组1、再点击添加图层蒙版，选择画笔 [B画笔工具]（大小：20像素，硬度：0%，模式：正常，不透明度：80%，流量100%），用白颜色将人物脸上的雀斑、痘印、肤质不好的地方涂抹擦除即可

注：选择点击添加图层蒙版后，画笔的颜色设置（使用选黑色是要除去的部分，使用选白色是要显示出来的部分）

10、选择盖印可见图层 [Ctrl+Alt+Shift+E盖印可见图层]，接着新建一个图层 [Shift+Ctrl+N新建图层]（颜色：灰色，模式：柔光，把“填充柔光中性色50%灰”打勾）确定即可

11、使用画笔 [B画笔工具]（颜色：#ff0000 大小：5像素，硬度：0%，模式：正常，不透明度：35%，流量100%）涂抹在嘴唇上当做口红；也可以使用不同的颜色涂抹在眼皮上当做眼影等……

12、点击选择调整下面的：色彩平衡（色调：中间调，青色和红色+80、洋红和绿色+10、黄色和蓝色+30），这样可以调整画风的整体色调

13、最后，合并 [Ctrl+Shift+E合并可见图层]，保存[Shift+Ctrl+S保存当前图像]

【卖家秀】：

【买家秀】：

1、先将模特背景图层拖进PS，选择复制图层 [Ctrl+J复制拷贝图层]，避免破解原图，也有利于后面的观察对比

2、选择滤镜 >液化 [Shift+Ctrl+X液化]

3、先用“冻结蒙板工具”、“解冻蒙板工具”{为浅红色样式}把要保留的整体地方涂抹好

4、再用“向前变形工具”进行修饰消瘦

5、修饰消瘦好了可以点击“显示蒙板”关掉看一下效果，完成之后点击“确定”即可

6、使用修补 [J修补工具]将右边手臂部分替换腾空

7、最后保存[Ctrl+S保存当前图像]

【卖家秀】：

【买家秀】：

1、先将人物的背景图层拖进PS

2、新建一个图层 [Shift+Ctrl+N新建图层]，接着选择画笔 [B画笔工具]（大小：30像素，硬度：10%）前景色为：白色，然后使用钢笔 [P钢笔工具]围绕着人物绕画路径（不要闭合路径），按住Alt并点击拖锚点调整边缘；再鼠标右键单击图层选择：描边路径（工具：画笔，把模拟压力打勾）确定；还要选择点击添加图层蒙版，使用黑色画笔 [B画笔工具]擦除身后遮挡部分的炫光，使其有环绕效果；选择选区更改 [Ctrl+Enter选区更改]选中之后为虚线，选择取消 [Ctrl+D取消选择]

3、点击炫光图层，接着点击选择：图层 >图层样式 >投影（混合模式：颜色减淡，颜色：黄色，距离：18像素，大小：122像素）；然后点击选择：外发光（混合模式：叠加，不透明度：18%，大小：24像素）

4、选择将炫光图层复制[Ctrl+J复制拷贝图层]，复制三次；接着在复制拷贝的各个图层分别使用移动 [V移动工具]拖拽炫光使其有交错的效果；然后在复制拷贝的各个图层的蒙版分别使用黑色、白色画笔 [B画笔工具]，同时配合按X [X切换前景的和背景色]修饰炫光

5、新建一个图层 [Shift+Ctrl+N新建图层]，接着使用画笔 [B画笔工具]画笔面板设置（画笔笔尖形状，大小：20像素，间距：200%；散布打勾，散布：1000%，数量：1，数量抖动：100%；平滑打勾）炫光周围拖拽画出点光，在混合更改{正常}栏框下点击选择“叠加”；然后将图层复制[Ctrl+J复制拷贝图层]，加强点光效果

6、最后，合并 [Ctrl+Shift+E合并可见图层]，保存[Ctrl+S保存当前图像]

【卖家秀】：

【买家秀】：

在色彩设计应用中，我们对颜色不同程度的理解，影响到设计页面的表现，熟练地运用色彩搭配，设计时岂不事半功倍。

一张优秀的设计作品，它的色彩搭配必定和谐得体，令人赏心 悦目，反思我们在设计过程中，怎样的色彩搭配更容易达到设计目的，又是什么影响了我们的配色思维呢？

以下几点常会影响色彩搭配思维：

1、仅关注色彩表象

2、搭配方法不够系统

3、色彩与构成掌握不到位

首先简单理解一下色相和色调概念（如下列图）：

接下来我们按三个大类的配色方法，结合一些案例 ，分析色彩在页面中的应用手法（如下列图）：

一、色相差而形成的配色方式:

1.1【有主导色彩配色】

这是由一种色相构成的统一性配色。即由某一种色相支配、统一画面的配色，如果不是同一种色相，色环上相邻的类似色也可以形成相近的配色效果。当然，也有一些色相差距较大的做法，比如撞色的对比，或者有无色彩的对比，但这里先讲述带主导色的配色案例

1.1 -1 同色系配色（如下列图）：

同色系配色是指主色和辅色都在统一色相上，这种配色方法往往会给人页面很一致化的感受。

twitter的案例：

整体蓝色设计带来统一印象，颜色的深浅分别承载不同类型的内 容信息，比如信息内容模块，白色底代表用户内容，浅蓝色底代表回复内容，更深一点的蓝色底代表可回复操作，颜色主导着信息层次，也保持了twitter的品牌形象。

观点：颜色差分割页面层次和模块，并代表不同功能任务属性。

1.1 -2 邻近色配色（如下列图）：

近邻色配色方法比较常见，搭配比同色系稍微丰富，色相柔和过渡看起来也很和谐。

ALIDP的案例：

纯度高的色彩，基本用于组控件和文本标题颜色，各控件采用邻近色使页面不那么单调，再把色彩饱和度降低用于不同背景色和模块划分。

观点：基于品牌色的邻近色运用，灵活运用到各类控件中

1.1 -3 类似色配色（如下列图）：

类似色配色也是常用的配色方法，对比不强给人色感平静、调和的感觉。

BENMAPT的案例：

红黄双色主导页面，色彩基本用于不同组控件表现，红色用于导 航控件、按钮和图标，同时也作辅助元素的主色。利用偏橙的黄色代替品牌色，用于内容标签和背景搭配。

观点：基于品牌色的类似色运用，有主次地用到页面各类控件和主体内容中。

1.1 -4 中差色配色（如下列图）：

中差色对比相对突出，色彩对比明快，容易呈现饱和度高的色彩。

facebook的案例：

颜色深浅营造空间感，也辅助了内容模块层次之分，统一的深蓝色系运用，传播品牌形象。中间色绿色按钮起到丰富页面色彩的作用，同时也突出 绿色按钮任务层级为最高。深蓝色吊顶导航打通整站路径，并有引导用户向下阅读之意。

观点：利用色彩对比突出按钮任务优先级，增加页面气氛。

1.1 -5 对比色配色（如下列图）：

主导的对比配色需要精准地控制色彩搭配和面积，其中主导 色会带动页面气氛，产生激烈的心理感受。

YouTube的案例：

红色的热闹体现内容的丰富多彩，品牌红色赋予组控件色彩和可操作任务，贯穿整个站点的可操作提示，又能体现品牌形象。红色多代表导航指引和类目分类，蓝色代表登录按钮、默认 用户头像和标题，展示用户所产生的内容信息。

观点：红蓝色反应不同交互和信息的可操作性，针对系统操作和用户操作的区分。

1.1 -6 中性色配色（如下列图）：

用一些中性的色彩作为基调搭配，常应用在信息量大的网站，突出内容，不会 受不必要的色彩干扰。这种过配色比较通用，非常经典。

Bechan的案例：

黑色突出网站导航和内容模块的区分，品牌蓝色主要用于可点击的操作控件，包括用户名称、内容标题。相较于大片使用品牌色的手法，更能突出 内容和信息，适合以内容为王的通用化、平台类站点。

观点：利用大面积中性色作为主导色，品牌色在这里起到画龙点睛的作用，用于一些需要重点突出的场景，强调交互的状态等。

1.1 -7 多色搭配下的主导（如下列图）：

主色和其他搭配色 之间的关系会更丰富，可能有类似色、中差色、对比色等搭配方式，但其中某种色彩会占主导。

Google的案例：

对于具有丰富产品线的谷歌来说，通过4种品牌色按照一定的纯度比，再用无色彩黑白灰能搭配出千变万化的配色方案，让品牌极具统一感。在大部 分页面，蓝色会充当主导色，其他3色作辅色并设定不同的任务属性，黑白灰多作为辅助色，对于平台类站点来说，多色主导有非常好的延展性。

观点：谷歌设置了四种品牌色，通过主次、合理的比例应用在界面中，并通过组控件不同的交互状态合理分配功能任务。

二、色调调和而形成的配色方式：

2.1 【有主导色调配色】

这是由同一色调构成的统一性配色。深色调和暗色调等类似色调搭配也可以形成同样的配色效果。即使出现多种 色相，只要保持色调一致，画面也能呈现整体统一性

2.1 -1 清澈色调（如下列图）：

SHOTFOLIO的案例：

清澈调子使页面非常和谐，即使是不同色相形同色调的配色能让页面保持较高的协调度。蓝色另页面产生安静冰冷的气氛，茶色让我们想起大地泥 土的厚实，给页面增加了稳定踏实感觉，同时暖和蓝色的冰冷。

观点：互补的色相搭配在一起，通过统一色调的手法，可以缓和色彩之间的对比效果。

2.1 -2 阴暗色调（如下列图）：

概念应用的案例：

阴暗的色调渲染场景氛围 ，通过不同色相的色彩变化丰富信息分类，降低色彩饱和度使各色块协调并融入场景，白色和明亮的青绿色作为信息载体呈现。

观点：多色彩经过统一色调处理，区域间非常协调，也不影响整体页面阴暗气氛表现。

2.1 -3 明亮色调（如下列图）：

Kids plus的案例：

明亮的颜色活泼清晰，热闹的气氛和醒目的卡通形像叙述着一场庆典，但铺满高纯度的色彩，过于刺激，不适宜长时间游览。

观点：饱和度与纯度特性明显的搭配，在达到视觉冲击力的同时，可适当采用对比色或降低明度等方法调和视觉表现 。

2.1 -4 深暗色调（如下列图）：

LEES FERRY的案例：

页面以深暗偏灰色调为主，不同的色彩搭配，像在叙述着不同的故事，白色文字的排版，整个页面显得厚重精致，小区域微渐变增加版面质感。

观点：以低暗色调构成整体画面氛围，小面积明亮部分不会影响整体感觉。

2.1 -5 雅白色调（如下列图）：

Very的案例：

柔和的调子使页面显得明快温暖，就算色彩很多也不会造成视觉 负重。页面的同色调搭配，颜色作为不同模块的信息分类，不抢主体的重点，还能衬托不同类型载体的内容信息。

观点：同色调不同色彩的模块，就算承载着不同的信息内容也能表现很和谐。

2.2 【同色调配色】（如下列图）：

这是由同一或 类似色调中的色相变化构成的配色类型，与主导色调配色中的属于同类技法。区别在于色调分布平均，没有过深或过浅的模块，色调范围更为严格。

Tumblr的案例：

在实际的设计运用中，常会用些更综合的手法，例如整体有主导 色调，小范围布局会采用同色调搭配。拿tumblr的发布模块来说，虽然页面有自己的主色调，但小模块使用同色调不同色彩的功能按钮，结合色相变化和图形表达不同的功能点，众多的按钮放在一起，由于同色调原因模块非常稳定统一。

观点：综合运用的情况， 整体界面是有主导色调，在布局例如重点图标等是同色调配色灵活运用。

2.3 【同色深浅搭配】（如下列图）：

这是由同一色相的色调差构成的配色类型，属于单一色彩配色的一种。 与主导色调配色中的同色系配色属于同类技法。从理论上来讲，在 同一色相下的色调不存在色相差异，而是通过不同的色调阶层搭配形成，可以理解为色调配色的一种。

Genrecolours的案例：

拿紫色界面来说，利用同一色相通过色调深浅对比，营造页面空间层次。虽然色彩深浅搭配合理，但有些难以区分主次，由于是同一色相搭配，颜 色的特性决定着心理感受。

观点：同色深浅配色有着极高的统一性，但有点枯燥。

三、对比配色而形成的配色方式

由于对比色相互对比构成的配色，可以分为互补色或相反色搭配构成的色 相对比效果，由白色、黑色等明度差异构成的明度对比效果，以及由纯度差异构成的纯度对比效果。

3.1 -1 双色对比（如下列图）：

色彩间对比视觉冲击强烈，容易吸引用户注意，使用时经常大范围搭配。

VISA的案例：

VISA是一个信用卡品牌， 深蓝色传达和平安全的品牌形象，黄色能让用户产生兴奋幸福感。另外蓝色降低明度后再和黄色搭配，对比鲜明之余还能缓和视觉疲劳。

观点： 不管是整体对比还是局部对比，对比色给人强烈的视觉冲击，结合色彩心理学对品牌传达效果更佳

3.1 -2 三色对比（如下列图）：

三色对比色相上更为丰富，通过加强色调重点突出某一种颜色，且在色彩面积更为讲究。

NAVER的案例：

大面积绿色作为站点主导航，形象鲜明突出。使用品牌色对应的两种中差色作二级导航，并降低其中一方蓝色系明度，再用同色 调的西瓜红作为当前位置状态，二级导航内部对比非常强烈却不影响主导航效果。

观点： 三色对比中西瓜红作为强调色限定在小面积展现非常关键，面积大小直接影响画面平衡感。

3.1 -3 多色对比（如下列图）：

多色对比给人丰富饱满的感觉 ，色彩搭配协调会使页面会非常精致，模块感强烈。

Metro的案例：

Metro风格采用大量色彩，分隔不同的信息模块。保持大模块区域面积相等，模块内部可以细分出不同内容层级，单色模块只承载一种信息内容，配 上对应功能图标识别性高。

观点：色彩色相对比、色彩面积对比，只要保持一定的比例关系，页面也能整整有序。

3.2 【纯度对比】（如下列图）：

相对与色相对比，纯度差对比，对比色彩的选择非常多，设计应用范围广泛，可用于一些突出品牌 、营销类的场景。

PINTEREST的案例：

页面中心登录模块，通过降低纯度处理制造无色相背景，再利用红色按钮的对比，形成纯度差关系。与色相对比相较，纯色对比冲突感刺激感相对小一些，非常容易突出主体内容的真实性。

观点： 运用对比重要的是对比例的把握，面积、构 图、节奏、颜色、位置等一切可以发生变化的元素，形成视觉的强烈冲突。

3.3 【明度对比】（如下列图）：

明度对比接近生活实际反映，通过环境远近、日照角度等明暗关系，设计趋于真实。

ARKTIS的案例：

明度对比够构成画面的空 间纵深层次，呈现远近的对比关系，高明度突出近景主体内容，低明度表现远景的距离。而明度差使人注意力集中在高亮区域，呈现出药瓶的真实写照。

观点： 明度对比使页面显得更单纯、统一，而高低明度差可产生距离关系。

【总结】：

色彩是最能引起心境共鸣和情绪认知的元素，三原色能调配出非常丰富的色彩，色彩搭配更是千变万化。设计配色时，我们可以摒弃一些传统的默认样式，了解设计背后的需求目的，思考色彩对页面场景表现、情感传达等作用，从而有依据、有条理、 有方法地构建色彩搭配方案！

一、【按色相的搭配分类】本节将网页设计中常见的色彩搭配按照色相的顺序归类；每类都以该色相为主，配以其他色相或者同色相的，应用对比和调和的方法，并按照从轻快到浓烈的顺序排序

1、红色：

2、橙色：

3、黄色：

4、黄绿色：

5、绿色：

6、青绿色：

7、蓝色：

8、蓝紫色：

9、紫色：

10、紫红色：

二、【按印象的搭配分类】色彩搭配看似复杂，但并不神秘。既然每种色彩在印象空间中都有自己的位置，那么色彩搭配得到的印象可以用加减法来近似估算。如果每种色彩都是高亮度的，那么它们的叠加，自然会是柔和、明亮的；如果每种色彩都是浓烈的，那么它们叠加，就会是浓烈的。当然在实际设计过程中，设计师还要考虑到乘除法，比如同样亮度和对比度的色彩，在色环上的角度不同，搭配起来就会得到千变万化的感觉。因此本篇笔记除了要列举出按色相的搭配，本节也要将印象作为重点的搭配分类列举出来

1、柔和、明亮、温柔（亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉；为了避免刺眼，设计师一般会用低亮度的前景色调和，同时色彩在色环之间的距离也有助于避免沉闷。）：

2、柔和、洁净、爽朗（对于柔和、清洁、爽朗的印象，色环中蓝到绿相邻的颜色应该是最适合的。并且亮度偏高。可以看到，几乎每个组合都有白色参与。当然在实际设计时，可以用蓝绿相反色相的高亮度有彩色代替白色。）：

3、可爱、快乐、有趣（可爱、快乐、有趣印象中的色彩搭配特点是，色相分布均匀，冷暖搭配，饱和度高，色彩分辨度高。）：

4、活泼、快乐、有趣（活泼、快乐、有趣相对前一种印象，色彩选择更加广泛，最重要的变化是将纯白色用低饱和有彩色或者灰色取代。）：

5、运动型、轻快（运动的色彩要强化激烈、刺激的感受，同时还要体现健康、快乐、阳光。因此饱和度较高、亮度偏低的色彩在这类印象中经常登场。）：

6、轻快、华丽、动感（华丽的印象要求页面充斥有彩色，并且饱和度偏高，而亮度适当减弱则能强化这种印象。）：

7、狂野、充沛、动感（狂野的印象空间中少不了低亮度的色彩，甚至可以用适当的黑色搭配。其他有彩色的饱和度高，对比强烈。）：

8、华丽、花哨、女性化（女性化的页面中紫色和品红是主角、粉红、绿色也是常用色相。一般它们之间要进行高饱和的搭配。）：

9、回味、女性化、优雅（优雅的感觉很奇特，色彩的饱和度一般要降下来。一般以蓝、红之间的相邻，调节亮度和饱和度进行搭配。）：

10、高尚、自然、安稳（高尚一般要用低亮度的黄绿色，色彩亮度降下去，注意色彩的平衡，页面就会显得安稳。）：

11、冷静、自然（绿色是冷静、自然印象的主角，但是绿色作为页面的主要色彩，容易陷入过于消极的感觉传达，因此应该特别重视图案的设计。）：

12、传统、高雅、优雅（传统的内容一般要降低色彩的饱和度，特别是棕色很适合。前面介绍紫色也是高雅和优雅印象的常用色相。）：

13、传统、稳重、古典（传统、稳重、古典都是保守的印象，色彩的选择上应该尽量用低亮度的暖色，这种搭配符合成熟的审美。）：

14、忠厚、稳重、有品位（亮度、饱和度偏低的色彩会给人忠厚、稳重的感觉。这样的搭配为了避免色彩过于保守，使页面僵化、消极，应当注重冷暖结合和明暗对比。）：

15、简单、洁净、进步（简单、洁净的色彩在色相上可以用蓝、绿表现，并大面积留白。而进步的印象可以多用蓝色，搭配低饱和甚至灰色。）：

16、简单、时尚、高雅（灰色是最为平衡的色彩，并且是塑料金属质感的主要色彩之一，因而要表达高雅、时尚，可以适当使用，甚至大面积使用。但是要注重图案和质感的构造。）：

17、简单、进步、时尚（表现进步的色彩主要以蓝色为主，搭配灰色。而色彩的明度统一、色相相邻，在色彩上会显得简洁。）：

1、首先在Adobe illustrator里面，新建一个A4文件 [Ctrl+N新建]，纸张大小设置是（宽度210毫米、高度297毫米）；接着使用矩形 [M矩形工具]画一个矩形形状（描边5pt），然后用使用椭圆 [L椭圆工具]画一个椭圆形状（描边5pt）

2、使用选择 [V选择工具]把椭圆移动到矩形下边、正中对齐；接着选择：窗口 >路径查找器 [Shift+Ctrl+F9路径查找器]，然后使用选择 [V选择工具]把矩形和椭圆都框选上，再在{形状模式}栏框下点击选择联集（就可将2个形状合并为一个整体）

3、在矩形左上角使用椭圆 [L椭圆工具]画一个小椭圆形状（描边5pt）倾斜着，接着点击小椭圆形状复制 [Ctrl+C复制]、粘贴 [Ctrl+V粘贴]到矩形右上角倾斜着；然后使用选择 [V选择工具]把矩形和两个小椭圆都框选上，再在{形状模式}栏框下点击选择减去顶层（就可绘制矩形的凹槽轮廓）；还要使用直接选择 [A直接选择工具]选中矩形，拖动矩形上方的四个小圆圈点（调整控制边角的弧度）

4、使用圆角矩形 [M圆角矩形工具]画一个可乐罐的盖子；接着新建一个图层[Ctrl+L 新建图层]，然后使用椭圆 [L椭圆工具]画一个可乐罐的托盘（把托盘图层拖放到可乐罐图层的下面）

5、这样可乐罐的轮廓绘制完成，接着在PS里新建一个文件 [Ctrl+N新建]，纸张大小设置是（宽度210毫米、高度297毫米），然后把可乐罐的罐盖子、罐身、罐托盘分别从AI里复制 [Ctrl+C复制]、再粘贴 [Ctrl+V粘贴]（粘贴为：智能对像）到PS里，调整好大小、比例

注：打造质感需要引用到素描中“三大面五大调”的概念，如下图所示；越接近光源的部分越亮，反之越暗。因此，在打造图标的质感时，我们首先需要确定下光源的位置–来自右侧！

6、点击罐身图层，接着点击选择：图层 >图层样式 >渐变叠加（前景色：#a02d50，背景色：#ff5c92，前景色到背景色渐变，混合模式：正片叠底，不透明度：100%，样式：线性，与图层对齐打勾，角度：0度，缩放：75%；就可打上罐身的基调）；然后点击选择：图层 >图层样式 >描边（大小：2像素，位置：居中，混合模式：正片叠底，不透明度：100%，颜色：#3f2b70，这样整体增加了格调，不那么厚重）

7、点击罐身图层，接着点击选择：图层 >图层样式 >内阴影（颜色：#631730，混合模式：正常，不透明度：100%，角度：-180度，距离：7像素，阻塞：0%，大小：10像素；就可刻画出头部给予罐身的阴影）；然后右键点击罐身图层，选择转换为智能对象

8、点击罐身图层，接着点击选择：图层 >图层样式 >内阴影（颜色：#631730，混合模式：正常，不透明度：100%，角度：90度，距离：8像素，阻塞：0%，大小：6像素；就可加深背光面的背光效果）；然后右键点击罐身图层，选择转换为智能对象

9、点击罐身图层，接着点击选择：图层 >图层样式 >内阴影（颜色：#ffacc3，混合模式：正常，不透明度：64%，角度：180度，距离：5像素，阻塞：0%，大小：1像素；就可在可乐罐左侧背光面加上反光部分）

10、到AI里，使用椭圆 [L椭圆工具]画一个椭圆形状（描边10pt），使用矩形 [M矩形工具]画一个矩形形状（描边10pt）；接着使用选择 [V选择工具]把矩形移动到椭圆右边、对齐，选择窗口 >路径查找器 [Shift+Ctrl+F9路径查找器]，然后使用选择 [V选择工具]把椭圆和矩形都框选上，再在{形状模式}栏框下点击选择减去顶层（这样可乐罐logo的轮廓绘制完成）

11、把可乐罐logo的轮廓从AI里复制 [Ctrl+C复制]、再粘贴 [Ctrl+V粘贴]（粘贴为：智能对像）到PS里，调整好大小、比例

12、点击可乐罐logo图层；接着使用钢笔 [P钢笔工具]画两个叶片形状，按住Ctrl并点击拖锚点调整边缘，选择选区更改 [Ctrl+Enter选区更改]选中之后为虚线，填充颜色[Shift+F5填充]（上大叶片颜色：#4a24a8，下小叶片颜色：#d52b63）；然后点击选择：图层 >图层样式 >描边（大小：10像素，位置：内部，混合模式：实色混合，不透明度：100%，颜色：#ffffff），再用橡皮擦 [E橡皮擦工具]擦除多余的地方

13.1、新建一个图层[Ctrl+Shift+N 新建图层]，接着使用钢笔 [P钢笔工具]画选出可乐罐右上区域，按住Ctrl并点击拖锚点调整边缘，选择选区更改 [Ctrl+Enter选区更改]选中之后为虚线；然后使用画笔 [B画笔工具]（颜色：#d03e69）在选区内涂画绘制阴影

13.2、使用钢笔 [P钢笔工具]画选出可乐罐左边区域，按住Ctrl并点击拖锚点调整边缘，选择选区更改 [Ctrl+Enter选区更改]选中之后为虚线；接着使用渐变 [G渐变工具]（前景色：#a02d50，背景色：#ff5289，前景色到背景色渐变，线性渐变）在选区内从下至上拖画出渐变线，然后取消 [Ctrl+D取消选择]，就可制作反光点

13.3、使用钢笔 [P钢笔工具]画选出可乐罐左上区域，按住Ctrl并点击拖锚点调整边缘，选择选区更改 [Ctrl+Enter选区更改]选中之后为虚线；填充颜色[Shift+F5填充]（颜色：#f6392），然后取消 [Ctrl+D取消选择]，就可制作反光点

14、新建一个图层[Ctrl+Shift+N 新建图层]，使用钢笔 [P钢笔工具]画选出可乐罐logo紫色部分，按住Ctrl并点击拖锚点调整边缘，选择选区更改 [Ctrl+Enter选区更改]选中之后为虚线；填充颜色[Shift+F5填充]（颜色：#5a49d4），然后取消 [Ctrl+D取消选择]，就可制作反光点

15、新建一个图层[Ctrl+Shift+N 新建图层]，使用钢笔 [P钢笔工具]画选出可乐罐logo红色部分，按住Ctrl并点击拖锚点调整边缘，选择选区更改 [Ctrl+Enter选区更改]选中之后为虚线；填充颜色[Shift+F5填充]（颜色：#f34780），然后取消 [Ctrl+D取消选择]，就可制作反光点

16、新建一个图层[Ctrl+Shift+N 新建图层]，使用钢笔 [P钢笔工具]画选出可乐罐右边三个反光处（除叶片状内），按住Ctrl并点击拖锚点调整边缘，选择选区更改 [Ctrl+Enter选区更改]选中之后为虚线；填充颜色[Shift+F5填充]（颜色：#ff6c9d），然后取消 [Ctrl+D取消选择]，就可制作反光点

17、新建一个图层[Ctrl+Shift+N 新建图层]，使用画笔 [B画笔工具]（大小10像素，颜色：#ffffff），画在可乐罐右上区域，再点击选择涂抹工具涂一下，就可制作发光点

18、点击罐盖子图层，接着点击选择：图层 >图层样式 >内阴影（颜色：#4742a8，混合模式：正片叠加，不透明度：66%，角度：90度，距离：22像素，阻塞：0%，大小：6像素）；然后点击选择：图层 >图层样式 >描边（颜色：#3f2b70，大小：2像素，位置：居中，混合模式：正片叠底，不透明度：100%）

19、点击罐托盘图层，接着点击选择：图层 >图层样式 >内阴影（颜色：#4742a8，混合模式：正片叠加，不透明度：66%，角度：-90度，距离：22像素，阻塞：0%，大小：6像素）；然后点击选择：图层 >图层样式 >描边（颜色：#3f2b70，大小：2像素，位置：居中，混合模式：正片叠底，不透明度：100%）

20、新建一个图层[Ctrl+Shift+N 新建图层]，使用文字[T文字工具]（字体：MV Boli，打字：pepsi）

21、最后，合并 [Ctrl+Shift+E合并可见图层]，保存[Ctrl+S保存当前图像]！

【卖家秀】：

【买家秀】：