PS设计教程网欢迎你!

Photoshop绘制立体质感的相机图标教程(5)

文章来源于 优优教程网,感谢作者 禅灵先生 给我们带来经精彩的文章!
设计教程/PS教程/鼠绘教程2018-07-20
步骤28: 把刚做好的录音孔复制出8个,并排列顺序,将所有录音孔编组,命名为【录音孔】 步骤29: 在【录音孔】旁边绘制一个28*28px的椭圆形,命名为【指示灯-外圆】 步骤30: 为【指示灯-外圆】添加光影效果 步骤3

步骤28:

把刚做好的录音孔复制出8个,并排列顺序,将所有录音孔编组,命名为【录音孔】

Photoshop绘制立体质感的相机图标教程

步骤29:

在【录音孔】旁边绘制一个28*28px的椭圆形,命名为【指示灯-外圆】

Photoshop绘制立体质感的相机图标教程

步骤30:

为【指示灯-外圆】添加光影效果

Photoshop绘制立体质感的相机图标教程

步骤31:

绘制一个22*22px的椭圆形,居中对齐指示灯-外圆,命名为【指示灯-内圆】

Photoshop绘制立体质感的相机图标教程

步骤32:

为【指示灯-内圆】添加光影效果

Photoshop绘制立体质感的相机图标教程

步骤33:

绘制一个16*16px的椭圆形,填充#ffffff,与【指示灯-内圆】顶端对齐,命名为【指示灯-高光】

滤色,不透明度90%,为图层叠加一层黑白蒙版做出渐隐效果

Photoshop绘制立体质感的相机图标教程

步骤34:

绘制一个6*4px的椭圆形,填充#ffffff,与【指示灯-内圆】底部对齐,命名为【高光点】羽化1.5,滤色,不透明度85%,以指示灯-内圆创建剪切蒙版

Photoshop绘制立体质感的相机图标教程

步骤35:

将【指示灯-外圆】、【指示灯-内圆】、【指示灯-高光】、【高光点编组】,命名为【指示灯】

将【指示灯】、【录音孔】、【指示框-上】、【指示框-下】编组,命名为【指示框】

Photoshop绘制立体质感的相机图标教程

步骤36:

在【内框-1】图层上方创建一个218*99px的椭圆形,以【内框-1】图层创建剪切蒙版

填充#b63e35,羽化3.0,颜色减淡 做出指示灯的高光

Photoshop绘制立体质感的相机图标教程

步骤37:

复制一层【外框-3】,清除图层样式,等比缩小,命名为【外框-3-阴影】

羽化30,柔光,不透明度46%,用蒙版调整一下阴影过渡

Photoshop绘制立体质感的相机图标教程

步骤38:

复制两层【外框】图层的路径,移动位置,找到合适的光影位置,运用路径混合工具-减去顶层形状做出高光,命名为【外框-高光】

Photoshop绘制立体质感的相机图标教程

步骤39:

为【外框-高光】设置图层样式

羽化10,柔光,不透明度40%,用蒙版调出高光过渡

Photoshop绘制立体质感的相机图标教程

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa