利用photoshop软件设计制作质感开关

1、 利用photoshop软件设计制作质感开关 Summary：当前图片处理软件中使用最频繁的还是Photoshop軟件，该软件的功能十分强大且用途十分广泛，比如：网页制作、广告摄影、视觉创意、后期修饰、平面设计等等而平面设计是Photoshop应用最为广泛的领域，无论是图书封面，还是海报，这些平面印刷品通常都需要Photoshop软件对图像进行处理，本文主要介绍的是通过Photoshop软件制作质感开关。Key：Photoshop;制作;质感开关：TP37 ：A：1009-3044（2019）27-0243-02开关是房屋装修、居家生活中必备的物品，而在个性化时代的今天，人们十分重视物体的外观

2、造型，当然开关也不例外。下图的质感开关无论是从外观上还是造型上都符合现代人的选美观，具体的制作步骤如下：1 制作背景打开Photoshop软件，点击“文件-新建”选项，依次在新建对话框中设置宽度、高度值，均为800像素（可以根据个人的喜好自行设置宽度高度），分辨率设为72像素/英寸，颜色模式设为RGB，背景内容设为白色。2 制作质感开关内圆2.1 绘制质感开关内圆新建一个图层命名为图层1并画一个圆，选择工具中的椭圆选框工具，按住Shift键（不按Shift键则画的是椭圆），画一个适当大小的圆，按Alt+Delete键着色，本例中使用黑色。再按Ctrl+D键取消选区，最后使用移动工具将圆移动到合

3、适的位置。2.2 设置内圆图层样式2.2.1 设置斜面和浮雕参数双击图层1打开图层样式面板，选择斜面和浮雕选项，在斜面和浮雕的结构设置中，首先设置样式的类型，样式有很多种类型，本例中根据设计者的视角选择的是内斜面，此步操作是让图层1的圆呈现立体的感觉，然后再设置方法类型，本例选择平滑，此步操作是让圆的边缘更加清晰平整，如果选择雕刻清晰或雕刻柔和这两种类型，那圆边缘的平整度就不高，再设置深度，深度值设为900%，是让圆的阴影更明显，再设置方向，方向设为上，如果设置方向为下，圆的阴影则在上方不符合逻辑，再设置大小，值设为8，值越大内斜面就越大，软化值保持默认的数值，软化值越大内斜面的边缘越模糊。设

4、置完结构后再设置阴影，首先设置角度，角度值设为86度，在设置角度值时可以根据肉眼判断阴影的位置，调整合适即可;高度值设为33度，高度值越大阴影的范围越大，高光模式设滤色;不透明度值设为83%，值越大高光区域越亮;阴影模式设为颜色减淡，之前的阴影呈深黑色且亮度较低，使用颜色减淡模式后可以增强阴影的亮度且看起来更加自然。2.2.2 设置描边参数设置描边效果是为了让开关内圆的层次更加明显，打开图层样式面板，进入描边选项页面，大小值设为25像素，值越大描边的范围就越大;位置设为内部，则为向内描边;混合模式、不透明度均保持默认值;填充类型选择渐变，打开渐变编辑器，首先选择左下角色标，将该色标的颜色选为灰

5、色，再选择右下角色标，将色标的颜色选为白色并按住色标向左移动，在整个渐变条上灰色和白色的比例大概设置成3：1，呈现由灰色至白色的渐变效果;样式选择线性渐变;角度值设为120度，这样可以更好地实现渐变效果;缩放值设为99%，应根据最佳的渐变效果设置缩放值。2.2.3 设置内阴影参数设置内阴影效果是为了让开关内圆的立体感更强，打开图层样式面板，进入内阴影选项页面，混合模式设为正常;不透明度值设为40%，值越高阴影越深;角度值设为80度，距离值设为25像素，像素值越高阴影的范围就越大;大小值设为45像素，像素值越高阴影的深度就越深。2.2.4 设置渐变叠加参数设置渐变叠加效果是为了让内圆呈现金属的光

