ひらブラ★アカデミア 〜第1回〜 「アルファムービーってどうやって作ったらいいの？」 〜 CRIのデザイナーが教える アルファムービー作成講座 〜 [概　要] 動画を使って、スマホゲームのあらゆる演出をリッチに手軽に実現する「アルファムービー」技術。当ワークショップでは、おもにデザイナー向けにアルファムービー用の動画データを作成する手順をご紹介します（デザイナーでない方も受講可能です）。 [講　師] 株式会社CRI・ミドルウェア　リードデザイナー 櫛部千尋（くしべ ちひろ） [受講料] 無料 [日　時] 第1回：2014年6月 5日（木）19:00 〜 20:30 第2回：2014年6月13日（金）19:00 〜 20:30 [開催場所] 株式会社CRI・ミドルウェア（本社会議室 セミナールーム） 地図：http://www.cri-mw.co.jp/company/access.html [申込方法] facebookイベントページ（本ページ）からお申し込み ※どうしてもfacebookからのお申し込みが困難な方は、当社お問い合わせフォームからその旨、ご連絡下さい（参加希望の日時を必ずお知らせ下さい）。 [備　考] 本イベントの関連記事が、KADOKAWA／ファミ通Appブログ「ひらけ！ブラックボックス」vol.18 として配信されます。併せてご参考下さい。 http://app.famitsu.com/category/blog/open-blackbox/

1. αムービーのきれいな抜き方
【ひらブラ★アカデミア】
CRIの現職デザイナーが教える アルファムービー作成講座
2014/06/13 CRI・ミドルウェア
リードデザイナー
櫛部 千尋

2. 当セミナーについて
・αの抜き方がわからない、きれいに抜けないという
お問い合わせが多い
→AfterEffectsによる問題解決
→エフェクト作成の手法
→弊社CRI Sofdec2のαムービー、αプラスのご紹介

