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

软件发布|下载排行|最新软件

当前位置:首页photoshop教程标志logo

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

.   2020-11-27 我要评论

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

谷歌 ps教程 加号图标

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

谷歌 ps教程 加号图标

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

谷歌 ps教程 加号图标

添加描边样式。

谷歌 ps教程 加号图标

填充归零,效果如下。

谷歌 ps教程 加号图标

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

谷歌 ps教程 加号图标

添加图层样式。

谷歌 ps教程 加号图标

谷歌 ps教程 加号图标

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

谷歌 ps教程 加号图标

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

谷歌 ps教程 加号图标

添加图层样式。

谷歌 ps教程 加号图标

谷歌 ps教程 加号图标

效果如下。

谷歌 ps教程 加号图标

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

谷歌 ps教程 加号图标

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

谷歌 ps教程 加号图标

添加图层样式。

谷歌 ps教程 加号图标

谷歌 ps教程 加号图标

谷歌 ps教程 加号图标

效果如下。

谷歌 ps教程 加号图标

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

谷歌 ps教程 加号图标

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

谷歌 ps教程 加号图标

添加图层样式。

谷歌 ps教程 加号图标

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

谷歌 ps教程 加号图标

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

谷歌 ps教程 加号图标

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们