
3.4 底座的制作
怀旧留声机的底座制作包括添加上下条纹与前面的音量调节旋钮和花纹修饰。
案例 ——底座条纹及材质表现
① 单击【钢笔工具】按钮,沿着底座下方绘制路径,如图3-62所示。
② 在【图层4】上新建【图层24】,设置【前景色】为深棕色(C70/M82/Y98/K61),单击【画笔工具】按钮,在属性栏中设置画笔属性为硬边圆30,设置画笔大小10像素,单击【路径】面板上的【描边路径】按钮,对画面进行描边,完成后单击【路径】面板的空白区域取消选区,效果如图3-63所示。
③ 按下Ctrl键单击【图层24】的缩览图,将图像载入选区,如图3-64所示。

图3-62 绘制路径1

图3-63 描边路径1

图3-64 载入选区1
④ 设置【前景色】为浅棕色(C36/M64/Y82/K1),单击【画笔工具】按钮,在线条边缘绘制浅棕色亮光,完成后按下Ctrl+D组合键取消选区,如图3-65所示。
⑤ 复制【图层24】,生成【图层24副本】,如图3-66所示。单击【移动工具】按钮,将复制的图层水平向上拖动,如图3-67所示。
⑥ 单击【图层】面板上的【添加矢量蒙版】按钮,生成新的蒙版,如图3-68所示。
⑦ 单击【画笔工具】按钮,设置【前景色】为黑色,在蒙版内抹除线条的两端,效果如图3-69所示。
⑧ 使用相同的方法,复制【图层24副本】,生成【图层24副本2】,如图3-70所示。

图3-65 绘制浅棕色亮光1

图3-66 复制图层1

图3-67 移动复制的图层

图3-68 新建蒙版

图3-69 蒙版绘制效果1

图3-70 复制图层2
⑨ 选择【图层24副本2】的蒙版,单击【画笔工具】按钮,设置【前景色】为黑色,在蒙版内抹除线条的两端,效果如图3-71所示。
⑩ 单击【钢笔工具】,沿着底座上方绘制路径,如图3-72所示。新建【图层25】,设置【前景色】为深棕色(C70/M82/Y98/K61),单击【画笔工具】按钮
,在属性栏中设置画笔属性为硬边圆30,设置画笔大小为10像素,单击【路径】面板上的【描边路径】按钮,对画面进行描边,完成后单击【路径】面板的空白区域取消选区,效果如图3-73所示。

图3-71 蒙版绘制效果2

图3-72 绘制路径2

图3-73 描边路径2
⑪ 按下Ctrl键并单击【图层25】的缩览图,将图像载入选区,如图3-74所示。
⑫ 设置【前景色】为浅棕色(C36/M64/Y82/K1),单击【画笔工具】按钮,在线条边缘绘制浅棕色亮光,完成后按下Ctrl+D组合键取消选区,如图3-75所示。
⑬ 双击【图层1】,在弹出的【图层样式】对话框中选中【投影】复选框,然后设置各项参数,如图3-76所示。
⑭ 单击【确定】按钮,效果如图3-77所示。

图3-74 载入选区2

图3-75 绘制浅棕色亮光2

图3-76 投影设置1
⑮ 使用相同的方法,复制【图层25】,生成【图层25副本】,并清除图层样式,调整图像两端的大小及位置,如图3-78所示。
⑯ 继续复制【图层25副本】,生成【图层25副本2】,调整图像两端的大小及位置,绘制时随时保证边框条有一定的弧度,如图3-79所示。

图3-77 投影效果1

图3-78 复制并调整边框

图3-79 再次复制并调整边框
⑰ 在【图层4】上方新建【图层26】,如图3-80所示。
⑱ 单击【矩形选框工具】按钮,在画面中的适当位置创建矩形选区,如图3-81所示。
⑲ 单击【渐变工具】按钮,在属性栏中单击【线性渐变】按钮,并在【渐变编辑器】对话框中设置各项参数,如图3-82所示。

图3-80 新建图层

图3-81 创建矩形选区

图3-82 渐变颜色设置
⑳ 然后对选区从左到右应用渐变填充,完成后按下Ctrl+D组合键取消选区,效果如图3-83所示。
㉑ 双击【图层1】,在弹出的【图层样式】对话框中选中【投影】复选框,然后设置各项参数,如图3-84所示。
㉒ 单击【确定】按钮,效果如图3-85所示。

图3-83 填充渐变色并取消选区

图3-84 投影设置2

