UI教程,设计锤子时钟图标教程

大家一起来制作一个时钟主题的UI图标,其实UI大部分的样式效果,其实就是对于我们在学习ps的时候,图层样式里面的混合选项样式的不断重复运用。菜鸟级别,不对的地方请大家多多见谅,也请留言提出,非常感谢!

效果图:

UI教程,设计锤子时钟图标教程_www.16xx8.com

制作步骤如下:

首先,第一步,我们要建立一个空白文档,800px X 800px,分辨率为72像素的空白文档,为了日后可以随时调整背景色,新建一个图层,然后设置前景色,填充#8a8a8a。颜色大家可以根据自己的感觉,进行填充!此填充颜色图层命名为背景颜色填充层。(切记,养成不要修改原图和可以随时修改,不动原图的习惯哦)

操作过程为:

UI教程,设计锤子时钟图标教程_www.16xx8.com

UI教程,设计锤子时钟图标教程_www.16xx8.com

第二步,我们要进行时钟UI的设计,首先,我们做最外层,由外到内的渐进过程。找到ps中的“圆角矩形工具”,设置参数为:512px X 512px 圆角为120 ,颜色填充白色。并且在图层中修改图层名为为底层

UI教程,设计锤子时钟图标教程_www.16xx8.com

UI教程,设计锤子时钟图标教程_www.16xx8.com

做完这一步之后,我们要对此图层设置图层样式哦,参数仅供参考!

UI教程,设计锤子时钟图标教程_www.16xx8.com

注意:此处的使用全局光前面的对号,一定要记得全部都取消哦!不然怎么样,自己去感觉!

UI教程,设计锤子时钟图标教程_www.16xx8.com

教程未完,请看下一页!

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以订阅我们邮件,每天都有新教程发给你:http://t.cn/Rzm5o8Y
PS教程自学网 欢迎投稿原创或转载教程:http://i.16xx8.com
    深血坦 说: 有点不好弄
    这里是谢先生 说: 不够详细
    麦兜好纠结 说: 学习了看看行吗?
    保险君 说: 要视频
    十年九不遇 说: 顶一下
    爱你成 说: 效果很好~~~~~~~~支持你
    靓仔喃first 说: 这个教程很有问题步骤不够清晰
    我是潜水的 说: 学习了一下
    夜风话凄凉 说: 有视频就好了
    晶彩人生go 说: 还要学习学习啊
    红酒_冰块 说: 好象好多东西还是不理解啊
    溜由转 说: 我也学习一下,做了半天就做不出来
    布拉德皮蛋 说: 谢楼主,教程写的很详细,希望楼主能做出更多更好的教程
    Jinpeng 说:
    施林 说: 4
    刘婷 说:
    商务S14-4方昱淇 说:
    久伴i 说: 第二步的 效果数据是多少
    梦的翅膀 说: 谢谢提供的教程,自己尝试做了一遍,做成功了,效果还不错。但是教程中也有一点不足,就是表盘的图层样式的数据没有提到,也没有详细的解释,这个很容易让人忽略,导致与效果不同,但是整体还是点个赞的。继续加油。