Photoshop CC 视觉设计案例教程
上QQ阅读APP看书,第一时间看更新

2.7 渐变工具和颜料桶

2.7.1 【案例2-4】圆柱体的制作

二维码2-4圆柱体的制作

“圆柱体的制作”案例的效果如图2-123所示。

图2-123 “圆柱体的制作”效果

【案例设计创意】

本案例制作的是在一个平面里创造出一个立体的圆柱,其具有三维空间里的透视及明暗关系。

【案例目标】

通过本案例的学习,读者不仅可以掌握工具箱中的“渐变工具”及其设置,还可以复习“矩形选框工具”等基础工具命令的使用。

【案例的制作方法】

1)在Photoshop CC 2017中新建一个文件,并将它命名为“圆柱”,如图2-124所示。

2)在工具箱里单击“渐变工具”按钮,并在其属性栏中单击“编辑渐变”工具,弹出渐变编辑器面板,设定色标,如图2-125所示。

图2-124 新建文件

图2-125 在渐变编辑器中编辑色标

3)利用鼠标在背景图层上由下而上地画线进行填充,填充效果如图2-126所示。

4)在“图层”面板上单击“创建新图层”按钮,创建一个新图层,命名为“图层1”。

5)在工具箱中选择“矩形选框工具”,在“图层1”中绘制一个矩形选框,如图2-127所示。

图2-126 填充后的效果

图2-127 绘制矩形选框

6)在工具箱里单击“渐变工具”按钮,并在其属性栏中单击“编辑渐变”工具,弹出渐变编辑器面板,设定色标,如图2-128所示,尤其要注意反光的设定。

7)在“矩形选框工具”内从左至右进行渐变,然后使用快捷键〈Ctrl+D〉取消选框选择,效果如图2-129所示。

图2-128 在渐变编辑器中设定色标位置

图2-129 在矩形选框中填充渐变

8)在“图层”面板上单击“创建新图层”按钮,创建出一个新图层,命名为“图层2”。在工具箱中选择“椭圆选框工具”,在“图层2”中的合适位置绘制一个椭圆选框,如图2-130所示。

9)在工具箱中选择“油漆桶工具”,将前景色设置为灰色(R=187,G=187,B=187)并填充,效果如图2-131所示。注意不要取消椭圆选框的选择。

图2-130 绘制椭圆选框

图2-131 填充椭圆选框

10)利用键盘上的向下移动键移动椭圆选框至合适的位置,在工具箱中选择“矩形选框工具”的同时按住键盘上的〈Shift〉键进行加选,如图2-132所示。

11)选择菜单“选择”→“反向”命令进行反选,按键盘上的〈Delete〉键删除不需要的部分,完成圆柱体的制作,效果如图2-133所示。

图2-132 移动椭圆选框并加选

图2-133 反选删除不需要的部分

2.7.2 【相关知识】渐变工具

Photoshop CC 2017的渐变工具主要用于创建不同颜色间的混合过渡效果。它和“油漆桶工具”属于同一个工具组。当右击“编辑工具栏”按钮的时候可以对其进行选择,如图2-134所示。

图2-134 渐变工具组

单击“渐变工具”按钮,其选项栏如图2-135所示。

图2-135 “渐变工具”选项栏

①“渐变编辑器”:单击“渐变编辑器”的编辑框,将弹出渐变编辑器,如图2-136左图所示。可以通过其内容的修改设定渐变色,它包括以下几个子选项,这里进行具体介绍。

图2-136 渐变编辑器

● “预设”:此区域列举了当前可以直接选用的渐变类型。读者只需要单击就可以选中需要的渐变,使用渐变选择框来选择已有的预设渐变,可以提高工作效率。

● “对话框菜单”:单击“渐变编辑器”编辑框“预设渐变”上方的图标,可以调出此菜单。本菜单主要用于控制渐变的显示方式、复位及替换渐变,如图2-136右图所示。

● “渐变类型”:包括“实底”和“杂色”两个选项,前者可以创建平滑的颜色过渡效果,后者则用于创建粗糙的渐变质感效果。

● “平滑度/粗糙度”:在“渐变类型”下拉列表中选择“实底”选项时,此处显示为“平滑度”,如图2-137所示,平滑度数值越大则越平滑。当选择“杂色”选项时,此处显示为“粗糙度”,如图2-138所示,粗糙度数值越大则越粗糙。

图2-137 渐变类型为实底时

图2-138 渐变类型为杂色时

● “不透明度色标”:在该区域的空白处单击即可添加一个新的不透明度色标,它用于制作透明渐变,且可以左右移动位置以调整对应的渐变位置。在选择该色标的情况下,在对话框底部的“不透明度”输入框中输入数值可以设置当前色标的透明属性,单击最右侧的“删除”按钮既可删除当前不透明度的色标,如图2-139所示。

● “渐变色标”:在该区域的空白处单击即可添加一个新的渐变色标,它用于控制渐变中的颜色及其位置。选择该色标后,单击对话框底部的颜色,在弹出的拾色器对话框中可以改变该色标的颜色,单击右侧的删除按钮可以删除该渐变色标,如图2-140所示。

图2-139 添加新的不透明色标

图2-140 添加新的渐变色标

● “存储”:单击对话框右侧的“存储”按钮,可以将当前对话框中的渐变保存为一个文件。

● “载入”:单击对话框右侧的“载入”按钮,可以将当前对话框中已有的渐变文件载入进来。

● “新建”:单击对话框右侧的“新建”按钮可以将当前设置的渐变保存至渐变选择框中,便于以后的调用。

● “不透明度”:当选中不透明度色标时,此参数被激活,输入数值可以控制与此色标对应的不透明度属性。此参数后面的“位置”参数则用于控制当前所选不透明度色标在色谱上的位置。

● “颜色”:单击此色块右侧的黑色三角形按钮,在弹出的菜单中可以设置此色块的颜色类型,如图2-141所示。选择“前景”可以将该色标定义为前景色。选择“背景”可以将该色标定义为背景色。如果需要选择其他颜色来定义该色标,可双击渐变色标或单击此颜色块,如图2-142所示,在弹出的“拾色器(色标颜色)”对话框中选择颜色。

图2-141 颜色定义方法

图2-142 选择色标颜色

值得注意的是,在渐变选择框中,默认情况下最顶端左侧的两个渐变是动态的。其中,第一个渐变是从前景色到背景色;第二个渐变是从前景色到透明;第三个则默认为黑白渐变。

②“渐变类型”:Photoshop CC 2017为用户提供了可以创建5类渐变效果的渐变工具,它们分别为“渐变工具”、“径向渐变工具”、“角度渐变工具”、“对称渐变工具”和“菱形渐变工具”。单击不同的渐变工具图标,可以绘制出不同的渐变效果,如图2-143所示。

图2-143 渐变类型

③“模式”:用来设置渐变颜色与背景图层的混合模式。单击“模式”选项右侧的小三角,将弹出26个混合选项。

④“不透明度”:此参数用于设置渐变效果的不透明度,数值越小越透明。

⑤“反向”:勾选该选项使当前渐变以相反的颜色顺序进行填充。

⑥“仿色”:勾选该选项,可以使颜色渐变实现平滑过渡,以防止在输出混合色时出现色带效果,从而导致渐变过渡时出现跳跃。

⑦“透明区域”:选择该选项可使当前所使用的渐变按设置呈现透明效果。

至此,“渐变工具”介绍完毕。