图3-85 投影效果2
㉓ 复制【图层26】,生成图【层26副本】,按下Ctrl+T组合键对复制的图像进行自由变换,并拖至画面中的适当位置,如图3-86所示。
㉔ 按下Ctrl键单击【图层26副本】的缩览图,将图像载入选区,先后设置【前景色】为深棕色(C68/M80/Y95/K57)及浅棕色(C48/M65/Y93/K7),单击【画笔工具】按钮,在边框边缘绘制深棕色暗部和浅棕色亮光,完成后按下Ctrl+D组合键取消选区,如图3-87所示。
㉕ 使用相同的方法,复制边框,并进行自由变换处理,调整色调,完成右侧边框和左侧边框的制作,效果如图3-88和图3-89所示。

图3-86 复制并移动图像

图3-87 绘制暗部和亮光1

图3-88 制作右侧边框
㉖ 选择【底座】图层组中除【图层4】以外的所有边框图层,按下Ctrl+E组合键对边框图层进行合并,并重命名为【边框】,如图3-90所示。
㉗ 单击【减淡工具】按钮,在合并的边框图层上绘制高光,效果如图3-91所示。
㉘ 按下Ctrl+O组合键,弹出【打开】对话框,打开素材图片,如图3-92所示。
㉙ 单击【移动工具】按钮,将素材拖到画面中,将新生成的【图层24】重命名为【纹理】,拖至【边框】图层的下层,然后调整图像位置,如图3-93所示。

图3-89 制作左侧边框

图3-90 合并及重命名边框图层

图3-91 绘制边框高光
㉚ 按下Ctrl键单击【图层4】的缩览图,将图像载入选区,如图3-94所示。

图3-92 打开素材图片

图3-93 将素材图片拖入画面中

图3-94 载入选区3
㉛ 单击【图层】面板上的【添加矢量蒙版】按钮,创建蒙版,效果如图3-95所示。
要点提示
在有选区的情况下,添加蒙版可以使选区外的图像被遮挡。在这种情况下,蒙版的优点在于修改方便,不会因为使用橡皮擦或执行剪切、删除操作造成不可挽回的错误。
㉜ 设置【纹理】图层的【混合模式】为【叠加】、【不透明度】值为50%,如图3-96所示。
㉝ 完成效果如图3-97所示。

图3-95 添加蒙版

图3-96 混合模式及不透明度设置1

图3-97 设置混合模式和不透明度的效果1
㉞ 在【边框】图层上新建图层,命名为【光泽】。
㉟ 按下Ctrl键单击【图层4】的缩览图,将图像载入选区,单击【渐变工具】按钮,在属性栏中单击【线性渐变】按钮,设置【前景色】为棕黄色(C31/M38/Y55/K0),然后对选区从左下到右上应用渐变填充,完成后按下Ctrl+D组合键取消选区,效果如图3-98所示。
㊱ 设置【光泽】图层的【混合模式】为【线性光】、【不透明度】值为50%,如图3-99所示,完成效果如图3-100所示。

图3-98 应用渐变填充

图3-99 混合模式及不透明度设置2

图3-100 设置混合模式及不透明度效果2
案例 ——制作音量调节旋转及花纹效果
① 新建图层,将其命名为【图案】,单击【钢笔工具】按钮,在画面中的适当位置绘制路径,如图3-101所示。
② 设置【前景色】为棕色(C59/M71/Y91/K29),单击【路径】面板上的【用前景色填充路径】按钮,对路径进行填充,完成后单击【路径】面板上的灰色区域取消路径,如图3-102所示。
③ 双击【图案】图层,在弹出的【图层样式】对话框中分别选中【斜面和浮雕】、【等高线】和【投影】复选框,然后分别设置各项参数,如图3-103、图3-104和图3-105所示。单击【确定】按钮,效果如图3-106所示。

图3-101 绘制路径

图3-102 填充路径1

图3-103 【斜面和浮雕】图层样式设置1

图3-104 【等高线】图层样式设置1

图3-105 【投影】图层样式设置1
④ 新建图层,将其命名为【金属】,单击【钢笔工具】按钮,在画面中的适当位置绘制路径,如图3-107所示。
⑤ 设置【前景色】为土黄色(C52/M51/Y74/K2),单击【路径】面板上的【用前景色填充路径】按钮,对路径进行填充,完成后单击【路径】面板上的灰色区域取消路径,如图3-108所示。

图3-106 图层样式设置效果1

图3-107 绘制路径2

