复古风格的旧电视图标UI设计教程(2)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:uimaker.com   作者:Uimaker.com整理

关键词
20jq20151123


为这个“屏幕”图层添加一个图层样式。


19jq20151123


18jq20151123


17jq20151123


16jq20151123


15jq20151123


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


14jq20151123


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


13jq20151123


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


12jq20151123


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


11jq20151123


10jq20151123


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


9jq20151123


8jq20151123


7jq20151123


6jq20151123


复制一层“按纽”图层,更改图层名为“投影”,将图层填充设置为0,再添加一个图层样式,我们来增强下投影效果。

 收藏