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

ps UI设计教程:设计扁平化风格图片

  • 2022-12-25 00:05:27
  • 来源/作者:互联网/佚名
  • 己被围观

今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以完成咯

步骤 2 :创建笔记本

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

PS设计制作扁平化IOS7风格图标

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

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

PS设计制作扁平化IOS7风格图标

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

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

PS设计制作扁平化IOS7风格图标

步骤 3:创建铅笔

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

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

PS设计制作扁平化IOS7风格图标

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

PS设计制作扁平化IOS7风格图标

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

PS设计制作扁平化IOS7风格图标

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

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条