- 本项目是一个桌面应用程序和与其配合使用的AE脚本,旨在将二维动画中的色见本图像转换为按照色按部件分类(头发,皮肤等),并包含颜色种类(高光,正常等)的色见数据,以便于摄影时按部件提取颜色。
- 可自动识别色见的颜色框,并能判断颜色类型(高光、标准、阴影、二号阴影等),大大提高了后期制作阶段的颜色提取效率。
- 支持单个或批量处理模式,可以快速处理大量的色见。能够检测色见内的重复颜色,并在色见图像上进行标记。
- 通过Adobe After Effects脚本,在AE内按部位(如皮肤、头发、衣服等)或按类型(高光、标准等)提取色见本的颜色。
- Cygames已经开发了色见本识别工具,但仅能识别公主链接游戏内动画的色见,并需要准备色见模版。本软件通过独特的算法,能识别更广泛的色见的颜色框,并通过引入预设(用户自定义框)系统,几乎可以识别所有色见本。可应用于各种流程。
无需改变现有的制作流程,即可立即使用。
Auto Color Chart 2主窗口 演示中使用的色见本已得到公开许可
- 颜色框的自动识别:利用图像处理技术自动识别色见本内的颜色及其类型,并进行分组。
- 阈值识别分离颜色框:不仅普通颜色框,即使是高光、阴影与标准颜色框分离,也能正确识别。
- 色见本预览:可以通过鼠标放大、缩小、拖动来检查色见本。
- 忽略色功能:颜色框应无色,但实际上可能是背景的假色,输入假色至忽略色中,识别时会自动剔除。
- 自定义颜色框管理:支持特殊的颜色框进行用户自定义和管理,几乎支持所有色见本。
- 设置文件编辑及调试信息窗口:提供配置文件的编辑功能和调试信息窗口,便于开发者进行故障排除和优化。
- 支持单个或批量处理:软件支持单个图片或批量模式处理,提高工作效率。
- 重复颜色检测:能够检测色见本中相同颜色,并进行标记,便于检查。
- 提供AE脚本:提供Adobe After Effects脚本,根据色见本的颜色在AE中提取指定颜色(全部部位色或单一颜色)。
- AE脚本开源,遵循MIT开源许可协议,可以配合ffx等,实现自动摄影。
- 色见本数据的便利性:色见数据保存为JSON或XML文件,用户可以轻松访问和编辑。
- XML文件包含了从色见本中读取的所有信息,色见本数据的用途更加广泛。
旧JSON例
{
"001_01_huai_normal.png": {
"1": {
"hi": [
255,
165,
0
],
"normal": [
0,
255,
165
],
"shadow": [
255,
165,
0
],
"2nd_shadow": [
255,
165,
0
]
},
"2": {
"hi": [
0,
255,
165
],
"normal": [
0,
255,
165
],
"shadow": [
0,
255,
0
],
"2nd_shadow": [
255,
165,
0
]
}
}
}
旧XML例
<?xml version="1.0" ?>
<colorChartData programVersion="2.21" dataVersion="1.0">
<image name="001_01_huai_normal.png" width="4300" height="2000" gruopNum="23">
<group id="1" boxNum="4" validBoxNum="4" orientation="vertical" tag="">
<color boxID="1" colorType="hi" r="81" g="85" b="93">
<area>644</area>
<position x="1854.0" y="301.5"/>
</color>
<color boxID="2" colorType="normal" r="65" g="68" b="70">
<area>2196</area>
<position x="1837.5" y="333.0"/>
</color>
<color boxID="3" colorType="shadow" r="46" g="46" b="51">
<area>2196</area>
<position x="1837.5" y="371.0"/>
</color>
<color boxID="4" colorType="2nd_shadow" r="33" g="33" b="37">
<area>2196</area>
<position x="1837.5" y="409.0"/>
</color>
</group>
<group id="2" boxNum="4" validBoxNum="4" orientation="vertical" tag="">
<color boxID="1" colorType="hi" r="93" g="125" b="126">
<area>644</area>
<position x="2010.0" y="301.5"/>
</color>
<color boxID="2" colorType="normal" r="89" g="109" b="111">
<area>2196</area>
<position x="1993.5" y="333.0"/>
</color>
<color boxID="3" colorType="shadow" r="68" g="70" b="88">
<area>2196</area>
<position x="1993.5" y="371.0"/>
</color>
<color boxID="4" colorType="2nd_shadow" r="51" g="52" b="66">
<area>2196</area>
<position x="1993.5" y="409.0"/>
</color>
</group>
</image>
</colorChartData>
注意 今后根据情况可能放弃使用JSON数据,全面转向XML
新JSON数据例
{
"colorChartData": {
"programVersion": 2.23,
"dataVersion": 1.1,
"markedImgPath": "C:\\this\\is\\a\\sample\\path\\image_marked_colors.png",
"image": {
"name": "image.png",
"path": "C:\\this\\is\\a\\sample\\path\\image.png",
"width": 4000,
"height": 2000,
"gruopNum": 20,
"group": [
{
"id": 1,
"boxNum": 5,
"validBoxNum": 5,
"orientation": "vertical",
"tag": "",
"groupBoxInfo": {
"boxCordLU": [1000, 50],
"boxCordRD": [1100, 200],
"centerCord": [1050.0, 125.0]
},
"color": [
{
"boxID": 1,
"colorType": "hi",
"area": 1000,
"position": [1020.5, 60.0],
"RGB": [255, 0, 0]
},
{
"boxID": 2,
"colorType": "normal",
"area": 2000,
"position": [1010.5, 100.5],
"RGB": [0, 255, 0]
},
{
"boxID": 3,
"colorType": "shadow_s_hi",
"area": 300,
"position": [1040.5, 120.0],
"RGB": [0, 0, 255]
},
{
"boxID": 4,
"colorType": "shadow",
"area": 2000,
"position": [1010.5, 140.5],
"RGB": [255, 255, 0]
},
{
"boxID": 5,
"colorType": "2nd_shadow",
"area": 2000,
"position": [1010.5, 180.5],
"RGB": [0, 255, 255]
}
]
}
]
}
}
}
新XML数据例
- 图像处理:Pillow
- 图像分析:scikit-image
- 界面设计:Tkinter, ttkthemes
- 数据处理及设置:JSON, XML(今后根据情况可能放弃使用JSON数据)
- 支持JSON和XML色见本数据
- 使用AE内置的颜色选择工具
- 选中颜色组,吸色后均会显示对应颜色,便于查看
- 取色插件为件OLM Color Keep
- 注意:AE脚本遵循MIT许可证。
该软件和脚本适用于拥有动画制作中常用色见本的流程
请从Release下载。
- AutoColorChart_2.22.exe (简体中文)
- AutoColorChart_2.22_JP.exe (日语)
- AutoColorChartBeta_CN.jsx (简体中文AE脚本)
- AutoColorChartBeta_JP.jsx (日语AE脚本)
- AutoColorChar2_UserGuide.pdf (制作中)
- 软件本体:Windows 10
- AE脚本:Adobe After Effect 2023 使用JavaScript调试器
- 虽未验证,只要不是特别老的版本,其他AE和Windows版本应该也能运行。
- Mac版已进行一定测试,但由于大多数摄影插件不支持,不推荐使用,也不发布。如有需求,视情况可能发布Apple Silicon版本。
- AE脚本在Mac上也能运行。
- Auto Color Chart 1.0的源代码已发布!
- CY技术大会文章链接: 【Cygames Tech Conference フォローアップ】『プリンセスコネクト!Re:Dive』アニメ撮影におけるテクニカルアーティストの役割~最高のアニメRPGを作るための自動化制作事例~