请教一下，这种带边框的像素风的图是怎么画出来的呢？

[dartabe]

https://st2.depositphotos.com/2428281/8073/v/950/depositphotos_80737064-stock-illustration-collection-2-isolated-pixel-numbers.jpg


我用 excel 是可以截图 但是背景只能是白色

很多像素风的绘图软件的格子都不带边框


什么软件可以画呢？ ps ? sketch?

我是小白 希望可以直接转 svg 那种的 多谢了

[SilentDepth]

我猜应该会有这种字体？

[CEBBCAT]

先看看有没有字体？

[ByteRan]

AI

[b821025551b]

http://www.zhaozi.cn/html/fonts/china/fangzheng/2016-02-23/23649.html

[Fly1993]

https://pic.stackoverflow.wiki/uploadImages/124/202/219/142/2020/04/24/10/18/1773be98-4159-4ea9-99c1-affeab6c4a59.svg 用 Sketch 挺好画的

[wobuhuicode]

以前项目做过这种风格，我自己一个写代码的徒手画就好了

[yuankui]

https://www.dafont.com/superpoint.font
勉强找到一个相似的。

网上资源太多，楼主自己搜一下 Pixel font 吧

[dartabe]

@SilentDepth 我不是要这种字体 我是想画类似风格的 ui

[dartabe]

@CEBBCAT 我不是要这种字体 我是想画类似风格的 ui

[dartabe]

@yuankui 我不是要字体 我是要软件画类似风格的 ui

[dartabe]

@b821025551b 我是想要画图的软件 不是要字体

[SilentDepth]

@dartabe #11 工具？那任何矢量绘图软件都可以啊，PS 、AI 、Sketch 都可以（不就是一堆矩形嘛）。甚至手写 SVG 也不难。

[dartabe]

@SilentDepth 网格的线条能保留和宽度可调最好

不过 sketch 这种应该可以吧...

[SilentDepth]

@dartabe #13 钢笔勾出矩形，线条宽度靠 stroke width 调整

[jorneyr]

这就是字体的最基本格式

[nVoxel]

Ai 画个小方框，然后弄成笔刷，然后随之画

[nVoxel]

sm.ms/image/8nSwz4lmyYoZUhB

[opai]

PS 新建一个小图拿铅笔画,然后画布放大勾勒轮廓就好了.

[opai]

@opai 抱歉,理解错了,用六楼的方法就好了

[dartabe]

发现一个网站 figma 免费 还挺好用 功能还强大 画点业余 ux 可以了

[qof3990]

ps 里左边选区 /描边就出来了。
如果直接画，用空框，对齐网格。这样拼完最外圈线细了一半，加一次描边补齐就好。
ai 里，先铺满格子，把不需要的删了，连对齐网格也不用了。格子直接填充空，边线有颜色，选个粗细，线类型。比 ps 更方便。
完活。
顺便说一下，没有哪个设计软件不能做这件事。所以如果需求不高，随便用个简单的软件也行。但 ps 学会了方便以后干别的活。看你考虑了。

[squallsdjl]

@opai 哈哈哈～用 sketch 这些来画更加方便～导出 svg 就好了。