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

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

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

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

现在创建笔尖,如法炮制一个三角形,大小为32x32px,颜色填充为#474f57,移动到笔头处对齐,创建为剪切蒙版,如图:

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

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

成果快出现咯,现在给它加个橡皮擦。

创建一个圆角矩形,宽高是64x96px,半径是20px,颜色填充# f78879,命名为“Rubber”

然后创建一个矩形,大小32x96px,填充颜色# d5d5d5,如图:

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

为它添加点光,创建一个圆角矩形,大小是10* 40px ,填充白色,不透明度改成30%

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

好了,现在是给它添加长投影的时间了,创建矩形,大小352x160px,其他的按照前边的长投影一样变换角度,添加渐变就大功告成了。

需要下载PSD的同学 → 移步下载

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

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

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

更多精彩内容

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