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

ps手机光电图标

  • 2022-12-24 23:05:36
  • 来源/作者:互联网/佚名
  • 己被围观

手机端应用程序UI设计逐步的成为新潮,下面来看下一个APP应用程序图标的制作吧,这只是个思路,算抛砖引玉,有很多时候,我们感觉我们不会,而不是正真的我们不会,是我们没有接触过。

18.然后按住ctrl点击圆角矩形2图层,调出圆角矩形2图层的选区,删除,得到如图效果

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

19.将图层2的不透明度改成15%

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

20.回到圆角矩形1图层,添加图层样式

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

 

21.复制圆角矩形2,得到圆角矩形2副本,去除所有的图层样式,重新添加图层样式,然后图层不透明度改成10%

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

22.同样的方法,复制椭圆1,得到椭圆1副本2,添加上个步骤的图层样式,图层不透明度改成10%

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

23.选择文字工具,在椭圆1路径上面打“|||||”,你自己复制引号里的,然后把图层拉到椭圆1的下面,调出椭圆1副本的选区,添加蒙板,注意调节好字体间距

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

24.给字体层添加图层样式,然后把填充改成0%,完成最后的效果

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

最终效果图

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

 

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

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条