- Photoshop CC 视觉设计案例教程
- 林道贵 陈昶
- 2458字
- 2021-04-04 12:49:29
2.7 渐变工具和颜料桶
2.7.1 【案例2-4】圆柱体的制作
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/83_04.jpg?sign=1739049457-iPXHi6LEvFzOqKMYrvu2fUC2sqCPrdas-0-dfe28b3bba69b387893d3eb7c89ae6dc)
二维码2-4圆柱体的制作
“圆柱体的制作”案例的效果如图2-123所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/83_05.jpg?sign=1739049457-OrZfaW7AVQOX33EbGFrqpo2PKy6jW2dd-0-82b4113ab1e0f5c99f35e291887433ab)
图2-123 “圆柱体的制作”效果
【案例设计创意】
本案例制作的是在一个平面里创造出一个立体的圆柱,其具有三维空间里的透视及明暗关系。
【案例目标】
通过本案例的学习,读者不仅可以掌握工具箱中的“渐变工具”及其设置,还可以复习“矩形选框工具”等基础工具命令的使用。
【案例的制作方法】
1)在Photoshop CC 2017中新建一个文件,并将它命名为“圆柱”,如图2-124所示。
2)在工具箱里单击“渐变工具”按钮,并在其属性栏中单击“编辑渐变”工具
,弹出渐变编辑器面板,设定色标,如图2-125所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/84_03.jpg?sign=1739049457-yYYniFHFMSqCYjyFbeqlmXcUSCdwLvPq-0-31edca55c0e6ce43890fd13c31013bdf)
图2-124 新建文件
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/84_04.jpg?sign=1739049457-pOSniFrkqQPZnjEQNuSAPKx6s1iwOL5D-0-4e915d30a625671be2daf58877c6583b)
图2-125 在渐变编辑器中编辑色标
3)利用鼠标在背景图层上由下而上地画线进行填充,填充效果如图2-126所示。
4)在“图层”面板上单击“创建新图层”按钮,创建一个新图层,命名为“图层1”。
5)在工具箱中选择“矩形选框工具”,在“图层1”中绘制一个矩形选框,如图2-127所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/84_06.jpg?sign=1739049457-GcTUz4o4khDT2OC3ppfFpfVLSnrImW4m-0-ed96dda8b201c69a1fb1cad7edd747b3)
图2-126 填充后的效果
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/84_07.jpg?sign=1739049457-YHx91Wba7OlbOKULMR4mBjsksy6IALut-0-f872f46669cc29b16d41d7165591cadf)
图2-127 绘制矩形选框
6)在工具箱里单击“渐变工具”按钮,并在其属性栏中单击“编辑渐变”工具
,弹出渐变编辑器面板,设定色标,如图2-128所示,尤其要注意反光的设定。
7)在“矩形选框工具”内从左至右进行渐变,然后使用快捷键〈Ctrl+D〉取消选框选择,效果如图2-129所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/85_03.jpg?sign=1739049457-pW9lMxMkpILF90RGVhMLYRb1sDwnvqjY-0-ac36525d8e23dd2244f6197b31ad120c)
图2-128 在渐变编辑器中设定色标位置
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/85_04.jpg?sign=1739049457-4vL7xsovtapMppBdKtxqIBQqoZHjwJSp-0-2ff349c8328acec4186e2b20beff3cd7)
图2-129 在矩形选框中填充渐变
8)在“图层”面板上单击“创建新图层”按钮,创建出一个新图层,命名为“图层2”。在工具箱中选择“椭圆选框工具”,在“图层2”中的合适位置绘制一个椭圆选框,如图2-130所示。
9)在工具箱中选择“油漆桶工具”,将前景色设置为灰色(R=187,G=187,B=187)并填充,效果如图2-131所示。注意不要取消椭圆选框的选择。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/85_06.jpg?sign=1739049457-Men9gDC7fwGwxgptMYIuOyW0FFfUQpLf-0-fa6e697d98f48c5dfd936d4384bb3cdc)
图2-130 绘制椭圆选框
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/85_07.jpg?sign=1739049457-cAL5Uf0XPTk4oD8Dg946J7JVlEp5tIT1-0-f92874a79cb34e6a6dde448cbbe5827d)
图2-131 填充椭圆选框
10)利用键盘上的向下移动键移动椭圆选框至合适的位置,在工具箱中选择“矩形选框工具”的同时按住键盘上的〈Shift〉键进行加选,如图2-132所示。
11)选择菜单“选择”→“反向”命令进行反选,按键盘上的〈Delete〉键删除不需要的部分,完成圆柱体的制作,效果如图2-133所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/86_01.jpg?sign=1739049457-FrR5XI79UzKeV15mFrpP4aQ7ZKZNc4Cs-0-2b741e1385590bdbd5487502b426e3c2)
图2-132 移动椭圆选框并加选
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/86_02.jpg?sign=1739049457-0j8iN7ukwFQAmm0Bd1cPrCsFA7YQp02n-0-8c77cf8e418249b73ab865cb50d6124e)
图2-133 反选删除不需要的部分
2.7.2 【相关知识】渐变工具
Photoshop CC 2017的渐变工具主要用于创建不同颜色间的混合过渡效果。它和“油漆桶工具”属于同一个工具组。当右击“编辑工具栏”按钮的时候可以对其进行选择,如图2-134所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/86_04.jpg?sign=1739049457-B59lqJI04J61a5dO4nnsrVymq8dViZPL-0-059cd2a3e3b296f37f32379bd16b8761)
图2-134 渐变工具组
单击“渐变工具”按钮,其选项栏如图2-135所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/86_05.jpg?sign=1739049457-ZFgZG1avwYsl5opPq8CYfcZuCA6uVAHW-0-0f586e65ee926c61df4c9fe84c786351)
图2-135 “渐变工具”选项栏
①“渐变编辑器”:单击“渐变编辑器”的编辑框,将弹出渐变编辑器,如图2-136左图所示。可以通过其内容的修改设定渐变色,它包括以下几个子选项,这里进行具体介绍。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/86_06.jpg?sign=1739049457-M4m4BFyne4BvbOG9ZPmJeKAAJb8nvY35-0-34e35687278fb8f89605e2d04a054f61)
图2-136 渐变编辑器
● “预设”:此区域列举了当前可以直接选用的渐变类型。读者只需要单击就可以选中需要的渐变,使用渐变选择框来选择已有的预设渐变,可以提高工作效率。
● “对话框菜单”:单击“渐变编辑器”编辑框“预设渐变”上方的图标,可以调出此菜单。本菜单主要用于控制渐变的显示方式、复位及替换渐变,如图2-136右图所示。
● “渐变类型”:包括“实底”和“杂色”两个选项,前者可以创建平滑的颜色过渡效果,后者则用于创建粗糙的渐变质感效果。
● “平滑度/粗糙度”:在“渐变类型”下拉列表中选择“实底”选项时,此处显示为“平滑度”,如图2-137所示,平滑度数值越大则越平滑。当选择“杂色”选项时,此处显示为“粗糙度”,如图2-138所示,粗糙度数值越大则越粗糙。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/87_02.jpg?sign=1739049457-kPaRG2ayAYE1ZpZkX53RuC6wyaaDVsq9-0-94ec5bbbbf6f0db579b4fe9a6bdcc16c)
图2-137 渐变类型为实底时
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/87_03.jpg?sign=1739049457-TAhk0GtgRvKbGjjGJTxgHhd1fsEraztL-0-567e73c69886d924c0ae39a5678f98ae)
图2-138 渐变类型为杂色时
● “不透明度色标”:在该区域的空白处单击即可添加一个新的不透明度色标,它用于制作透明渐变,且可以左右移动位置以调整对应的渐变位置。在选择该色标的情况下,在对话框底部的“不透明度”输入框中输入数值可以设置当前色标的透明属性,单击最右侧的“删除”按钮既可删除当前不透明度的色标,如图2-139所示。
● “渐变色标”:在该区域的空白处单击即可添加一个新的渐变色标,它用于控制渐变中的颜色及其位置。选择该色标后,单击对话框底部的颜色,在弹出的拾色器对话框中可以改变该色标的颜色,单击右侧的删除按钮可以删除该渐变色标,如图2-140所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/87_04.jpg?sign=1739049457-qA9Vbp3XjiwoLW9VuqmXje0kx1Bf1Pux-0-67195258530f3b88801336244d085d56)
图2-139 添加新的不透明色标
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/87_05.jpg?sign=1739049457-WhI4pzwLLo28hJpk135T6weRxHW5qgRZ-0-b5655794b739ff626684b77f1db330d0)
图2-140 添加新的渐变色标
● “存储”:单击对话框右侧的“存储”按钮,可以将当前对话框中的渐变保存为一个文件。
● “载入”:单击对话框右侧的“载入”按钮,可以将当前对话框中已有的渐变文件载入进来。
● “新建”:单击对话框右侧的“新建”按钮可以将当前设置的渐变保存至渐变选择框中,便于以后的调用。
● “不透明度”:当选中不透明度色标时,此参数被激活,输入数值可以控制与此色标对应的不透明度属性。此参数后面的“位置”参数则用于控制当前所选不透明度色标在色谱上的位置。
● “颜色”:单击此色块右侧的黑色三角形按钮,在弹出的菜单中可以设置此色块的颜色类型,如图2-141所示。选择“前景”可以将该色标定义为前景色。选择“背景”可以将该色标定义为背景色。如果需要选择其他颜色来定义该色标,可双击渐变色标或单击此颜色块,如图2-142所示,在弹出的“拾色器(色标颜色)”对话框中选择颜色。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/88_02.jpg?sign=1739049457-j7hYZvxUhicPrskwRcK7EXDsKg3K2niI-0-994bafb352ab2420a75f818b83ce4750)
图2-141 颜色定义方法
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/88_03.jpg?sign=1739049457-Ey7sk0KmyedUlGMTXanE8yqaGCta2Abi-0-c179f1934e6ef70977371fc2618ee592)
图2-142 选择色标颜色
值得注意的是,在渐变选择框中,默认情况下最顶端左侧的两个渐变是动态的。其中,第一个渐变是从前景色到背景色;第二个渐变是从前景色到透明;第三个则默认为黑白渐变。
②“渐变类型”:Photoshop CC 2017为用户提供了可以创建5类渐变效果的渐变工具,它们分别为“渐变工具”、“径向渐变工具”
、“角度渐变工具”
、“对称渐变工具”
和“菱形渐变工具”
。单击不同的渐变工具图标,可以绘制出不同的渐变效果,如图2-143所示。
![](https://epubservercos.yuewen.com/DC1898/18123625708036106/epubprivate/OEBPS/Images/88_09.jpg?sign=1739049457-dv5FMEx927f5YDib80tRBx15hsndc1Ku-0-74eeb018dd4d5787799a2a7495db8fa9)
图2-143 渐变类型
③“模式”:用来设置渐变颜色与背景图层的混合模式。单击“模式”选项右侧的小三角,将弹出26个混合选项。
④“不透明度”:此参数用于设置渐变效果的不透明度,数值越小越透明。
⑤“反向”:勾选该选项使当前渐变以相反的颜色顺序进行填充。
⑥“仿色”:勾选该选项,可以使颜色渐变实现平滑过渡,以防止在输出混合色时出现色带效果,从而导致渐变过渡时出现跳跃。
⑦“透明区域”:选择该选项可使当前所使用的渐变按设置呈现透明效果。
至此,“渐变工具”介绍完毕。