复古收音机:PS绘制立体风格的收音机(5)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:sS_逆

关键词


绿色指示灯

1.新建圆角矩形43*15像素,圆角7像素,填充为0。给图层添加图层样式-投影。给图层命名为指示灯外框。


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网

2.复制“指示灯外框”,清除图层样式,图层填充改为“0”。添加图层样式-描边,这层命名为“指示灯高光过渡”。


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网

3.复制图层“指示灯高光过渡”。改变不透明度和描边大小。


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网

4.复制“指示灯外框”图层,置于“指示灯外框”图层下,清除图层样式。填充颜色#bfb6a4,目的将周围压暗。


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网

5.复制“指示灯外框”图层,清除图层样式,命名为“体积”。置于“指示灯外框 拷贝”下。Ctrl+T自由变换,同时按住shift+ctrl键,等比缩放,比外框大一点即可。给图层添加图层样式-投影,增加指示灯的厚度体积感。图层填充改为“0”。


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网

6.新建圆角矩形,39*13像素,圆角6像素,填充颜色#50fe51。给图层添加图层样式-斜面与浮雕。


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网

7.制作左右两边稍暗的。用钢笔工具抠出形状,填充颜色#32e62c,羽化1.6像素,命名为“绿加深右”,Ctrl+alt+G建立剪贴蒙版。复制“绿加深右”图层,改名为“绿加深左”,ctrl+T自由变换,右键点水平翻转,调整位置,建立剪贴蒙版。


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网

8.给指示灯绿条添加高光,用钢笔工具抠出形状,羽化0.6像素,填充颜色#ddfbdb。给图层命名为“绿条高光”。


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网

9.最后给指示灯添加高光。左右两侧高光用钢笔工具抠出形状,填充颜色#ffffff,羽化0.4像素。顶部高光用矩形形状工具,高度为1像素,调整羽化值和不透明度,高光强度弱可复制多层加强效果。将所有指示灯相关图层成组,命名为“指示灯”


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网

音量和开关调控钮

1.选择椭圆形状工具,新建椭圆,40*40像素。填充颜色#000000。给图层添加图层样式,参数如下。命名为“音量调控”。


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网

2.新建27*27像素的椭圆形状,填充颜色#c79a78。命名为“金属调控”,给图层添加图层样式-斜面浮雕。


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网


复古收音机:PS绘制立体风格的收音机,PS教程,思缘教程网

 收藏