图3-108 填充路径2
⑥ 双击【图案】图层,在弹出的【图层样式】对话框中分别选中【斜面和浮雕】、【等高线】和【投影】复选框,然后分别设置各项参数,如图3-109、图3-110和图3-111所示。单击【确定】按钮,效果如图3-112所示。

图3-109 【斜面和浮雕】图层样式设置2

图3-110 【等高线】图层样式设置2

图3-111 【投影】图层样式设置2

图3-112 图层样式设置效果2
⑦ 复制【金属】图层,生成【金属副本】图层,选择【滤镜】|【杂色】|【添加杂色】命令,在弹出的【添加杂色】对话框中保持默认设置,如图3-113所示。
⑧ 设置完成后,单击【确定】按钮,效果如图3-114所示。
⑨ 设置【光泽】图层的【混合模式】为【浅色】,如图3-115所示。

图3-113 添加杂色设置

图3-114 添加杂色效果

图3-115 设置混合模式
⑩ 完成效果如图3-116所示。
⑪ 新建图层,将其命名为【半圆】,单击【钢笔工具】按钮,在画面中的适当位置绘制路径,完成后按下Ctrl+Delete组合键将路径转换为选区,如图3-117所示。
⑫ 设置【前景色】为淡黄色(C52/M51/Y74/K2),按下Alt+Delete组合键填充选区,完成后按下Ctrl+D组合键取消选区,如图3-118所示。

图3-116 混合模式效果

图3-117 创建选区1

图3-118 填充选区1
⑬ 双击【图案】图层,在弹出的【图层样式】对话框中分别选中【斜面和浮雕】和【投影】复选框,然后分别设置各项参数,如图3-119和图3-120所示。单击【确定】按钮,效果如图3-121所示。
⑭ 按下Ctrl+O组合键,弹出【打开】对话框,打开素材图片,如图3-122所示。
⑮ 单击【移动工具】按钮,将素材拖动到画面中,将新生成的【图层24】重命名为【刻度】,然后调整图像位置,并进行自由变换处理,如图3-123所示。
⑯ 新建图层,命名为【按钮】,单击【钢笔工具】按钮,在画面中的适当位置绘制路径,完成后按下Ctrl+Delete组合键转换为选区,如图3-124所示。
⑰ 设置【前景色】为棕色(C68/M74/Y85/K48),按下Alt+Delete组合键填充选区,如图3-125所示。

图3-119 【斜面和浮雕】图层样式设置3

图3-120 【投影】图层样式设置3

图3-121 图层样式设置效果3

图3-122 打开素材图片

图3-123 调整素材的位置和形状

图3-124 创建选区2

图3-125 填充选区2
⑱ 先后设置【前景色】为黄色(C13/M22/Y26/K0)及棕黄色(C63/M65/Y100/K28),单击【画笔工具】按钮,在按钮上适当绘制亮部及反光,完成后按下Ctrl+D组合键取消选区,如图3-126和图3-127所示。
⑲ 双击【按钮】图层,在弹出的【图层样式】对话框中选中【投影】复选框,然后设置各项参数,如图3-128所示。
⑳ 单击【确定】按钮,效果如图3-129所示。
㉑ 新建图层,将其命名为【按钮红色】,单击【钢笔工具】按钮,在画面中的适当位置绘制路径,如图3-130所示。
㉒ 设置【前景色】为红色(C52/M51/Y74/K2),单击【路径】面板上的【用前景色填充路径】按钮,对路径进行填充,完成后单击【路径】面板上的灰色区域取消路径,如图3-131所示。

图3-126 绘制亮部

图3-127 绘制反光

图3-128 【投影】图层样式设置4

图3-129 投影效果

图3-130 绘制路径3

图3-131 填充路径3
㉓ 双击【按钮红色】图层,在弹出的【图层样式】对话框中分别选中【斜面和浮雕】、【等高线】和【内阴影】复选框,然后分别设置各项参数,如图3-132、图3-133和图3-134所示,单击【确定】按钮,效果如图3-135所示。

图3-132 【斜面和浮雕】图层样式设置4

图3-133 【等高线】图层样式设置3
㉔ 按下Shift键选择【按钮】和【按钮红色】图层,复制这两个图层,如图3-136所示。
㉕ 单击【移动工具】按钮,将复制图层中的图像拖至画面中的适当位置,如图3-137所示。

图3-134 【内阴影】设置

图3-135 图层样式设置效果4

图3-136 复制两个图层

图3-137 调整旋钮位置