Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
ヴィジュアルエフェクト初級講座
幻塔戦記グリフォン 板井諒輔
目次
• 自己紹介
• エフェクト作成の流れ
• エフェクトの作り方
基礎構造/particle/3Dモデル
• グリフォンのエフェクト紹介
バトルエフェクト/UIエフェクト
©SEGA/©Aiming All Rights Reserved
自己紹介
板井 諒輔
・関わったゲーム
「ラジアントヒストリア」(DS)
「ぼくらのファンタジア」(ブラウザ)
「Wizardry Online」(PC)
「幻塔戦記グリフォン」(iphone/android)
等
ゲーム会社に就職後、DS・flash・...
エフェクト作成の流れ
1.仕様の確認
⇒仕様を見て、要望されているサイズや時間・イメージを把握します。
2.関連資料集め
⇒仕様を基に資料を集めます。
3.イメージ作り
⇒スケッチしたりエフェクトの試作等をして
イメージと作業方法を固めます。
©SEGA/©Aimi...
4.作成
⇒スケッチ・イメージを基にエフェクトを作成します。
作成後はデバッグ環境で確認しつつ調整します。
©SEGA/©Aiming All Rights Reserved
エフェクトの作り方
Particle(Shuriken)
パーティクル・Unityで作成
3Dmodel
Mayaで作成
Effect
(エフェクト)
グリフォンのエフェクトの構造
グリフォンのエフェクトは、unityとmayaの機能を使って
作成しています。
©...
パーティクル
パーティクルシステム( Shuriken )
Particle System (パーティクルシステム)コンポーネントはシーン内で大量の
小さな 2D の画像によって生みだされ、動きを付けられる水、雲、炎などの流
体をシミュレーショ...
パーティクルシステムにできる事
■粒子の出力量を変える ■粒子の散布面積を変える
■粒子の色や大きさを変える ■粒子の形を変える(画像を割り当てる)
動きについては添付動画「パーティクルにできる事」参照
©SEGA/©Aiming All Ri...
パーティクル・システム
・粒子の出力量や大きさ
速度をコントロールする装置
Unityのパーティクルシステム図解
パーティクル
(粒子1粒1粒の事)
RenderType
・粒子の形
(基本はビルボード
常に粒子がカメラに
向く表現法)
Mat...
Shader説明
・粒子の色や混色方法・質感等を設定するもの
Texture
・画像が重なった時の
混色をしない混色方法
(描画が軽い)
AlphaBlend
・画像の透過部分を
透過させる混色方法
Addtive
・画像の色が重なった
部分を...
パーティクルシステムを用いた作業の流れ
動きについては添付動画「パーティクル作業の流れ」参照
©SEGA/©Aiming All Rights Reserved
パーティクルの得手不得手
苦手分野
細かい動き・演出
精密な動き・演出
文字演出等
得意分野
流動的な動き・演出
不規則に見える動き
3Dmodelで制作
©SEGA/©Aiming All Rights Reserved
3Dmodelで出来る事1 変形・移動・回転
動きについては添付動画「3Dmodelにできる事」参照
©SEGA/©Aiming All Rights Reserved
3Dmodelで出来る事2 UVアニメ・カラーアニメ
動きについては添付動画「3Dmodelにできる事2」参照
©SEGA/©Aiming All Rights Reserved
3Dmodelを用いた作業の流れ
動きについては添付動画「3Dmodelエフェクト作業の流れ」参照
©SEGA/©Aiming All Rights Reserved
幻塔戦記グリフォンのエフェクト紹介
バトル系エフェクト例
下記の添付動画をご参照ください
「グリフォンのパーティクルエフェクト例」
「グリフォンの3Dmodelエフェクト例」
©SEGA/©Aiming All Rights Reserved
UIエフェクト例
派手な動きが必要なUIはエフェクトで作成します。
基本構造はバトルエフェクトと同じ(particleと3Dmodel)
動きにつきましては下記の添付動画をご参照ください
「グリフォンUIエフェクト作業の流れ」
「グリフォンUI...
ご清聴ありがとうございました!
Upcoming SlideShare
Loading in …5
×

ヴィジュアルエフェクト初級者講座

30,808 views

Published on

ヴィジュアルエフェクト初級者講座

Published in: Design
  • Be the first to comment

