Photoshop绘制复古风格的旧电视图标(3)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

8、复制一层“屏幕”图层,转智能对象,添加一个杂色,并将图层混合模式更改为“柔光”。

Photoshop绘制复古风格的旧电视图标

9、用两个屏幕的那个圆角矩形相减,得到我们需要的屏幕下部的高光形状,将这个形状的颜色设置为#eaead2,在属性面板中设置一个1像素的羽化,并将图层混合模式更改为“柔光”,不透明度34%。

Photoshop绘制复古风格的旧电视图标

10、设置前景色为#eaead2,用屏幕的那个圆角矩形和一个椭圆相交,得到我们需要的屏幕顶部的高光形状,同样的将图层混合模式更改为“柔光”,不透明度34%,并添加一个图层蒙版,适当的擦拭左右两侧。

Photoshop绘制复古风格的旧电视图标

11、下面,我们来制作按纽,设置前景色为#b4b097,画一个正圆,并添加一个图层样式。

Photoshop绘制复古风格的旧电视图标

Photoshop绘制复古风格的旧电视图标

12、设置前景色为#d9d0ca,画一个小一点的圆,并添加一个图层样式。

Photoshop绘制复古风格的旧电视图标

Photoshop绘制复古风格的旧电视图标

Photoshop绘制复古风格的旧电视图标

Photoshop绘制复古风格的旧电视图标

 收藏