Photoshop绘制逼真的索尼PSP拟物图标(8)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:LI忠浩

关键词

步骤 16

下面的【X】的制作方法是一样的,只是高光颜色不一样。颜色改为 #f7c678 ,左边的【□】制作方法也一样,只是下面的高光,需要把它分成两边不一样的的颜色,左边的颜色为 #f7c678,右边颜色为 #ffffff ,然后把中间的地方用蒙版擦去一点,右边的【○】,只是高光颜色就和【□】相反,改一下就可以了,做完之后记得右键编组

Photoshop绘制逼真的索尼PSP拟物图标,PS教程,思缘教程网

步骤 17

创建圆形【右边键盘底座-下】,直径72*72px,填充颜色 #525252,添加图层样式如图

内阴影 1 颜色为 #000000

内阴影 2 颜色为 #ffffff

外发光颜色为 #000000

Photoshop绘制逼真的索尼PSP拟物图标,PS教程,思缘教程网

Photoshop绘制逼真的索尼PSP拟物图标,PS教程,思缘教程网

Photoshop绘制逼真的索尼PSP拟物图标,PS教程,思缘教程网

步骤 18

然后复制一个,,命名为【右边键盘底座-上】,不透明度 80% ,删除图层样式重新添加

内阴影颜色为 #ffffff

渐变叠加颜色从左至右为 #000000 ~ #ffffff

Photoshop绘制逼真的索尼PSP拟物图标,PS教程,思缘教程网

Photoshop绘制逼真的索尼PSP拟物图标,PS教程,思缘教程网

把这两个图层编组,一起放在组【右边键盘】里面,然后左边键盘底座方法和右边一样,就是圆形的直径改成 94*94px

Photoshop绘制逼真的索尼PSP拟物图标,PS教程,思缘教程网

 收藏