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

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

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

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

先上效果图:

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

挺干净的,兴趣大增有没有? 那就开始咯。

Part 1 :打好地基

Cttrl + N 创建画布,大小为1024px * 1024px , 填充背景色为#fcf2da。

然后 → 编辑 → 首选项 → 参考线、网格和切片,设置如下:

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

武器已准备,接下来踏上征程吧!

先创建一个圆角矩形,大小为512px*512px,半径120px,记住左上角是形状哦。

搞定后填充颜色#c47420,命名“icon base”

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

添加内阴影,参数如下:

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

为它做一个长投影效果,创建一个矩形,填充黑色,大小可以自己调整,我是宽718.22px和高732.74px,Ctrl + T 变换角度。

添加图层样式—— 渐变叠加,参数如图,顺便把不透明度调整为30%,填充0%

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

好了,现在的效果是这样的:

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

 1/3    1 2 3 下一页 尾页

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

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

更多精彩内容

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