ヴィジュアルエフェクト初級者講座

  1. 1. ヴィジュアルエフェクト初級講座 幻塔戦記グリフォン 板井諒輔
  2. 2. 目次 • 自己紹介 • エフェクト作成の流れ • エフェクトの作り方 基礎構造/particle/3Dモデル • グリフォンのエフェクト紹介 バトルエフェクト/UIエフェクト ©SEGA/©Aiming All Rights Reserved
  3. 3. 自己紹介
  4. 4. 板井 諒輔 ・関わったゲーム 「ラジアントヒストリア」(DS) 「ぼくらのファンタジア」(ブラウザ) 「Wizardry Online」(PC) 「幻塔戦記グリフォン」(iphone/android) 等 ゲーム会社に就職後、DS・flash・PCゲーム等で 開発に関わる。 どのプロジェクトでもエフェクトの制作に 携わることが比較的多い。 ©SEGA/©Aiming All Rights Reserved
  5. 5. エフェクト作成の流れ
  6. 6. 1.仕様の確認 ⇒仕様を見て、要望されているサイズや時間・イメージを把握します。 2.関連資料集め ⇒仕様を基に資料を集めます。 3.イメージ作り ⇒スケッチしたりエフェクトの試作等をして イメージと作業方法を固めます。 ©SEGA/©Aiming All Rights Reserved
  7. 7. 4.作成 ⇒スケッチ・イメージを基にエフェクトを作成します。 作成後はデバッグ環境で確認しつつ調整します。 ©SEGA/©Aiming All Rights Reserved
  8. 8. エフェクトの作り方
  9. 9. Particle(Shuriken) パーティクル・Unityで作成 3Dmodel Mayaで作成 Effect (エフェクト) グリフォンのエフェクトの構造 グリフォンのエフェクトは、unityとmayaの機能を使って 作成しています。 ©SEGA/©Aiming All Rights Reserved
  10. 10. パーティクル パーティクルシステム( Shuriken ) Particle System (パーティクルシステム)コンポーネントはシーン内で大量の 小さな 2D の画像によって生みだされ、動きを付けられる水、雲、炎などの流 体をシミュレーションします。 (unity公式サイトより抜粋) 紙を沢山散布して綺麗に見せる表現 ©SEGA/©Aiming All Rights Reserved
  11. 11. パーティクルシステムにできる事 ■粒子の出力量を変える ■粒子の散布面積を変える ■粒子の色や大きさを変える ■粒子の形を変える(画像を割り当てる) 動きについては添付動画「パーティクルにできる事」参照 ©SEGA/©Aiming All Rights Reserved
  12. 12. パーティクル・システム ・粒子の出力量や大きさ 速度をコントロールする装置 Unityのパーティクルシステム図解 パーティクル (粒子1粒1粒の事) RenderType ・粒子の形 (基本はビルボード 常に粒子がカメラに 向く表現法) Material ・粒子の色と模様 Texture ・粒子の模様 ・画像情報 Shader ・粒子の色 ・混色方法 ©SEGA/©Aiming All Rights Reserved
  13. 13. Shader説明 ・粒子の色や混色方法・質感等を設定するもの Texture ・画像が重なった時の 混色をしない混色方法 (描画が軽い) AlphaBlend ・画像の透過部分を 透過させる混色方法 Addtive ・画像の色が重なった 部分を加算する混色 方法。 (重ねるほど明るくなる) ©SEGA/©Aiming All Rights Reserved
  14. 14. パーティクルシステムを用いた作業の流れ 動きについては添付動画「パーティクル作業の流れ」参照 ©SEGA/©Aiming All Rights Reserved
  15. 15. パーティクルの得手不得手 苦手分野 細かい動き・演出 精密な動き・演出 文字演出等 得意分野 流動的な動き・演出 不規則に見える動き 3Dmodelで制作 ©SEGA/©Aiming All Rights Reserved
  16. 16. 3Dmodelで出来る事1 変形・移動・回転 動きについては添付動画「3Dmodelにできる事」参照 ©SEGA/©Aiming All Rights Reserved
  17. 17. 3Dmodelで出来る事2 UVアニメ・カラーアニメ 動きについては添付動画「3Dmodelにできる事2」参照 ©SEGA/©Aiming All Rights Reserved
  18. 18. 3Dmodelを用いた作業の流れ 動きについては添付動画「3Dmodelエフェクト作業の流れ」参照 ©SEGA/©Aiming All Rights Reserved
  19. 19. 幻塔戦記グリフォンのエフェクト紹介
  20. 20. バトル系エフェクト例 下記の添付動画をご参照ください 「グリフォンのパーティクルエフェクト例」 「グリフォンの3Dmodelエフェクト例」 ©SEGA/©Aiming All Rights Reserved
  21. 21. UIエフェクト例 派手な動きが必要なUIはエフェクトで作成します。 基本構造はバトルエフェクトと同じ(particleと3Dmodel) 動きにつきましては下記の添付動画をご参照ください 「グリフォンUIエフェクト作業の流れ」 「グリフォンUIエフェクト作例」 ©SEGA/©Aiming All Rights Reserved
  22. 22. ご清聴ありがとうございました!

×