当前位置:首页 > PS教程 > 设计教程

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

  • 2021-05-16 16:43:58
  • 来源/作者:互联网/佚名
  • 己被围观

本教程主要使用Photoshop制作炫彩的立体感网页加号图标,教程主要用到自定义形状工具和图层样式制作漂漂的谷歌加号图标等工具来完成,喜欢的朋友让我们一起来欣赏吧。

先看效果图。

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

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

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

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

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

添加描边样式。

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

填充归零,效果如下。

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

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

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

添加图层样式。

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

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

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

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

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

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

添加图层样式。

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

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

效果如下。

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

 1/2    1 2 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG) UI设计 图标设计

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?