当前位置:主页 > PS教程 > 设计教程 >

PS设计立体光感效果的手机图标

  • 2021-05-12 10:10
  • 来源/作者:未知,感谢作者/P学堂
  • 己被围观

随着Android等操作系统的开发,现在的互联网逐步向手机端应用推进,很多都有了手机端应用程序,必须淘宝,新浪等,所以手机端应用程序UI设计也逐 步的成为新潮,下面来看下一个

看下效果图:

Photoshop设计立体光感效果的手机图标

1.新建画布

Photoshop设计立体光感效果的手机图标

2.选择圆角矩形工具,点击画布,跳出设置弹框,设置如下,颜色设置为#000000,得到圆角矩形1

Photoshop设计立体光感效果的手机图标

3.继续选择圆角矩形工具,点击画布,跳出设置弹框,设置如下,颜色设置为#898989,得到圆角矩形2

Photoshop设计立体光感效果的手机图标

4.将两个图层的位置摆放如下

Photoshop设计立体光感效果的手机图标

5.选择椭圆工具,点击画布,跳出设置弹框,设置如下,颜色设置为#323232,得到椭圆1

Photoshop设计立体光感效果的手机图标

Photoshop设计立体光感效果的手机图标

6.复制椭圆1,得到椭圆1副本,拉到椭圆1图层下面,颜色改成#77f8f3,然后ctrl+T,按住shift+alt进行按照中心放大

Photoshop设计立体光感效果的手机图标

7.将我们的logo拖进去,调整好大小和位置

Photoshop设计立体光感效果的手机图标

(责任编辑:xiaochuan)

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

分享到:

标签(TAG) UI设计 图标设计 物品UI 

更多精彩内容

  • <font color='#FF0000'>Ps制作照片逼真投影</font> Ps制作照片逼真投影
  • <strong>如何在ps中创建令人敬畏的</strong> 如何在ps中创建令人敬畏的
  • <strong>ps去除水印</strong> ps去除水印
  • <strong>ps惊人新功能、自动着色、</strong> ps惊人新功能、自动着色、