查看: 1092|回复: 4

[教程] 高质量处理 tile 教程

[复制链接]

146

主题

886

回帖

2

精华

活跃锤龟

绿色的糖果

经验
6950
硬币
610 枚

永吧十五周年建吧日纪念勋章永吧十五周年倒计时海报勋章PK!MF5 冠军PK!MF4 季军最佳效率奖请务必再光临秘密合战!欢乐演员请务必再光临秘密合战!对不起,小姐

发表于 2024-2-25 15:02:19 | 显示全部楼层 |阅读模式
本帖最后由 绿色的糖果 于 2024-3-2 18:32 编辑

一、为什么要处理素材而不直接使用
  在做关过程中,我们常常会使用其他素材让关卡增色,而 mfgg.net 等同人素材网站提供了大量资源。但是,众所周知,Mario Forever 的素材均使用了 Super SaI 的高清滤镜。一格的大小是 32*32,而 mfgg.net 的大部分素材一格大小是 16*16,显然,如果只是简单地放大一倍当然是可以使用的,但是和 MF 的 Super SaI 画风在一起会特别突兀,两种风格的素材混合在一起非常不美观。因此,我们需要对这些素材进行高清滤镜的处理。


二、为什么不使用 Super SaI 处理 tile
  Mario Forever 的素材均使用了 Super SaI 的高清滤镜,为什么不使用 Super SaI 这个高清滤镜来进行处理呢?因为,Super SaI 由于算法自身的原理导致 16*16 素材经处理后会变成 31*32,缺少 1 像素导致素材无法拼接。手动补 1 像素固然是一种解决方案,但是,并不是所有的素材都是补完 1 像素之后依然可以正常衔接的;再者,一套 tile 素材量巨大,手动补 1 像素显然成本巨大。综上所述,考虑到素材处理的质量和劳动成本,我们使用相似的高清滤镜即可。这里 ,我建议使用 XBR 2x

Q:我看到还有 XBR 2x <No Blend> 这个滤镜,是不是也可以用?
A:XBR 2xXBR 2x <No Blend> 并不是同一种滤镜。后者处理素材之后没有混合,方便一键去背景,但是不推荐使用,因为没有混合则意味着像素画风依然没有被正确地处理,故应当选择 XBR 2x

处理 tile 时建议使用 XBR 2x,不过,对于 NPC 等对象,也可以使用 Super SaI。


三、需要的工具


  1. ImageResizer 及其修改版(可在 http://dasasdhba.ysepan.com/ 的 [MF做关常用工具] 中下载),用于高清滤镜处理素材,其中 XBR 2x 等滤镜推荐使用原版,Super SaI 推荐使用 @dasasdhba 的版本

  2. Paint .NEThttps://www.marioforever.net/forum.php?mod=viewthread&tid=1310&highlight=paint)或 Photoshop 等,用于抠出背景色、拼接地面、去除透明像素


四、具体处理流程

  首先,选取什么工具并不重要,你可以选你熟悉的工具进行操作。下面以 Classic Grass Tileset (SMW Style) (https://mfgg.net/index.php?act=resdb¶m=02&c=1&id=40607) 为例:
  1. 选择你要处理的素材,如果你是第一次处理,可以考虑先备份一份。
  2. 打开素材文件:
  • 选择魔棒工具
  • 容限(即容差)调整为0%
  • 填充模式改为全局(Photoshop 中即取消勾选“连续的”)
  • 选择背景颜色并按 Delete 抠除。

111.png 222.png
  3. 这一步很麻烦,但是很重要。拆分/拼接地面(如图所示)。这么做是为了使高清滤镜正确处理素材,如果只是零散的单格,素材边缘在高清滤镜下会和透明像素混合,导致边缘的像素被“吃掉”,因此需要拼接。 333.png
  4. 保存,打开 ImageResizer 并使用 XBR 2x 进行处理 ,如果你用的是 Paint .NET 也可以安装高清滤镜的插件处理。
  5. 高清滤镜放大之后可以发现边缘有带透明度的像素,那么怎么处理呢?这里就需要用到含 alpha 通道的像素的特性:含 alpha 通道的像素在修改亮度/饱和度时不会丢失 alpha 通道的信息。
  • Ctrl+Shift+D 拷贝一份图层
  • 调色 - 色相/饱和度 - 饱和度和亮度都调整为 -100%
  • 用魔棒(0%容限)选择全黑像素
  • 编辑 - 反选
  • 回到原先的图层,按下 Delete
  • 删除全黑的图层
  这样,边缘有带透明度的像素就被删干净了,然后切割再制作一块一块的 tile 就好了。

444.png 888.png

  最后,如果你有更快捷的处理方法,欢迎在本帖分享。






评分

参与人数 2经验 +6 硬币 +4 收起 理由
八雲桐 + 3 + 2 素材大佬啊(
囿里有条小咸鱼 + 3 + 2

查看全部评分

【勇闯恐怖鬼屋】Mario Forever THE 震撼发布!!!
点我下载

20

主题

64

回帖

0

精华

快乐飞云

经验
1597
硬币
435 枚
发表于 2024-2-25 22:32:38 | 显示全部楼层
@囿里有条小咸鱼 There's the plugin for Paint.NET

2dImageFilter_plugin.zip

71.1 KB, 下载次数: 8

评分

参与人数 1经验 +3 硬币 +2 收起 理由
囿里有条小咸鱼 + 3 + 2 thanks, that what I noted

查看全部评分

61

主题

452

回帖

8

精华

版主

☯ 博 丽 不 是 灵 梦 ☯

经验
7076
硬币
1188 枚

赞助用户永吧十五周年建吧日纪念勋章永吧十五周年倒计时海报勋章

发表于 2024-2-25 15:40:46 | 显示全部楼层
其实paint.net有imagine_resizer的插件,可以直接把imagine_resizer的滤镜内嵌到paint.net里,但是那个插件现在不好找了
>❀ To the Best You ❀<

28

主题

465

回帖

0

精华

不死法礼

经验
2657
硬币
702 枚

PK!MF6 冠军请务必再光临秘密合战!

QQ
发表于 2024-2-25 16:01:40 | 显示全部楼层
底物投料大,产率是有点低,有没有什么好的方法……
我只不过是个什么都不会的废物罢了(((

28

主题

465

回帖

0

精华

不死法礼

经验
2657
硬币
702 枚

PK!MF6 冠军请务必再光临秘密合战!

QQ
发表于 2024-7-3 13:33:56 | 显示全部楼层
去除透明像素的新方法(以PS为例):
1、图层→图层蒙版→以透明区域
2、单击右侧的蒙版,再点击通道,把新蒙版设置为可见,隐藏RGB,这样真正不透明的地方就会显示为纯白色
3、用魔棒工具选中纯白区域,设置RGB通道可见,删掉右侧蒙版,反选删除透明像素(直接抠出来也行)
这样不但能抠掉半透明像素,连那些看起来透明,实则有不透明度的玩意也能抠掉(

视频教学:
https://www.bilibili.com/video/B ... 1ce26715256c56022b2
我只不过是个什么都不会的废物罢了(((
您需要登录后才可以回帖 登录 | 创建账户

本版积分规则