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

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:禅灵先生

关键词

步骤28:

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

Photoshop绘制立体质感的相机图标教程,PS教程,思缘教程网

步骤29:

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

Photoshop绘制立体质感的相机图标教程,PS教程,思缘教程网

步骤30:

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

Photoshop绘制立体质感的相机图标教程,PS教程,思缘教程网

步骤31:

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

Photoshop绘制立体质感的相机图标教程,PS教程,思缘教程网

步骤32:

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

Photoshop绘制立体质感的相机图标教程,PS教程,思缘教程网

步骤33:

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

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

Photoshop绘制立体质感的相机图标教程,PS教程,思缘教程网

步骤34:

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

Photoshop绘制立体质感的相机图标教程,PS教程,思缘教程网

步骤35:

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

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

Photoshop绘制立体质感的相机图标教程,PS教程,思缘教程网

步骤36:

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

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

Photoshop绘制立体质感的相机图标教程,PS教程,思缘教程网

步骤37:

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

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

Photoshop绘制立体质感的相机图标教程,PS教程,思缘教程网

步骤38:

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

Photoshop绘制立体质感的相机图标教程,PS教程,思缘教程网

步骤39:

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

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

Photoshop绘制立体质感的相机图标教程,PS教程,思缘教程网

 收藏