Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
R&D 祭 2024 OLM Open Tools:アニメ業界を幸せに
Search
OLM Digital R&D
PRO
May 16, 2026
Technology
110
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
R&D 祭 2024 OLM Open Tools:アニメ業界を幸せに
OLM Digital R&D
PRO
May 16, 2026
More Decks by OLM Digital R&D
See All by OLM Digital R&D
R&D 祭 2024 今だ!ABI問題
olmdrd
PRO
0
70
R&D 祭 2024 SIGGRAPH ASIAで会いましょう&クロージング
olmdrd
PRO
0
77
R&D 祭 2024 UE5で絵コンテ・作画の制作支援ツールをつくる話
olmdrd
PRO
0
270
R&D 祭 2024 アニメエフェクト作成の効率化
olmdrd
PRO
0
140
R&D 祭 2024 社内ITインフラを紹介 2024
olmdrd
PRO
0
94
R&D 祭 2024 GitHub Enterprise 導入とActionsの活用
olmdrd
PRO
0
61
R&D 祭 2024 パイプラインツール紹介+Adobe CEP開発
olmdrd
PRO
0
120
R&D 祭 2024 脱XGen:OLM Hair and Feather
olmdrd
PRO
0
71
R&D 祭 2024 オープニング 祭の見どころ紹介とSAKUGADOも
olmdrd
PRO
0
66
Other Decks in Technology
See All in Technology
価格.comをAI駆動で全面刷新する ー 30年分の技術的負債を返し、次の30年の土台をつくる ー / AI Engineering Summit Tokyo 2026
tkyowa
49
52k
新規ゲーム開発におけるAI駆動開発のリアル
202409e2
0
2.5k
Oracle AI Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
6
1.5k
PHP と TypeScript の型システム比較:AI 時代の「型」は誰のためにあるのか? #frontend_phpcon_do / frontend_phpcon_do_2026
shogogg
1
250
美味しいスイスチーズを作ろう🧀🐭
taigamikami
1
240
そのPoC、何を検証したつもりでしたか? AIプロダクトの価値検証で陥った落とし穴
techtekt
PRO
0
150
「気づいたら仕事が終わっている」バクラクAIエージェント本番運用の裏側 / layerx-bakuraku-aie2026
yuya4
18
10k
「速く作る」から「正しく作る」へ ─ 生成AI時代の開発フロー改革の ロードマップと実行 ─
starfish719
0
7.7k
Agentic Web
dynamis
1
130
EventBridge Connection
_kensh
4
520
運用を見据えたAIエージェント設計実践
amacbee
1
2.9k
Claude Code×Terraform IaC テンプレート駆動開発
itouhi
1
290
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
130
Embracing the Ebb and Flow
colly
88
5.1k
Making Projects Easy
brettharned
120
6.7k
We Are The Robots
honzajavorek
0
240
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.4k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
240
Thoughts on Productivity
jonyablonski
76
5.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
Tell your own story through comics
letsgokoyo
1
940
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
580
Transcript
OLM Open Tools - OLM Toon, OLM Smoother, OLM Toon
Dilate, etc… - OLM Digital R&D 市川 翔大 Marc Salvati Tanguy CESARATTO Lucie Fournier 1
OpenToolsとは • 社内で開発・使用されているツールを無償公開 • 業界スタンダードをめざして • https://www.olm.co.jp/rd/categories/opentools © OLM Digital,
Inc. 2 Open Tools Webページ
新規追加されたプラグイン © OLM Digital, Inc. 3 OLM Toon OLM Normals
OLM Smoother (v2) OLM Toon Dilate 近日公開!
After Effects © OLM Digital, Inc. 4
After Effects プラグイン一覧 5 Color Keep OLM Color Key OLM
KiraKira OLM Toon Dilate © OLM Digital, Inc. OLM Smoother (v2) OLM Radial Blur OLM Blur Distance Gradation OLM Directional Blur
Color Keep / OLM Color Key 標準のColorKeyを便利に © OLM Digital,
Inc. 6
OLM KiraKira © OLM Digital, Inc. 7
OLM KiraKira 概要 • 縦・横・斜めにグローをかける • 縦・横・斜めの光の長さ・色、全体の回転角度など指定可能 © OLM Digital,
Inc. 8 適用前 適用後
OLM Toon Dilate 透明部分に色を広げる © OLM Digital, Inc. 9
OLM Smoother v2 アニメに特化したアンチエイリアス用プラグイン OLM Smoother の改良版 © OLM Digital,
Inc. 10
OLM Smoother v2 まとめ • カラースペース変換 • ガンマ補正 • Smoothness
• Extra Smooth • 結果の改善 – 斜めの線や色が漏れる問題など • マルチフレームレンダリング対応 – 複数のフレームを並列処理して高速化 • 色深度 32ビット対応 © OLM Digital, Inc. 11
OLM Radial Blur 放射・回転ブラーをかける © OLM Digital, Inc. 12
OLM Radial Blur 概要 © OLM Digital, Inc. 13 元の画像
楕円 大きいほど強いブラーに 作品での使用例 放射状 ブラー 作品での使用例 回転 ブラー 通常 通常
その他のAfter Effectsプラグイン © OLM Digital, Inc. 14
Maya © OLM Digital, Inc. 15
Maya プラグイン一覧 © OLM Digital, Inc. 16 OLM Normals Noise
Deformer OLM Toon
Noise Deformer © OLM Digital, Inc. 17
Noise Deformer 概要 • ノイズでデフォーム © OLM Digital, Inc. 18
Perlin Noise (絶対値) Perlin Noise (絶対値) + Sine Perlin Noise Perlin Noise + Sine
テクスチャでデフォーム © OLM Digital, Inc. 19
OLM Normals 法線の編集や転写のためのツール © OLM Digital, Inc. 20
OLM Normalsの主な機能 • 法線編集のためのブラシ • 法線転写を正しく更新(再評価)させる • ArnoldのSubdivision使用時にも編集した法線を適用 – 法線のロックも可能
© OLM Digital, Inc. © 阿久井真/小学館/NHK・NEP・日本アニメーション 21
法線編集ブラシ © OLM Digital, Inc. 22 Direction Brush Comb Brush
Grab Brush Reset Brush
Direction Brush © OLM Digital, Inc. 23 値で方向を指定 (特定の頂点の法線方向を取得して その方向に向けることも可能)
オブジェクトで方向を指定 (立方体のほうに向ける)
Grab Brush © OLM Digital, Inc. 24
Comb Brush © OLM Digital, Inc. 25
Reset Brush © OLM Digital, Inc. 26 Vertex法線モード Face-Vertex法線モード
法線転写を正しく更新させる • Maya標準のtransferAttributeノードには、出力が正しく更新され ない問題がある – フレーム移動時など、dgdirtyコマンドを実行する必要がある • その解決のため、代わりとなるノードを開発 27 ©
OLM Digital, Inc.
ArnoldのSubdivision対応 • ArnoldのSubdivisionをONにすると、編集された法線が無効に • 法線情報をユーザーデータとしてシェイプに記録 • シェーダーでユーザーデータの法線を取得して使用 28 © OLM
Digital, Inc.
法線のロック © OLM Digital, Inc. 29 法線のロックなし 法線のロックあり
OLM Toon アニメのための輪郭線とセルシェーダー © OLM Digital, Inc. 30
開発の経緯 – Mayaでのセルルック表現 • 従来はMental ray – Arnoldが標準レンダラーになったため使えない • 標準のaiToonには以下のような問題が
– 機能不足 – 拡張不可能 – 太い輪郭線の場合は遅い – フィルターサイズに対する相対値で線の太さを設定 • 輪郭線の太さの微調整が難しい © OLM Digital, Inc. 31
Arnoldを活用する利点 • Arnoldは標準レンダラーで最新のサポートがある • Arnoldの機能を利用可能 (Subdivisonなど) • ほかのArnoldシェーダーとの併用 • Linuxでレンダリングしたい
© OLM Digital, Inc. 32 ほかのArnoldシェーダー (前回のR&D祭りで紹介) OLM Lit Sphere Smooth Voronoi
OLM Toon の機能の概要 • セルシェーダー – ベース、シャドー、ハイライト – トランジション •
ハード • ソフト • 輪郭線 – オブジェクトの間 – 法線・デプスなどの差 – etc... • Mayaでのプレビューと Arnoldでのレンダリング © OLM Digital, Inc. 33
シェーディングネットワーク © OLM Digital, Inc. 34 トゥーンシェーディング olmCelShader 輪郭線 olmContour
結果
セルシェーダー © OLM Digital, Inc. 35
セルシェーダーの基本機能 © OLM Digital, Inc. 36 H1 NM S1 輝度を5色にマップ
• ハイライト2(H2) • ハイライト1(H1) • ノーマル(NM) • 影色1(S1) • 影色2(S2) ランプの設定によって 色の数は変更可能 グラデーション テクスチャ スペキュラ H2 S2 H1 NM S1 暗い 明るい
リムライト • ランプのオフセット • 後ろからのライトを疑似的に表現 – カメラの方向と法線の角度で範囲が決まる 37 リムなし リムあり
リム幅: 大 リム アルファ調整 リム グラデーション リム 色変更 © OLM Digital, Inc.
オフセット機能 • 輝度値のオフセット – ハイライトと影色の制御 38 © OLM Digital, Inc.
Viewportプレビュー (プラス値 : 緑 / マイナス値 : 青)
法線の調整 • 法線マップ • 法線のロック – OLM NormalsでSubdivisionにも対応可 39 +
= 法線ロック © OLM Digital, Inc. 法線マップ
法線のロック 40 © OLM Digital, Inc. 法線のロックなし 法線のロックあり
各ランプのAOV © OLM Digital, Inc. 41 H2 Beauty (最終結果) H1
NM S1 S2
リムライトのAOV © OLM Digital, Inc. 42 Beauty (最終結果) toon_rim (リム)
AOV toon_rimShd (リムシャドー) AOV
輪郭線シェーダー © OLM Digital, Inc. ©TOMY ZW / 製作委員会・テレビ東京 43
輪郭線の基本機能 • 線の種類 – オブジェクト、UV、シェーダー、デプス、法線、色 – 入りと抜け (ソフトしきい値) – エッジやカーブで指定
• 種類ごとに設定 – 色 – 太さ • 透過、レイヤー 44 © OLM Digital, Inc. セルシェーダー 輪郭線 セルシェーダー + 輪郭線
輪郭線の種類 45 © OLM Digital, Inc. オブジェクト同士の 交差による輪郭線 背景との輪郭線 オブジェクト同士の
輪郭線 シェーダー 輪郭線 法線 輪郭線 Wireframe 輪郭線 デプス 輪郭線
コントラスト色の輪郭線 • 色の差がある部分に線を描画 • パーツごとに異なる色を設定 – パーツ間に線を描画 • タイル状に並べ、タイルごと異なる色に •
タイルはolmStepGradationで作成 46 Contrast ColorとUV © OLM Digital, Inc.
輪郭線の見た目 • 色 – 単色、テクスチャ • 太さ – 一定の値、シェーダーごと指定も可能 –
テクスチャで指定可能 • 手書きの表現 • 線の削除にも利用可能 47 © OLM Digital, Inc.
入り抜き (ソフトしきい値) • デプスや法線などによる線のフェードイン・アウト © OLM Digital, Inc. 48 ソフトしきい値なし
ソフトしきい値あり デプスによる輪郭線 線なし 最も太い デプスなどの差 線なし 最も太い デプスなどの差
Contour Groups (グループ化) © OLM Digital, Inc. 49 グループ化なし グループ化あり
Contour Groups (グループ化) • グループ化されていたら「オブジェクトの中に描かれる線」が オブジェクト間にも表れる © OLM Digital, Inc.
50 シェーダー 輪郭線 法線 輪郭線 Wireframe 輪郭線 デプス 輪郭線 コントラスト色の輪郭線
透過 • 半透明なオブジェクトの向こうに輪郭線を描く • 眼鏡、窓、シースルー衣装など © OLM Digital, Inc. 51
Prior Shapes • まゆ毛 を 髪の毛 の手前に描画 • 虹彩 を
まぶたの影 の手前に描画 © OLM Digital, Inc. 52
Prior Shapes © OLM Digital, Inc. 53
Prior Shapes (半透明) • 前髪がかかっている目やまゆ毛を半透明に透過 © OLM Digital, Inc. 54
Shadow Objects © OLM Digital, Inc. 55
Shadow Objects © OLM Digital, Inc. 56
Shadow Objects © OLM Digital, Inc. 57
Projection Contours Edge Contours その他の線の描画方法 © OLM Digital, Inc. 58
olmContour AOVs © OLM Digital, Inc. 59 toon_lineNColor (線と塗り色) toon_line
(線のみ) toon_color (塗り色のみ)
Beauty (最終結果) © OLM Digital, Inc. 60
通常のN AOV (法線) © OLM Digital, Inc. 61
線の部分のAOV © OLM Digital, Inc. 62 toon_N (法線) Beauty (最終結果)
線を含めたbuilt-in AOVs © OLM Digital, Inc. 63 toon_N (法線) toon_P
(位置) toon_Z (デプス) toon_motionVector (モーションベクター)
OLM Toon Viewport © OLM Digital, Inc. 64 Arnoldレンダリング結果 OLM
Toon Viewport
OLM Toon Manager © OLM Digital, Inc. 65 olmContourシェーダー・グループの 作成・アサイン
Edge Contourのアサイン・削除
各種設定ツール © OLM Digital, Inc. 66
Shadow Objects 設定ツール © OLM Digital, Inc. 67 影オブジェクトを指定 影を描画する対象オブジェクトを指定
Debug Mode © OLM Digital, Inc. 68 通常 Debug Mode
Preview Mode © OLM Digital, Inc. 69
今後の展開 - After Effectsで線を調整 © OLM Digital, Inc. 70 レンダリング時
After Effectsで調整
Maya プラグイン一覧 © OLM Digital, Inc. 71
Maya プラグイン一覧 © OLM Digital, Inc. 72 OLM Normals Noise
Deformer OLM Toon
その他のツール一覧 © OLM Digital, Inc. 73
その他のツール一覧 © OLM Digital, Inc. 74 OLM Smoother Nuke Nuke
Photoshop OLM Key Light スタンドアローン OLM Peg Hole Stabilizer
OLM Open Tools • Apache License 2.0 (商用利用可) • Arnoldは現状ひとつのバージョンのみ対応
– 同じメジャーバージョンであれば使用可能 © OLM Digital, Inc. 75 Open Tools Webページ ツールの種類 Win dows Linux Mac DCCツールバージョン (詳細は各ツールのページを参照) After Effects プラグイン 一部 (7.0, CS5, CS6など) - CC2024 Nuke プラグイン 11.0 - 15.0 Photoshop プラグイン Windows: CS2 - CC2023 Mac: CS2 - CS6 Maya プラグイン Maya (2019) 2023 - 2025 Arnold 7.3.0.0 (mtoa 5.4.0) OLM Peg Hole Stabilizer -