如何制作苹果IOS7系统中的计时器

社区服务
高级搜索
猴岛论坛贴图&拍客PS技术交流如何制作苹果IOS7系统中的计时器
发帖 回复
倒序阅读 最近浏览的帖子最近浏览的版块
1个回复

[技术分享]如何制作苹果IOS7系统中的计时器

楼层直达
如月亮

ZxID:796

等级: 大将
lover this game

举报 只看楼主 使用道具 楼主   发表于: 2015-08-01 0
如何制作苹果IOS7系统中的计时器
说到手机,相信很多人会倾向于选择iPhone!其简约大方又美观的外形设计,性能良好的操作系统无疑成了消费者的首选对象。其实进入苹果的手机界面也人很好的体验。今天小虎要介绍的这篇就是教大家如何用PS制作一张苹果IOS7系统中的倒数计时器图片,教程翻译自国外,感兴趣的小伙伴们一起来学习吧! 完成的效果图如下: [align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/yxysprlrxeb.jpg[/img][/align] PS图标设计:如何制作苹果IOS7系统中的计时器[b][color=#ff0000] [/color][/b] [b][color=#ff0000]步骤1、[/color][/b]在PS中创建一个730*410像素的文档,在中心部分添加水平和垂直的辅助线:[align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/55ovsmfb42h.jpg[/img][/align] [color=#ff0000][color=#000000]PS图标设计:如何制作苹果IOS7系统中的计时器[/color][/color][b][color=#ff0000][color=#000000][/color] [/color][/b] [b][color=#ff0000]步骤2、[/color][/b]用椭圆形工具绘制一个120乘以120像素的原型,不填充颜色,描边为5像素的#e1e1e1,放在画布的中央。设置如下图所示:[align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/o4qeyphmazt.jpg[/img][/align][align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/j431hmt3ni3.jpg[/img][/align] PS图标设计:如何制作苹果IOS7系统中的计时器[b][color=#ff0000] [/color][/b] [b][color=#ff0000]步骤3、[/color][/b]画布调整到1200%左右,使用直线工具从圆圈的顶部到中心点绘制一条1像素的直线,如下所示:[align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/0robvkjbu55.jpg[/img][/align] PS图标设计:如何制作苹果IOS7系统中的计时器[b][color=#ff0000] [/color][/b] [b][color=#ff0000]步骤4、[/color][/b]按住Ctrl+Alt+T键,自由变换这条直线的外框,出现中心点后按住shift+Alt键,鼠标拖动中心点移到直线的最下方:[align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/eoq1sqpc2ff.jpg[/img][/align] PS图标设计:如何制作苹果IOS7系统中的计时器[b][color=#ff0000] [/color][/b] [b][color=#ff0000]步骤5、[/color][/b]现在把旋转角度值设置为10°,再按enter键两次:[align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/bc4qrcojtry.jpg[/img][/align] PS图标设计:如何制作苹果IOS7系统中的计时器[b][color=#ff0000] [/color][/b] [b][color=#ff0000]步骤6、[/color][/b]按下Shift+Ctrl+Alt+T键复制该直线,直到得到一个完整的螺旋线形状:[align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/d4v3fnekd5b.jpg[/img][/align] 填充颜色改为白色:[align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/gt2mk3qikvm.jpg[/img][/align] PS图标设计:如何制作苹果IOS7系统中的计时器[b][color=#ff0000] [/color][/b] [b][color=#ff0000]步骤7、[/color][/b]复制一层最原始的的圆圈,在所有图层的上方放置,在这个圆圈上做渐变处理:[align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/pkb0g3xg5zm.jpg[/img][/align] PS图标设计:如何制作苹果IOS7系统中的计时器[b][color=#ff0000] [/color][/b] [b][color=#ff0000]步骤8、[/color][/b]为该圆圈添加如下图所示的渐变叠加样式:[align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/kyni2uc4lrh.jpg[/img][/align] PS图标设计:如何制作苹果IOS7系统中的计时器[b][color=#ff0000] [/color][/b] [b][color=#ff0000]步骤9、[/color][/b]用蒙版处理掉四分之一不显示的区域:[align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/fnlg25d0bcb.jpg[/img][/align] PS图标设计:如何制作苹果IOS7系统中的计时器[b][color=#ff0000] [/color][/b] [b][color=#ff0000]步骤10、[/color][/b]用文字工具添加日期、时、分、秒,设置如下所示:[align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/a5sy54hnqaz.jpg[/img][/align] PS图标设计:如何制作苹果IOS7系统中的计时器[b][color=#ff0000] [/color][/b] [b][color=#ff0000]步骤11、[/color][/b]为刚才创建的所有图层编组,复制出另外3个编组,4个编组之间的水平间距是20像素,分别调整相应的内容,形成完整的ios7倒数计时器:[align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/3ffyzcl1gtc.jpg[/img][/align] Ios7有很多壁纸,选择一张合适的图片作为背景,再设置模糊度为15%。得到最终的效果图: [align=center][img]http://www.yiihuu.com/upimg/book/2015/0619/ps-rumenjiaocheng/yxysprlrxeb.jpg[/img][/align] 总结:方法很简单,做出来的效果图也很漂亮有木有?喜欢苹果手机的小伙伴们还有什么理由不赶紧转起来!
千辰丶

ZxID:18671261

等级: 元老
配偶: Joy_Design
            猪头萌萌哒ぅ                             

举报 只看该作者 沙发   发表于: 2015-08-02 0
难怪觉得辣么眼熟。。
引用
« 返回列表
发帖 回复