PS设计教程网欢迎你!

Photoshop制作谷歌风格加号图标教程

文章来源于 一起PS吧,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2012-04-20
本教程主要使用Photoshop制作炫彩的立体感网页加号图标,教程主要用到自定义形状工具和图层样式制作漂漂的谷歌加号图标等工具来完成,喜欢的朋友让我们一起来欣赏吧。

先看效果图。

Photoshop制作谷歌风格加号图标教程

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

Photoshop制作谷歌风格加号图标教程

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

Photoshop制作谷歌风格加号图标教程

添加描边样式。

Photoshop制作谷歌风格加号图标教程

填充归零,效果如下。

Photoshop制作谷歌风格加号图标教程

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

Photoshop制作谷歌风格加号图标教程

添加图层样式。

Photoshop制作谷歌风格加号图标教程

Photoshop制作谷歌风格加号图标教程

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

Photoshop制作谷歌风格加号图标教程

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

Photoshop制作谷歌风格加号图标教程

添加图层样式。

Photoshop制作谷歌风格加号图标教程

Photoshop制作谷歌风格加号图标教程

效果如下。

Photoshop制作谷歌风格加号图标教程

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa