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

PS设计IOS7风格的扁平化图标

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

扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格icon的设计思路吧。今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以

Part 2 :创建笔记本

同样创建圆角矩形,参数如下:

Photoshop设计IOS7风格的扁平化图标

然后复制一层,快捷键“A”来到选择工具,减少16px,调整高度为432px。

完成后继续复制一层,依上高度改为416px,填充颜色改为 # f3f3f3,完成后如图:

Photoshop设计IOS7风格的扁平化图标

笔记本雏形完成了,现在给它划线,用直线工具,粗细的像素调整为2,填充黑色。

完成后调整图层不透明度为20%,笔记本就成型咯。

Photoshop设计IOS7风格的扁平化图标

Part 3:创建铅笔

创建矩形,大小为192 x 96px,颜色改成 #00da67或者任何你喜欢的颜色。

继续创建两个矩形,高度改为32px,填充黑色,调整不透明度为25%和10%,整齐列到笔身上,如图:

Photoshop设计IOS7风格的扁平化图标

现在来创建笔头,你可以用多边形工具,双击画布后,参数设置如下:

Photoshop设计IOS7风格的扁平化图标

颜色填充为#e39a4d,然后对齐笔身。

Photoshop设计IOS7风格的扁平化图标
​​​​​​​

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

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

更多精彩内容

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