トゥーン・スタイライズ | NPR Materials

2022.04.142024.11.16

UE5 / UE4 トゥーン・セルシェーダー・水彩・ドット絵風などスタイライズド関連の情報を集めます。随時更新。

公式+勉強会情報

自力で組む場合の入口

Deconstructing A Stylized Comic Shader 公式の最新見解
ポストプロセスマテリアルを使用したレンダリングのスタイライズ | 公式ラーニング UE4

公式サンプル

UE5.0+ スタイライズドマテリアルパック
UE4.1-4.24 スタイライズレンダリング
UE4.18-4.22 ポストプロセスマテリアルを使用したレンダリングのスタイライズ

公式ラーニング

2024/04/19 Simple Stylization Techniques in Unreal Engine 5
2024/02/12 Against the Trend: Using Realistic Engine for Stylized Games | Unreal Fest 2023
2024/02/12 Stylization in Animation and FX | Unreal Fest 2023
2023/12/01 Stylized Rendering Insights from Japan
2023/10/14 Deconstructing A Stylized Comic Shader
2023/08/29 Exploring: Looking at Visual Flair in the Cropout Sample Project
2022/05/10 Stylized Materials for Linear Content
UE4.23 ポストプロセスマテリアルを使用したレンダリングのスタイライズ [En]

エピックゲームズジャパン

2021/02/19 マテリアルとブループリントで球状の法線を作る | Hiroyuki Kobayashi

勉強会

公式 YouTube | 英語 ≫日本語読み上げ

2024/04/29 Simple Stylization Techniques in Unreal Engine | GDC 2024
2024/04/05 Powering 2D Animation in Unreal Engine with Odyssey
2023/10/06 Against the Trend: Using Realistic Engine for Stylized Games – Florian de Gesincourt, Exalted Studio / Unreal Fest Day 3 | Livestream 1
2023/10/05 Stylization in Animation and FX – Michael Neely, Epic Games / Unreal Fest Day 2 | Livestream 2 Pt. 2
2023/10/04 Stylization in UEFN – Roel Bartstra, Epic Games / Unreal Fest Day 2 | Livestream 1
2022/12/09 Digging Deep: Voxel Plugin 2.0’s Next-Gen World Creation Workflows　ボクセル
2022/11/17 Stylized Materials for Linear Content | Unreal Fest 2022
2022/11/04 Creating Storyboards in Unreal Engine | Unreal Fest 2022 ペイント
2022/11/01 Creating Interactive Illustrations in UE5 | Unreal Fest 2022
2018/05/12 ‘Stylized VFX in RiME’ by Simon Trümpler | Unreal Fest Europe 2018　スタイライズ　マテリアル
2018/01/05 Post Processing in UE4: Cel-Shading

bilibili

2024/01/15 [UFSH2023]《鸣潮》基于虚幻引擎4的多平台效果和性能优化实践 | 王宏波库洛游戏

公式ブログ

2020/05/01 Ore Creative が教える、Editor Utility Widgets を使ってゲームをスタイライズする方法
制作事例、インタビュー
2024/05/22 Wuthering Waves （鳴潮）
2023/09/10 Tower of Fantasy （幻塔）
2022/10/12 Rōnin Trail ボクセル
2022/06/03 Tales of ARISE
2022/02/24 The King of Fighters XIV
2021/06/23 GUILTY GEAR -STRIVE-
2021/05/13 プリキュアエンディングCG
2020/06/05 グランブルーファンタジーヴァーサス
2020/04/17 ドラゴンボールZ ユニバース
2020/03/16 ジラフとアンニカ
2019/12/07 ノー・ガンズ・ライフ
2019/10/24 Bloodstained
2019/10/18 サムライスピリッツ

UE4ドキュメント

スタイライズドレンダリングのショーケース

別ページ

分類中

VRM4U | VRM,PMD 高機能インポートプラグイン
PPCelShader | セルシェーダー
PPLineDrawing | 線画シェーダー
Stylized Post Process for Unreal Engine 5 | スタイライズドいろいろ

ブログ

3D人-3dnchu-

妹でもわかるUnrealEngine4

セルシェーダー

Cel　アニメ調

カテゴリ分けの便宜上、このページでは、陰影が階調化しているものをセルシェーダーとして分類します。

