Photoshop设计立体效果的手机图标教程(2)

文章来源于站酷，感谢作者 yarn 给我们带来经精彩的文章！

设计教程/PS教程/设计教程2012-07-30

第四步：再画一个222*192px的圆角为45px的圆角矩形，我是直接复制再缩� Ｌ砑油疾阊剑和队啊⒛谝跤啊⒛诜⒐夂徒ケ涞印� 第五步：复制刚才的圆角矩形，去掉所有样式，上边往下缩小20px，左右分别缩小5px，添加投

第四步：再画一个222*192px的圆角为45px的圆角矩形，我是直接复制再缩小。添加图层样式：投影、内阴影、内发光和渐变叠加。

第五步：复制刚才的圆角矩形，去掉所有样式，上边往下缩小20px，左右分别缩小5px，添加投影、内阴影和描边图层样式，内阴影比形状颜色稍深一点点，颜色自已把握，差不多就行。

Photoshop设计立体效果的手机图标教程

第六步：用形状工具画出明暗交界线颜色深的地方，做渐变效果，具体如图，用10px的圆角矩形工具画出中间的白条，注意中间部分比较亮，添加渐变。

Photoshop设计立体效果的手机图标教程

第七步：发光部分用椭圆工具画几个同心圆，做发光效果，以最大的那个圆为例，填充为0，不透明度30%，添加内发光和外发光图层样式。

第八步：垂直或水平方向画出笔的形状，并做好效果，如果斜着画的话不好把握，添加内发光、渐变效果和描边样式。

Photoshop设计立体效果的手机图标教程

最后把笔倾斜约35度角，放在上面，之前做好的笔的渐变也需跟着变为-35度角。

最后效果图，跟原图差别还是蛮大的，多花点时间，注意观察，相信你能做出更好的原创作品。

Photoshop设计立体效果的手机图标教程

情非得已