UI教程,设计简单的ICON图标入门教程

本教程介绍了如何使用PhotoShop制作质感PS标识方形按钮图标的过程,主要使用了ps的形状工具和图层样式制作方形按钮,然后使用汉仪超园简体输入ps,最后完成了整个效果的制作。
UI教程,设计简单的ICON图标入门教程_www.16xx8.com

随手制作了一个图标,简单易学

UI教程,设计简单的ICON图标入门教程_www.16xx8.com

一,先ctrl+N(新建文件),新建一个512x512的白色场景

UI教程,设计简单的ICON图标入门教程_www.16xx8.com

二,按快捷键“U”,选择圆角矩形工具,主要左上方的类型

UI教程,设计简单的ICON图标入门教程_www.16xx8.com

在场景内点一下,弹出选项参数,如图,创建一个圆角矩形

UI教程,设计简单的ICON图标入门教程_www.16xx8.com

三,找到图层框,双击红色圈圈部分,弹出图层样式

 

UI教程,设计简单的ICON图标入门教程_www.16xx8.com

颜色叠加,参数步骤如上

UI教程,设计简单的ICON图标入门教程_www.16xx8.com

再回到图层框,选择bg1图层,按“ctrl+J”(复制图层)命名为bg2,然后上移动10像素

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以关注我们小程序,每天都有新教程:点我用微信扫一下
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

最新评论
照着做的:
交作业215139qqkvdk1nvjjn1vjk.jpg
2015-10-09回复
古歌逍遥:
全部照着教程做的,字体换了别的 [哈哈]
2015-09-05回复
红酒_冰块:
好象好多东西还是不理解啊
2015-05-25回复
晶彩人生go:
还要学习学习啊
2015-05-25回复
爱你成:
效果很好~~~~~~~~支持你
2015-05-25回复
十年九不遇:
顶一下
2015-05-25回复
情用:
适用,谢谢~
2015-05-25回复
蔡昌吉:
很漂亮
2015-05-25回复
麦兜好纠结:
学习了看看行吗?
2015-05-25回复
深血坦:
有点不好弄
2015-05-25回复
记忆:
脱了裤子放屁!
2015-05-25回复
阡陌大地:
照着做了下 每步都能做 但效果没楼主好
2015-05-25回复