• 2017年7月2日,氧16网正式改版,增加会员登录注册功能,感谢群里小伙伴的支持!
  • 氧16网设计交流1群:331622745,设计交流2群:536159510,欢迎志同道合的朋友加入!
  •    4年前 (2013-11-05)  教程 |   3 条评论  4 
    文章评分 0 次,平均分 0.0

    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网原创,转载请注明出处来自http://yang16.com/2840.html

    关于
    氧16网 — 分享设计&素材&工具|文章烂,更新少,茫茫人海,能够被你关注真是三生有幸

    发表评论

    表情 格式
    1. 不错,支持下!

      孤单寂寞冷 评论达人 LV.1 2年前 (2015-12-07) [0] [0]
    2. PS真是个好工具呀

      白内障 评论达人 LV.3 4年前 (2013-11-05) [0] [0]
    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    扫一扫二维码分享