V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Features
V2EX  ›  程序员

发现 photoshop 做九图好简单啊

  •  
  •   Features · 2022-04-13 22:29:51 +08:00 · 4882 次点击
    这是一个创建于 962 天前的主题,其中的信息可能已经有所发展或是发生改变。
    1.导入图片
    2.ctrl+A
    3.选择编辑->描边
    4.导出 filename.9.png

    大功告成
    第 1 条附言  ·  2022-04-14 02:27:53 +08:00
    只是夸张描述,实际操作是要先
    1.扩展画布 1px
    2.新建透明图层
    3.在新图层上描边
    4.使用标尺擦除多余的黑线

    但是感觉比 AS 自带的好用多了
    AS 自带的,操作宽度超过 1080p 的图片时就很难受,扯来扯去很容易出错
    23 条回复    2022-04-14 17:52:24 +08:00
    littlewing
        1
    littlewing  
       2022-04-13 23:51:37 +08:00
    杀鸡焉用牛刀
    oed
        2
    oed  
       2022-04-13 23:57:09 +08:00   ❤️ 3
    g531956119
        3
    g531956119  
       2022-04-14 01:45:51 +08:00 via Android   ❤️ 2
    @oed op 指的是 Android 中的点 9 图,边缘的线条用来指示该图的哪部分可以被拉伸
    一个常见例子就是聊天气泡
    GeruzoniAnsasu
        4
    GeruzoniAnsasu  
       2022-04-14 04:41:04 +08:00
    woc 长见识了,今天才知道还有这种东西

    称得上设计 hacking 了
    GeruzoniAnsasu
        5
    GeruzoniAnsasu  
       2022-04-14 04:43:24 +08:00   ❤️ 9
    以防后面的人一脸懵逼点进来又一脸懵逼点出去,放个搜索结果:
    https://www.jianshu.com/p/122240596c99
    fox
        6
    fox  
       2022-04-14 04:48:42 +08:00
    @oed 雾草,学到了!
    sbf4512
        7
    sbf4512  
       2022-04-14 08:51:28 +08:00
    在 figma 里不是更好做吗? ps 有点过于臃肿了
    sbf4512
        8
    sbf4512  
       2022-04-14 09:14:44 +08:00
    figma 里可以用 android resources export 这个插件,导出之后就是 android 格式的包,非常快
    nicevar
        9
    nicevar  
       2022-04-14 09:30:04 +08:00   ❤️ 1
    看楼主的描述是不太会用 AS 的么,AS 的显然比 PS 更快捷直观,以前 AS 没有这功能之前我一直用 PS
    zjhzxhz
        10
    zjhzxhz  
       2022-04-14 09:33:51 +08:00
    PS 还有这个功能?我都是写 OpenCV 实现的😂
    genfy
        11
    genfy  
       2022-04-14 09:35:00 +08:00
    看了还是有点懵逼,做九图,不就是把一张图分成 9 份吗?跟这个工具有什么区别: https://quanxin.org/image-slice
    dream4ever
        12
    dream4ever  
       2022-04-14 09:53:59 +08:00
    @oed 这个微博账号好色情好变态哦,我好喜欢~
    mozhizhu
        13
    mozhizhu  
       2022-04-14 10:00:37 +08:00
    对于前端来说,还是要自己定位,-_-
    james2013
        14
    james2013  
       2022-04-14 11:45:56 +08:00
    第 1 次见到.9 图是用 ps 操作的
    "操作宽度超过 1080p 的图片时就很难受",会不会是你用的姿势不对?
    .9 图我只见过小尺寸的图片,这种一般是简单的拉伸,哪里会有这么大的图片尺寸需要做.9 图呢
    also24
        15
    also24  
       2022-04-14 11:47:57 +08:00 via Android
    为什么会有宽度超过 1080 的点 9 图啊…
    lisongeee
        16
    lisongeee  
       2022-04-14 11:49:18 +08:00
    @genfy 楼主说的不是 9 宫格图,如果你做过 Android 开发就比较明白有一种图片的后缀叫 .9.png ,它可以局部伸缩,常用于聊天消息皮肤功能。
    Kamiyu0087
        17
    Kamiyu0087  
       2022-04-14 11:51:36 +08:00
    现在 9 图的效果用 xml 都能实现吧?
    好多年没用过 9 图了
    Features
        18
    Features  
    OP
       2022-04-14 12:02:55 +08:00
    @nicevar 初学者。。。
    Features
        19
    Features  
    OP
       2022-04-14 12:03:47 +08:00
    @james2013 启动图一般也用 9 图吧?
    wuhao747003943
        20
    wuhao747003943  
       2022-04-14 12:36:49 +08:00 via iPhone
    用 css 更方便
    james2013
        21
    james2013  
       2022-04-14 13:53:13 +08:00
    @Features 启动图从来没有用过
    Features
        22
    Features  
    OP
       2022-04-14 15:00:36 +08:00
    @james2013 现在启动图你们用什么适配屏幕呢?
    我很很多教程的方案是 用九图的
    james2013
        23
    james2013  
       2022-04-14 17:52:24 +08:00
    UI 提供的 1920*1080 的图片,ImageView 有 1 个属性设置的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1029 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 19:15 · PVG 03:15 · LAX 11:15 · JFK 14:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.