像素图标 画法

最近在做一个播放器，从 UI 到编码全得自己搞定， 做 UI 的时候发现带圆角的图标很不好画，网上这方面的教程也很少，经朋友指点，发文分享心得。

软件: Photoshop

工具: 铅笔，大小为1像素

先来画一个"单曲循环" 图标

画法：

1. 先画上半部分，画好后只需要复制，变换方向

2. 为了实现箭头的尖角，中间的线条像素必须是奇数，这里是3个像素

3. 把尾部 1像素宽 的线条每次下移一个像素的距离

正常大小效果：

接着画 "随机播放" 按钮，还是用刚才的方法:

是不是觉得两头粗，中间细 ? 反正我觉得看的很别扭，那就换种方法:

虽然看着还是有些问题，但以我的能力只能画到这种程度了...

最后来画圆

1像素的圆是这么画的

如果需要2像素的圆呢? 直接外层加1像素会使得圆变形，所以肯定不是那么画的

 

正确的画法是:

1像素的圆

2像素的圆

 

正常大小效果: