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

This topic created in 2242 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

边框

svg

sketch

像素

22 replies • 2020-06-30 11:00:04 +08:00

SilentDepth

Apr 24, 2020

我猜应该会有这种字体？

CEBBCAT

Apr 24, 2020

先看看有没有字体？

ByteRan

Apr 24, 2020

b821025551b

Apr 24, 2020

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

Fly1993

Apr 24, 2020

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

wobuhuicode

Apr 24, 2020

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

yuankui

Apr 24, 2020

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

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

dartabe

Apr 24, 2020

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

dartabe

Apr 24, 2020

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

dartabe

Apr 24, 2020

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

dartabe

Apr 24, 2020

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

SilentDepth

Apr 24, 2020

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

dartabe

Apr 24, 2020

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

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

SilentDepth

Apr 24, 2020

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

jorneyr

Apr 24, 2020

这就是字体的最基本格式

nVoxel

Apr 24, 2020 via Android

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

nVoxel

Apr 24, 2020 via Android

sm.ms/image/8nSwz4lmyYoZUhB

opai

Apr 24, 2020

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

opai

Apr 24, 2020

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

dartabe

Apr 29, 2020

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

qof3990

May 5, 2020 via Android

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

squallsdjl

Jun 30, 2020

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