当前位置:首页>ps入门教程>ps基础教程>技巧教程>教程内容

ps改进UI设计的一些心得技巧

来源:迅雷UED 作者:佚名 学习:6397人次

Photoshop是一个很强大的图像处理工具,但它有很多细节的功能我们可能忽略了,但就是这些细节却能帮助我们在UI设计的时候减轻很多工作,让我们更多得心应手的去做设计。

1. 设置网格线 保持像素完美

不在1:1分辨率下也能保持像素完美,可以通过创建网格线来避免虚边的出现。2编辑 > 首选项 > 参考线、网格和切片2保持尺寸为偶数。

例如:设置网格线间隔为64px,子网格为64

Photoshop改进UI设计的一些心得技巧,PS教程,16xx8.com教程网

使用网格在画图形时会自动吸附,不是1:1状态下也可以画出完美像素。

Photoshop改进UI设计的一些心得技巧,PS教程,16xx8.com教程网

2 .智能对象和路径的变形

(1)将图层转换为智能对象(右击图层 > 选择转换为智能对象),这样你就可以在之后编辑效果。

(2)Ctrl + T 选择变形。

(3)点击和拖动手柄来改变形状。

例题1

Photoshop改进UI设计的一些心得技巧,PS教程,16xx8.com教程网

例题2

Photoshop改进UI设计的一些心得技巧,PS教程,16xx8.com教程网

3. ps cs6 隐藏路径

Photoshop cs6中比较恼人的一点是当你选中一个形状图层的时候形状的路径会显示出来,并且在你操作该图层的时候路径会一直存在,譬如在更改图层混合选项的时候。

和你使用Ctrl + H 来隐藏所有的辅助工具(路径、网格线和参考线),当然你可以按Ctrl + Shift + H 只隐藏路径。

Photoshop改进UI设计的一些心得技巧,PS教程,16xx8.com教程网

4. 使用内阴影更容易增加精致感

Photoshop改进UI设计的一些心得技巧,PS教程,16xx8.com教程网

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!