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

用ps制作谷歌风格加号图标

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

本ps教程学习如何用photoshop的自定义形状工具和图层样式制作漂漂的谷歌加号图标,先看效果图。

新建图层,在下图位置画一矩形,颜色无所谓。

谷歌 ps教程 加号图标

调出第一步画的圆角矩形选区,添加蒙版,效果如下。

谷歌 ps教程 加号图标

添加图层样式。

谷歌 ps教程 加号图标

谷歌 ps教程 加号图标

谷歌 ps教程 加号图标

效果如下。

谷歌 ps教程 加号图标

同样方法制作其它形状,改变图层样式的颜色即可。

谷歌 ps教程 加号图标

新建图层,在下图位置画一白色矩形。

谷歌 ps教程 加号图标

添加图层样式。

谷歌 ps教程 加号图标

填充归零,不透明度80%,效果如下。

谷歌 ps教程 加号图标

再添加个阴影,最终效果如下,本ps教程结束。

谷歌 ps教程 加号图标

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

标签(TAG) UI设计教程

更多精彩内容

  • 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打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条