3. αムービーについて
・αムービーの使用事例のご紹介
(Unite Japan セッションより）
CRI Sofdec2 開発＆サポート担当
漆畑 裕介

4. 内容
前半
・弊社デモムービーの制作事例
・AfterEffectsにおける、抜けない原因と対処方法
後半
・プラグインを使用した制作実例
・ CRI Sofdec2 αムービー、αプラス
・質疑応答

5. エフェクト作成の違い
・映画などのコンポジットとの違い
→背景が存在
→合成方法に制約はない
・3Dなどのエフェクトとの違い
→ポリゴンに対し透過画像/連番画像
→プログラマによる実装

6. ゲームを彩る演出として
・演出
コンテンツのリッチ化・アプリの差別化
→印象に残る演出が必要
・αムービーを使用すると…
→映画のような映像効果を
リアルタイムに合成できる
→コンテンツのリッチ化が簡単に！

7. CRIのミドルウェア
・『CRI Sofdec2』αムービー、αプラス
肥大化するエフェクトデータをひとまとめに
→データ量と工数の削減が可能
豪華な演出をシームレスに追加
→コンテンツのリッチ化が容易

8. αの作成
・綺麗に抜いた素材で綺麗に抜く

9. CRIのαムービーデモ
・CRI作成のαムービーデモ用のアフターエフェクト
プロジェクトデータ
・基本的には外部のプラグインなどを使わず、
AEのデフォルト機能のみで作成。

10. 背景(3DCG映像)
→3DCGツールでレンダリング後、動画素材とコンポジット
→AfterEffectsのタイムライン上でフェードイン/アウト。
特殊な作り方はしていない。
→背景に稲妻エフェクト。

11. ドラゴン(3DCG映像)
→正しく抜けている素材を利用
3DCGツールからαチャンネル付TGAファイルにて出力。
→アンチエリアス部分が背景色に影響される。
アンチエイリアスが黒に溶け込むため、ふちに黒が残る。
→今回はアウトラインにエフェクトを入れるので問題ない

12. 魔法陣（2D映像）
→PSDデータの正しく抜けている素材を利用
Adobe Illustrator、Photoshopで素材を作成し
PSDデータにて透明度を保持したままAfterEffectsに配置。
→正しい透過画像であれば大概のエフェクトは抜ける
ライトバーストエフェクトを利用。
ドラゴンの稲妻エフェクト同様問題なく抜けている。

13. 総じて…
正しく抜けている素材を利用している
αムービーを正しく作ることとは・・・
→正しい透明度を持ったデータでムービーを構成すること
→正しく抜けるようにコンポジットすること

14. α作成の問題
・綺麗に抜いた素材で綺麗に抜く
しかし・・
→ゴミが残る
→端が黒ずむ
原因はたったの２つ

15. 問題の解決
→端が黒ずむ
→背景色を変える
→チャンネル/キーイングエフェクトで処理
→正しいレンダリング設定を使う
→ゴミが残る
→AfterEffect上での確認をしっかりと行う
→正しく抜ける画像・画像フォーマットを使う

16. 問題：端が黒ずむ場合
→背景色を変える
→チャンネル/キーイング
エフェクトで処理
→レンダリング設定を正しくする

17. 背景色を変更しきれいに抜く
→背景色を変える
→ARGB(RGB+α）の画像の場合、背景色に溶け込んだ色ごと
αで抜いてしまう。黒だと黒に溶け込んだ色で抜ける。
抜いた部分のカラーがきれいに抜けることが大事。
例えば炎は黒ではなくオレンジに溶け込んでるのが理想。
→背景色を変えるために平面などを重ねて色を調整し、
α素材をトラックマット/アルファマットで抜く

18. 背景色をエフェクトで処理する
→チャンネルコンバイナーとカラーマット削除
→チャンネルコンバイナーとは？
チャンネルを抽出/調整/表示するエフェクト
→輝度をαチャンネルにする、などの処理が可能
→変更オプション<最大RGB、ターゲット<アルファで
抜いたのち、カラーマット削除で黒い背景色成分を除去。

19. 背景色が黒以外の場合
→キーイングエフェクトを利用
→黒以外の背景色がついていたら、
キーイングエフェクトでぬく
keylightなどのキーイングエフェクトで
色を指定して抜く
→抜きの色を整えるためにカラーマット削除

20. レンダリングの設定
・最終レンダリング時、出力モジュールで必ず
「RGB+アルファ」「ストレート（マットなし）」
で出力する
→マットありにすると…
背景色に溶け込んだ
映像を出力してしまう

21. 端が黒ずむ場合
・合成チャンネル、マット有
背景色に依存した出力結果
→端が黒ずむ原因に

22. 端が黒ずむ場合
・ちゃんとαが抜けているAVIを
ふつうのプレイヤで見ると…
→普通のムービープレイヤは
αを表示できない
→ちゃんと正しい色で透明度を
持っている証拠。
→AfterEffects内でも確認可能

23. まとめ：端が黒ずむ場合
→背景色を変える
→チャンネル/キーイング+カラーマット削除エフェクト
→レンダリング設定を
「RGB+α ストレートマットなし」

24. 問題：ゴミが残る場合
→AfterEffects上でαを確認
→正しく抜けた画像や
透明度の保持に適した
画像フォーマットを使う

25. αを確認する
→AfterEffects上でαを確認する
→AfterEffects上で正しく見えていても実は加算合成などで
抜けているように見えているだけの場合がある。
→エフェクトによってはαが正しくつかないものがある
→特に加算合成をしてしまうとわかりづらい
→プレビューウインドウ上でαを確認する
→正しく抜いた画像を利用する

26. 間違った合成をしている場合
→αが全画面で出ない場合は、
画面全体に抜けていない画像を適用している
可能性がある
→色調整のために全体に画像を加算合成したり
している
→上に乗せたレイヤーはすべてトラックマットの
アルファマスクで抜く。

27. 正しい画像を使っていない場合
→データ作成時のエラー
→Photoshopで作成時に
ミスをしている可能性
→載せる背景より暗かったりしないか
→綺麗に抜けているかチェックする。
→Photoshopなどの作成時に確認する
→AfterEffects上でαを確認する

28. 透明度情報の保持
→透明度を保持しやすい形式でデータを扱う
・TGA32bitなどのARGBデータ
→背景色依存となるため、
α設定時に問題が出やすい
・PNG、PSDなど
→透明度が背景色に
依存しない保存が可能
RGB
α

29. まとめ：ゴミが残る
→AfterEffects上でαを確認する
→正しく抜けた画像・
透明度の保持に適した画像フォーマットを使う

30. まとめ
端が黒ずむ場合
→背景色を変える
→チャンネルコンバイナー＋マット削除を利用
→キーイングエフェクト＋マット削除を利用
→レンダリング設定を正しくする
ゴミが残る場合
→AfterEffects上でαを確認する
→正しく抜けた画像・透明度の保持に適した画像フォーマットを使う

31. TRAPCODEを使ったαムービー
演出制作事例のご紹介

32. TRAPCODEとは
→ Red Giant / Trapcode 社
→10個のAfterEffectsプラグイン群
→複雑かつ綺麗なエフェクトが簡単に作れる
→αが最初から抜けてるので抜きの心配がいらない

33. TRAPCODE Particular
→簡単な操作でパーティクルエフェクトが作れる
→数値の調整だけでバリエーションをたくさん作成
→煙やオーラなど、様々なものが簡単に作成できる
→動画からパーティクルを発生させたりなど、
機能が豊富

34. TRAPCODE作例紹介
→ 基本エフェクトで作ったものを
TRAPCODEで簡単に作り直したもの
→簡単な変更でバリエーションがたくさん作れる
→ガチャなどのレア、激レア演出のバリエーションも
簡単に量産可能

35. CRI Sofdec2 αムービーのご紹介
→実際のエンコードと実装

36. それでも駄目ならアルファプラス
・マスクで抜いた部分以外すべてを加算合成する便利な機能
→エフェクトは黒バックで作ればいいだけ。
抜きに悩む必要がまったくありません。

37. 質疑応答

38. ご清聴ありがとうございました