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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

转载请注明出处:氧16设计网(yang16.com) » PS教程:绘制iOS7风格倒数计时器
分享到:
赞(0) 打赏

评论3

  1. #0
    不错,支持下!
    孤单寂寞冷2015-12-07 23:48:51回复
  2. #0
    PS真是个好工具呀
    白内障2013-11-05 15:48:16回复

觉得有用就打赏一点小钱

支付宝扫一扫打赏

微信扫一扫打赏