PS教程:绘制iOS7风格倒数计时器

  ios7的界面设计想必大家一定不陌生,今天就来教大家轻松绘制ios7风格的计时器图标。氧16出品,真的很简单哦~

  第一步:新建文件,用椭圆工具先画一个圆,如果你是CS5以上版本就很简单了,直接选择不填充色,使用描边10个像素,然后以圆心拉出两条参考线,如图:

ios7-djs

ios7-djs1

  第二步:用矩形工具画一个像素的直线,中心与圆心对齐,如图:

ios7-djs2

  第三步:复制直线(ctrl+J),旋转10°,然后不断复制(ctrl+J)+ 旋转(ctrl+shift+T),直至达到图中效果:

ios7-djs3

ios7-djs4

  第四步:合并所有直线图层并建立选区,然后反选(ctrl+shift+I),选择“椭圆1”图层,为其添加蒙版,关闭直线图层的眼睛便能看到效果,如图:

ios7-djs6

ios7-djs7

ios7-djs8

  第五步:复制“椭圆1”图层,去除蒙版并图层置顶,为其添加图层效果“渐变”,如图:

ios7-djs9

ios7-djs10

  第六步:用矩形选框工具选择删除的部分,再反选(ctrl+shift+I)添加蒙版,得到如图效果:

ios7-djs11

ios7-djs12

  第七步:配上文字,根据个人喜好加一点点投影效果

ios7-djs13

  白色背景不够高端大气上档次?!好吧,换成个彩色背景,反白的文字,这下怎么样呢?不用分分钟便做出了一个IOS7图标,喜欢的快自己动手来尝试尝试吧!

ios7-djs14

  完整IOS7界面UI设计PS素材下载请点击这里

转载请注明:氧16网 » PS教程:绘制iOS7风格倒数计时器

赞 (0)
分享到:更多 ()