欢迎来到福编程网,本站提供各种互联网专业知识!

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

发布时间:2012-04-20 作者:JAY 来源:一起PS吧 
ps教程学习如何用PhotoShop制作一个简单的google风格加号图标效果,主要用到自定义形状工具和图层样式制作出来的。先看效果图:新建文档1000x1000像素,背景白色,新建图层,画一半径50像素的黑色圆角矩形。复制此层,大小位置如下,为了醒目我把颜色改为白色

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

先看效果图:

PhotoShop绘制一个google风格加号图标教程 全福编程网教程

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

添加描边样式。

按此在新窗口浏览图片

填充归零,效果如下。

按此在新窗口浏览图片_ueditor_page_break_tag_

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

按此在新窗口浏览图片

添加图层样式。

按此在新窗口浏览图片

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

添加图层样式。

按此在新窗口浏览图片

按此在新窗口浏览图片_ueditor_page_break_tag_

效果如下。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

添加图层样式。

按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

效果如下。

按此在新窗口浏览图片_ueditor_page_break_tag_

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

添加图层样式。

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

相关推荐