photoshop设计制作谷歌风格加号图标
photoshop设计制作谷歌风格加号图标
发布时间:2016-12-27 来源:查字典编辑
摘要:本ps教程学习如何用photoshop的自定义形状工具和图层样式制作漂漂的谷歌加号图标,先看效果图。新建文档1000x1000像素,背景白色...

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

photoshop设计制作谷歌风格加号图标1

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

photoshop设计制作谷歌风格加号图标2

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

photoshop设计制作谷歌风格加号图标3

添加描边样式。

photoshop设计制作谷歌风格加号图标4

填充归零,效果如下。

photoshop设计制作谷歌风格加号图标5

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

photoshop设计制作谷歌风格加号图标6

添加图层样式。

photoshop设计制作谷歌风格加号图标7

photoshop设计制作谷歌风格加号图标8

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

photoshop设计制作谷歌风格加号图标9

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

photoshop设计制作谷歌风格加号图标10

添加图层样式。

photoshop设计制作谷歌风格加号图标11

photoshop设计制作谷歌风格加号图标12

效果如下。

photoshop设计制作谷歌风格加号图标13

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

photoshop设计制作谷歌风格加号图标14

调出

photoshop设计制作谷歌风格加号图标15

photoshop设计制作谷歌风格加号图标16

效果如下。

photoshop设计制作谷歌风格加号图标17

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

photoshop设计制作谷歌风格加号图标18

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

photoshop设计制作谷歌风格加号图标19

添加图层样式。

photoshop设计制作谷歌风格加号图标20

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

photoshop设计制作谷歌风格加号图标21

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

photoshop设计制作谷歌风格加号图标1

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类