6、泽，进一步凸显立体效果，打开图层样式面板，进入渐变叠加选项页面，混合模式设为正常;不透明度值设为100%;渐变设为自定义渐变模式，打开渐变编辑器，在色标轴上依次增加7个色标，共9个，第一个色标颜色设为白色，第二个色标颜色设为灰色，然后依次类推，使白色和灰色交替出现，色标之间调整好距离，最终效果是在渐变条上出现4条灰色标记;样式设为角度，角度值设为180度;缩放值设为80%。2.2.5 设置投影参数设置投影参数也是继续增强立体效果，打开图层样式面板，进入投影选项页面，混合模式设为正片叠底，颜色设为黑色，此时的效果是内圆出现了投影;不透明度设为60%，数值越大，阴影的深度就越深;角度值设为120度

7、，通过设置不同的角度值，可以让投影出现在不同的位置;距离值设为10像素，距离是设置阴影的位移，不同值阴影的位移是不一样的;扩展值设为20%，数值越大，整个内圆的阴影范围就越广;大小值设为10像素，数值越大阴影就越大。此时开关的内圆部分就制作完成了，一个立体感十足、光泽耀眼、渐变层次分明的质感开关内圆呈现在眼前。3 制作质感开关外圆3.1 绘制质感开关外圆新建一个图层命名为图层2并按照画内圆的方法画一个面积比内圆面积大的圆，着黑色，然后将图层1移至图层2的上方，使内圆覆盖到外圆上。3.2 设置外圆图层样式3.2.1 设置斜面和浮雕参数双击图层2打开图层样式面板，选择斜面和浮雕选项，在斜面和浮雕的

8、结构设置中，设置的方法与内圆基本一致，具参数体如下：样式选择内斜面;方法选择雕刻清晰，主要是凸显和内圆的差异，增强立体效果;深度值设为900%;方向设为上;大小值设为70，增强内圆的立体感;软化值保持默认的数值。设置完结构后再设置阴影，角度值设为86度;高度值设为33度;高光模式设滤色;不透明度值设为83%;阴影模式设为颜色减淡;不透明度保持不变。3.2.2 设置描邊参数设置描边效果是为了让开关外圆的层次更加明显，打开图层样式面板，进入描边选项页面，大小值设为5像素;位置设为内部;混合模式、不透明度保持默认值;填充类型选择渐变，渐变参数的设置与内圆参数一致;样式选择线性渐变;角度值设为120度

9、;缩放值设为99%。3.2.3 设置渐变叠加参数设置渐变叠加效果是为了让内圆散发金属的光泽，进一步凸显立体效果，打开图层样式面板，进入渐变叠加选项页面，混合模式设为正常;不透明度值设为100%;渐变设为自定义渐变模式，渐变参数的设置与内圆参数一致，最终效果是在渐变条上出现4条灰色标记;样式设为角度，角度值设为0度，主要是要错开内圆的角度，增强金属光泽和层次感;缩放值设为80%。3.2.4 设置投影参数设置投影参数也是继续增强外圆的立体效果，打开图层样式面板，进入投影选项页面，混合模式设为正片叠底，颜色设为黑色;不透明度值设为60%;角度值设为120度;距离值设为10像素，距离是设置阴影的位移，

10、不同值阴影的位移便不一样;扩展值设为20%;大小值设为10像素。此时整个质感开关就制作好了，本例中参数的数值，并不是固定的，可以根据实际情况进行适当调整。4 结语通过本案例的制作，不难发现如果要增加物体的立体效果，可以通过设置图层样式中的诸多参数来实现，本例中设置了斜面和浮雕、描边、内阴影、渐变叠加和投影等参数，在设置上述参数中，渐变编辑器、混合模式的设置尤为关键，在设置渐变参数时渐变的式样和颜色是重点，渐变的式样可以是从前景色到背景色的渐变、前景色到透明的渐变、透明彩虹渐变、色谱、透明条纹渐变和自定义渐变等，其中自定义渐变的关键是利用增减色标来体现不同的渐变效果，在本例的描边中是通过简单移动色标位置来实现渐变效果，而在渐变叠加中是通过增加色标并设置好色标之间的位置来实现渐变效果。本例中所使用的渐变颜色均为灰色至白色，这主要契合金属自带的光泽。混合模式是两个源通道色彩值结合的方式，不同的模式产生的效果差异会很大，灵活的根据预览选择准确的混合模式可以达到圆满的后期效果。混合模式总共有27种式样，可以分为变暗模式、变亮模式、饱和度模式、差集模式和颜色模式，本例中用到了变暗模式中的正片叠底式样和变亮模式中的颜色减淡式样，目的是凸显质感开关的立体效果。Reference：1 刘一丁、易扬扬.pho