公式ラーニング

UE4.23 ポストプロセスマテリアルを使用したレンダリングのスタイライズ [En]

公式 YouTube | 英語 ≫日本語読み上げ

2022/11/17 Stylized Materials for Linear Content | Unreal Fest 2022

公式サンプル

UE4.18-4.22 ポストプロセスマテリアルを使用したレンダリングのスタイライズ

ユーザーサンプル

PPCelShader | セルシェーダー

勉強会

公式ブログ　（インタビュー）

ブログ

ブログ　英語

2024/10/29 Custom shading models directly in your material graphs | AbdulNosirrom c++
2024/07/16 Learn How to Set Up Wind for a Ghibli-Style 3D Scene | 80LV
2024/01/16 NPR rendering study on Unreal Engine 5.1 | Aeros
2023/02/13 Genshin Impact (原神) Shader | HyeungKun Park
2018/02/27 Cel Shading Tutorial | Kodeco

YouTube

2023/12/25 ポストプロセスでセルルックライティング作るよ！ | SeaJet_ch
2023/02/22 アニメセルシェーダーやってみたよ！| SeaJet_ch
2021/01/21 Toon Shader using a LUT | TECH ART ONLINE

Youtube 英語

2024/07/08 3D Toon Rendering in ‘Hi-Fi RUSH’ | GDC
2020/07/16 Stylized Environment Texturing in Mixer | Quixel 背景素材

X

カーブアトラスの話

ブログ

YouTube

2024/03/10 カーブアトラスを使ったセルシェーディングの方法 | TECH ART ONLINE

エンジン改造の話

勉強会

スライド 2016/11/19 UE4.14.0 Forward Shadingのエンジン改造でセルシェードやってみた [ss]
動画 2017/10/12 Unreal Engineを使用した商用タイトルでのノンフォトリアルレンダリング（NPR）事例

ブログ

法線の話

Normal 関連

勉強会スライド

2018/11/29 GUILTY GEAR Xrd開発スタッフが送るアニメ調キャラモデリングTIPS

エピックゲームズジャパン

2021/02/19 マテリアルとブループリントで球状の法線を作る | Hiroyuki Kobayashi

ブログ

SDF Shadow

入門

SDF Face Shadowマッピングでアニメ顔用の影を作ろう | Let’s Enjoy Unreal Engine

ユーザーサンプル

nagakagachi/NagaSdfTextureToolForUE SDF画像を生成するツール

ブログ

GDC Vault

2024/07/08 3D Toon Rendering in ‘Hi-Fi RUSH’ YouTube
GDC2024 3D Toon Rendering in ‘Hi-Fi RUSH’

X

発色が悪い場合の対処法

ドキュメント

カラーグレーディングとフィルムトーンマッパ

ナレッジベース

2021/12/09 Color Pipeline Basics UE4.26以降

エピックゲームズジャパン

2022/06/03 UE5で削除された r.TonemapperFilm 0 の代替手法（ToneCurveAmount）| Osamu Saito

ブログ

YouTube

2023/12/19 ポストプロセスで色味調整！ | SeaJet_ch

Twitter

2021/11/01 ポストプロセスボリュームから「トーンカーブ量」って項目を0にするとレガシーと同じ見た目になるっぽい？ | ラタ

アウトライン

フレネル輪郭

ドキュメント

マテリアルでフレネルを使用する

公式ラーニング

2023/10/14 Deconstructing A Stylized Comic Shader 最新の公式見解

公式サンプル

UE5.0+ スタイライズドマテリアルパック主にフレネル

透過オーバーレイマテリアル

Translucent Overlay Material

公式ラーニング

2024/11/08 Overlay Materials For Outlines and Other FX

ブログ

YouTube

2022/11/17 新機能の「透過オーバーレイマテリアル」でアウトラインを簡単に実装してみよう！ | わんころのUE5勉強会

メッシュを複製して背面法

UEエディタでメッシュの複製。

ブログ

ブログ　英語

2018/04/02 Toon Outlines Tutorial | Kodeco

VRM4U | トゥーン系、高機能インポーター

モデリング段階で背面法

DCCツール上でメッシュの複製。

勉強会　CEDiL (要ログイン)

