所有在本站发表的文章,本站都具有最终编辑权。本站全部作品均系原创或来自网络转载,所产生的版权纠纷与本站无关。 创意设计,平面设计,设计欣赏
您的位置:

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

时间:2013-02-24 09:12 作者:admin 点击:

先看效果图。

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

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

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

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

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

添加描边样式。

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

填充归零,效果如下。

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

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

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

添加图层样式。

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

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

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

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

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

添加图层样式。

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

效果如下。

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

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

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

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

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

添加图层样式。

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

效果如下。

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

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

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

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

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

添加图层样式。

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

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

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网

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

Photoshop制作谷歌风格加号图标教程,PS教程,思缘教程网