请教一下,这种带边框的像素风的图是怎么画出来的呢? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
dartabe
V2EX    设计

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

  •  
  •   dartabe 2020-04-24 08:59:34 +08:00 8495 次点击
    这是一个创建于 1995 天前的主题,其中的信息可能已经有所发展或是发生改变。
    https://st2.depositphotos.com/2428281/8073/v/950/depositphotos_80737064-stock-illustration-collection-2-isolated-pixel-numers.jpg


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

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


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

    我是小白 希望可以直接转 svg 那种的 多谢了
    22 条回复    2020-06-30 11:00:04 +08:00
    SilentDepth
        1
    SilentDepth  
       2020-04-24 09:45:18 +08:00
    我猜应该会有这种字体?
    CEBBCAT
        2
    CEBBCAT  
       2020-04-24 09:48:23 +08:00
    先看看有没有字体?
    tanranran
        3
    tanranran  
       2020-04-24 09:50:01 +08:00
    AI
    Fly1993
        5
    Fly1993  
       2020-04-24 10:18:34 +08:00   1
    https://pic.stackoverflow.wiki/uploadImages/124/202/219/142/2020/04/24/10/18/1773be98-4159-4ea9-99c1-affeab6c4a59.svg 用 Sketch 挺好画的
    wobuhuicode
        6
    wobuhuicode  
       2020-04-24 10:28:53 +08:00
    以前项目做过这种风格,我自己一个写代码的徒手画就好了
    yuankui
        7
    yuankui  
       2020-04-24 10:32:11 +08:00
    https://www.dafont.com/superpoint.font
    勉强找到一个相似的。

    网上资源太多,楼主自己搜一下 Pixel font 吧
    dartabe
        8
    dartabe  
    OP
       2020-04-24 12:20:07 +08:00
    @SilentDepth 我不是要这种字体 我是想画类似风格的 ui
    dartabe
        9
    dartabe  
    OP
       2020-04-24 12:20:17 +08:00
    @CEBBCAT 我不是要这种字体 我是想画类似风格的 ui
    dartabe
        10
    dartabe  
    OP
       2020-04-24 12:21:27 +08:00
    @yuankui 我不是要字体 我是要软件画类似风格的 ui
    dartabe
        11
    dartabe  
    OP
       2020-04-24 12:22:20 +08:00
    @b821025551b 我是想要画图的软件 不是要字体
    SilentDepth
        12
    SilentDepth  
       2020-04-24 12:24:21 +08:00
    @dartabe #11 工具?那任何矢量绘图软件都可以啊,PS 、AI 、Sketch 都可以(不就是一堆矩形嘛)。甚至手写 SVG 也不难。
    dartabe
        13
    dartabe  
    OP
       2020-04-24 12:27:57 +08:00
    @SilentDepth 网格的线条能保留和宽度可调最好

    不过 sketch 这种应该可以吧...
    SilentDepth
        14
    SilentDepth  
       2020-04-24 12:29:54 +08:00
    @dartabe #13 钢笔勾出矩形,线条宽度靠 stroke width 调整
    jorneyr
        15
    jorneyr  
       2020-04-24 13:25:18 +08:00
    这就是字体的最基本格式
    nVoxel
        16
    nVoxel  
       2020-04-24 13:34:16 +08:00 via Android
    Ai 画个小方框,然后弄成笔刷,然后随之画
    nVoxel
        17
    nVoxel  
       2020-04-24 13:35:46 +08:00 via Android
    opai
        18
    opai  
       2020-04-24 13:36:41 +08:00
    PS 新建一个小图拿铅笔画,然后画布放大勾勒轮廓就好了.
    opai
        19
    opai  
       2020-04-24 13:51:20 +08:00
    @opai 抱歉,理解错了,用六楼的方法就好了
    dartabe
        20
    dartabe  
    OP
       2020-04-29 11:01:58 +08:00
    发现一个网站 figma 免费 还挺好用 功能还强大 画点业余 ux 可以了
    qof3990
        21
    qof3990  
       2020-05-05 10:10:26 +08:00 via Android
    ps 里左边选区 /描边就出来了。
    如果直接画,用空框,对齐网格。这样拼完最外圈线细了一半,加一次描边补齐就好。
    ai 里,先铺满格子,把不需要的删了,连对齐网格也不用了。格子直接填充空,边线有颜色,选个粗细,线类型。比 ps 更方便。
    完活。
    顺便说一下,没有哪个设计软件不能做这件事。所以如果需求不高,随便用个简单的软件也行。但 ps 学会了方便以后干别的活。看你考虑了。
    squallsdjl
        22
    squallsdjl  
       2020-06-30 11:00:04 +08:00
    @opai 哈哈哈~用 sketch 这些来画更加方便~导出 svg 就好了。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2410 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 15:37 PVG 23:37 LAX 08:37 JFK 11:37
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86