您现在的位置: 万盛学电脑网 >> 软件知识 >> 图文处理 >> Photoshop教程 >> ps鼠绘教程 >> 正文

PhotoShop绘制一个google风格加号图标教程

作者:佚名    责任编辑:admin    更新时间:2022-06-22

  ps教程学习如何用PhotoShop制作一个简单的google风格加号图标效果,主要用到自定义形状工具和图层样式制作出来的。

  先看效果图:

PhotoShop绘制一个google风格加号图标教程 三联教程

  新建文档1000x1000像素,背景白色,新建图层,画一半径50像素的黑色圆角矩形。

按此在新窗口浏览图片

  复制此层,大小位置如下,为了醒目我把颜色改为白色。

按此在新窗口浏览图片

  添加描边样式。

按此在新窗口浏览图片

  填充归零,效果如下。

按此在新窗口浏览图片

  新建图层,用矩形工具加法模式画出十字。

按此在新窗口浏览图片

  添加图层样式。

按此在新窗口浏览图片
按此在新窗口浏览图片

  效果如下,我们得到了十字边框。

按此在新窗口浏览图片

  同样方法新建图层画一小的白色十字。

按此在新窗口浏览图片

  添加图层样式。

按此在新窗口浏览图片
按此在新窗口浏览图片

  效果如下。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  添加图层样式。

按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

  效果如下。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  添加图层样式。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  再添加个阴影,最终效果如下

按此在新窗口浏览图片