CEDEC2024 ３Dでキレイな線を引くために。ギルティギアシリーズのトゥーンライン制御テクニック

ブログ

ノーマルマップ輪郭

ブログ

2023/01/12 NormalMapのBチャンネルを使った擬似機なエッジ検出 | くろさわ

ポストプロセスマテリアル

Post Process Materials

公式ラーニング

公式 YouTube | 英語 ≫日本語読み上げ

2018/01/05 Post Processing in UE4: Cel-Shading

サンプル

UE4.18-4.22 ポストプロセスマテリアルを使用したレンダリングのスタイライズ

要チェック

PPLineDrawing | 線画シェーダー
PPCelShader | セルシェーダー
Stylized Post Process for Unreal Engine 5 | スタイライズドいろいろ

勉強会

ブログ

妹でもわかるUnrealEngine4

ブログ　英語

2018/04/02 Toon Outlines Tutorial | Kodeco

YouTube

エンジン改造の話

ブログ

2024/10/19 GBufferのCustomDataにアウトラインカラーとマスクを格納してみた | kafues511

ハッチング

ハッチング周りに触れている情報を集める

サンプル

UE5.0+ スタイライズドマテリアルパック (エピックゲームズサンプル)
UE5.1+ Stylized Post Process for Unreal Engine 5
UE4.26+ Simple Hatching PostProcess Material

公式ラーニング

2024/04/19 Simple Stylization Techniques in Unreal Engine 5
2023/10/14 Deconstructing A Stylized Comic Shader
2022/05/10 Stylized Materials for Linear Content

勉強会

スライド
2023/06/02 『Hi-Fi RUSH』開発事例グラフィックスと最適化紹介【UNREAL FEST 2023 TOKYO】
2020/11/16 NPRキャラクターレンダリング総結集！今こそ更なる高みを目指して [ss] [dw]
2018/10/19 UE4のライティング解体新書～効果的なNPRのためにライティングの仕組みを理解しよう～【UNREAL FEST EAST 2018】
CEDiL (要ログイン)
CEDEC2023 『Hi-Fi RUSH』における３Dトゥーン表現の実装
動画
2023/06/09 『Hi-Fi RUSH』開発事例グラフィックスと最適化紹介 | UNREAL FEST 2023 TOKYO
2020/11/16 NPRキャラクターレンダリング総結集！今こそ更なる高みを目指して | UNREAL FEST EXTREME 2020 WINTER
2018/11/06 UE4のライティング解体新書～効果的なNPRのためにライティングの仕組みを理解しよう～

ブログ

YouTube

X

2022/07/15 EpicからUE5用の様々なStylized表現可能なポストプロセスとスタティックメッシュ用のマテリアルパックがでてたのね。| alwei

ボクセル化

公式 YouTube

2022/12/09 Digging Deep: Voxel Plugin 2.0’s Next-Gen World Creation Workflows　ボクセル

公式ブログ

2022/10/12 Rōnin Trail ボクセル

ブログ

ブログ英語

2023/09/15 Generating a Voxelization Effect in Unreal Engine 5 | 80LV

X

2023/08/20 UE5で簡単なマテリアルだけで、ボクセル化する materialをフォーラムで教えてもらった！ | DOKORO

ドット化　2値化　等

Pixel

ブログ

ブログ　英語

2023/04/05 Post Process Pixelization | Unreal Directive

X

2022/10/25 量子化、初めて知ったときには「なるほど！」ととても楽しかったので、こういう初学の喜びをうまく伝えていきたい。| くろさわドット化

モザイク

Mosaic

ブログ

YouTube

2024/09/02 Custom Depth Stencil Valueで複数ポストプロセスを使い分けよう！ | TECH ART ONLINE

X

ディザリング

勉強会

スライド　2022/11/20 かっこいいメカのCo-opタワーオフェンスゲームを作ってみた；VOIDCRISIS開発事例【UNREAL FEST WEST ’22】

動画　2022/11/29 かっこいいメカのCo-opタワーオフェンスゲームを作ってみた；VOIDCRISIS開発事例 | UNREAL FEST WEST ’22 [Live]

ブログ

水彩、油絵風

勉強会　CEDiL (要ログイン)

CEDEC2019 『Tales of ARISE』におけるレンダリング技術と高速化

ブログ

ブログ　英語

