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


软件: Photoshop

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


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

像素图标 画法

画法:

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

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

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


正常大小效果:

像素图标 画法



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

像素图标 画法


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

像素图标 画法

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

像素图标 画法



最后来画圆

1像素的圆是这么画的

像素图标 画法

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

像素图标 画法

 

正确的画法是:

1像素的圆

像素图标 画法

2像素的圆

像素图标 画法

 

正常大小效果:

像素图标 画法

相关文章:

  • 2021-11-05
  • 2021-12-06
  • 2022-01-07
  • 2022-12-23
  • 2022-12-23
  • 2021-06-27
  • 2022-12-23
猜你喜欢
  • 2021-10-13
  • 2021-03-30
  • 2021-06-29
  • 2021-07-22
  • 2021-07-24
  • 2021-11-28
  • 2021-08-30
相关资源
相似解决方案