2022/06/24 A Stylized 2D Shader Made in Unreal Engine 5 | 80LV
2018/05/01 Unreal Engine 4 Paint Filter Tutorial | Kodeco　Kuwahara

関連プラグイン

UE4.8-27,5.0+ Chameleon Post Process kuwahara 油絵風

VRM4U

UE5でVRMを使おう！「VRM4U」プラグインの解説ページです。

VRM4U | VRM/PMD高機能インポータープラグイン

勉強会

スライド
2023/07/26 UEで映える！キャラクタセットアップ【UEなんでも勉強会 – バーチャルライブ編 – vol.1】
2019/05/25 わかる！ UE4でVRMを扱う仕組み / VRM4U-wakaru
2019/03/23 できる! VRM for UE4 / VRM4U-UE4
動画
2023/07/25 UEなんでも勉強会 – バーチャルライブ編 – vol.1　オンライン配信

ブログ

YouTube

2024/10/04 初心者でもわかるVRMモデルをUE5で動かすVRM4U解説！ | つい

X

VRoid

UE5 VRoid リターゲット

VRoidプロジェクトは、「創作活動がもっと楽しくなる場所を創る」を理念とするピクシブ株式会社による3D事業です。誰もが個性豊かな自分の3Dキャラクターモデルを持ち、そのキャラクターを創作活動やコミュニケーションに活用することができる「1人...

VRoid SDK for UE

VRoid SDK - 好きな3Dモデルで遊べる世界を作ろう

VRoid SDKは、あなたのアプリケーションをVRoid Hubと連携させるUnity Packageです。

2024/11/14 VRoid SDK for VRoid SDK for Unreal Engine 1.3.1 リリースのお知らせ #184 [En]
2024/10/25 VRoid SDK for VRoid SDK for Unreal Engine 1.3.0 リリースのお知らせ #181 [En]
2024/10/07 VRoid SDK for Unreal Engine 1.2.1 リリースのお知らせ #179 [En]
2024/09/26 VRoid SDK for Unreal Engine 1.2.0 リリースのお知らせ #175 [En]
2024/09/12 VRoid SDK for UE 1.1.0 リリースのお知らせ #172 [En]
2024/07/26 VRoid SDK for UE 1.0.0 リリースのお知らせ #166 [En]
2024/06/07 VRoid SDK for UE 0.7.0 リリースのお知らせ #158 [En]
2024/04/30 VRoid SDK for UE 0.6.0 マルチプレイ機能リリース #155 [En]
2024/04/17 VRoid SDK for UE 0.5.0 リリースのお知らせ #153 [En]
2024/03/04 VRoid SDK for UE 0.4.0 リリースのお知らせ #147 [En]
2024/02/21 VRoid SDK for UE 0.3.2 リリースのお知らせ #142 [En]
2024/02/09 VRoid SDK for UE 0.3.1 リリースのお知らせ #138 [En]
2024/01/29 VRoid SDK for UE 0.3.0 リリースのお知らせ #136 [En]
2023/11/02 VRoid SDK for Unreal Engine をリリースしました！ #118 [En]
VRoid SDK for Unreal Engine 導入方法 [En]

関連プラグイン

VRM4U VRM高機能インポーター

UE公式ブログ

2023/11/06 オリジナルアバターで遊べるアプリを簡単に！VRoid SDK for UEの提供開始！

ブログ

X

ブログ

YouTube

X

UE4 VRoid リターゲット

ブログ

YouTube

2022/07/31 【Mac】Vroidを入れてみた | コペch.

セル：PPCelShader

PPCelShader | 無償公開セルシェーダー

勉強会動画

2021/10/16 劇場アニメ『HELLO WORLD』“一行瑠璃“ のUE4によるセルシェーダー構築フロー | UE4 Cinematic Dive Online

ブログ

線画：PPLineDrawing

PPLineDrawing | 無償公開線画シェーダー

ブログ

Twitter

2023/11/18 alwei先生のPPLineDrawingで面部分の色を白くする方法の１つとして | 恒吉星光

漫画・イラスト関連のページは別にあります。

UE以外のメモ

Twitter

2023/11/02 「参考絵と同じ角度で似てる」以上のモデルにするために必要な事だと思てる | 腱鞘炎と戦うデザイナー