2015/04/25のLive2Dモデリング部 http://www.zusaar.com/event/12917004

1. 1
Live2Dモデリング部
2015.04.25

2. 2
今日の内容
・13:10～14:10 【初級編】Live2Dの簡単な使い方
・（10分休憩）
・14:20～15:20 【中級編】現場で使うLive2D Tips集
・15:20～17:30 もくもくとLive2Dで何か作ってみる
・17:30～ 撤収＆近くのお店で懇親会（任意）
※ あくまで目安なので、もくもく時間は減るかも

3. 3
GF（仮）や乖離性ミリオンアーサーのニムエをモデリングした
Live2Dのデザイナーがいるので、色々と聞いて下さい♪
デザイナーいます！

4. 4
・操作など困ったらいつでも手を挙げて下さいっ！
サポートメンバー（デザイナー）がヘルプします
・Live2Dを知っているよ！という方がいたら、ぜひ周りで
困っている方をヘルプしてあげて下さいね
・個別で相談したい事があればもくもく時間に
困ったら・・・

5. 5
Euclidについて
360°回転できるLive2Dモデルが作れるソフトは
開発中のため、今日は触れませんがご期待下さい！

6. 6
昨日2.1βリリース！

7. 7
始める前に
もし、ソフトのインストールがまだの方はインストールを！
（一緒に手を動かしてLive2Dを覚えていきます）
Cubisum Editor 2.0
Live2D Viewer 2.0
※ 最新は2.1 betaですが2.0の機能で説明します。
またzusaarのイベントページから素材をDLして下さい。

8. 8
自己紹介
・名前 ： なおたろー
・Twitter ： @naotaro0123
・2014年7月からLive2Dで働いてるプログラマー
・たまにお絵描きしてます（Live2D暦は1年ぐらい）
・Live2D Libraryの管理人してます

9. 9
初心者講座の内容
・Live2Dの基礎知識（約5分）
・テンプレート機能で簡単モデリング（約20分）
（Viewerを使って胸揺れ、Animatorで髪揺れ付け）
・テンプレート機能なしでモデリング（約30分）

10. 10
Live2Dの基礎知識-1
Live2Dのソフト構成
１）Cubisum Modeler（モデリングソフト）
２）Cubisum Animator（アニメーションソフト）
３）Live2D Viewer（動作確認ツール）

11. 11
Live2Dの基礎知識-2
Live2Dのワークフロー
Modeler(cmoxファイル)
Moc、Texture
出力
Animator(canxファイル)
mtn出力
Viewer
インポート
参照
参照
物理演算(髪揺れなど)
を付けて動きを確認
PNG出力もできる
GIF、動画、PNG連番の出力もできる

12. 12
Live2Dの基礎知識-3
PSDのパーツ切り分けルール（1）
顔の輪郭は、髪の毛に隠れる部分を描き足します。
後ろ髪も同様に顔の輪郭に隠れる部分を描き足します。

13. 13
Live2Dの基礎知識-4
PSDのパーツ切り分けルール（2）
特に眼やまつ毛のパーツは細かく分ける必要があります

14. 14
Live2Dの基礎知識-5
PSDのパーツ切り分けルール（3）
口の線と口の中を覆い隠す部分も切り分けます。
また、口を開けた時に見える、舌も描いておきます。

15. 15
Live2Dの基礎知識-6
PSDのパーツ切り分けルール（4）
線画と塗りレイヤーの結合を忘れずにします。
レイヤーを結合するPhothoshopプラグインもあります！
レイヤー名は自由

16. 16
Live2Dの基礎知識-7
Live2Dの用語について
テクスチャに
割り当てた点
ポリゴンに割り
当てたパーツ
描画オブジェクトを
パスで動かす要素
描画オブジェクトを
まとめて動かす要素

17. 17
Live2Dの基礎知識-8
Modelerの基本操作
操作 内容
マウスホイール キャンバスパレット上で表示拡大・縮小
（拡大・縮小・全体・中心・原寸ボタンで調整可能）
スペースキー＋マウスドラッグ キャンバスパレット上で表示の移動
描画オブジェクト上で左クリック 描画オブジェクトの選択
（またはデフォーマの選択）
モード切替
（描画オブジェクト編集／デフォーマ編集モード）
描画オブジェクト編集モード、デフォーマ編集モード
※ Ｆキーで1つ前のモードを切り替え可能
Altキー＋描画オブジェクトの赤い外枠をドラッグ 描画オブジェクトの拡大・縮小（中心を基点）
Shiftキー＋描画オブジェクトの外側をドラッグ 描画オブジェクトの拡大・縮小
（縦横サイズ比を保ったまま）

18. 18
Live2Dの基礎知識-9
Animatorの基本操作
操作 内容
マウスホイール キャンバスパレット上で表示拡大・縮小
タイムラインパレッド上ではワークエリアの表示拡大・縮小
スペースキー＋マウスドラッグ キャンバスパレット上で表示の移動
Live2Dモデル上で左クリック モデルの選択
Live2Dモデルの赤い外枠をドラッグ Live2Dモデルの拡大・縮小（縦横サイズ比を保つ）
Shiftキー＋Live2Dモデルの赤い外枠をドラッグ Live2Dモデルの拡大・縮小（縦横サイズ比を保たない）
Enterキー アニメーションの再生／停止
Ctrlキー＋クリック キーフレームの挿入
キーフレーム選択しDeleteキー キーフレームの削除

19. 19
テンプレ機能で簡単
モデリング-1
PSDをドラッグ＆ドロップするだけでポリゴン割りとパーツ配置ＯＫ！

20. 20
テンプレ機能で簡単
モデリング-2
テンプレート機能を使えば簡単にモデリングが完了します！

21. 21
テンプレ機能で簡単
モデリング-3
Modelerメニューから[ツール]でViewerを開けます。
（Macは未対応なので、出力されたJSONをViewerにドラッグ＆ドロップ）

22. 22
テンプレ機能で簡単
モデリング-4
Viewerで物理演算付けたり、他のモデルのモーションも流用できます！
髪揺れの物理演算も簡単！
他のモデルのモーションも
簡単に流用できて動く！

23. 23
テンプレ機能で簡単
モデリング-5
さらにViewerでリップシンクファイルを追加するとマイクから
リップシンクもできます！

24. 24
テンプレ機能で簡単
モデリング-6
せっかくなのでViewerの物理演算を使って、胸揺れさせてみましょう！
参考 ： Live2Dで胸揺れ物理演算してみる

25. 25
テンプレ機能で簡単
モデリング-7
Animatorにモデルとモーションファイルを
ドラッグ＆ドロップするだけで流用できます！

26. 26
テンプレ機能で簡単
モデリング-8
１．まばたきモーションを生成する機能
Animatorの便利機能
２．リップシンク機能（音声ファイルがない場合は、文字入力で！）
あまり使ってる人いなそうだけど
テキスト挿入もできます！
（メニューから[オブジェクト]-[テキスト挿入]）

27. 27
テンプレ機能で簡単
モデリング-9
３．カーブエディタもおススメ！
Animatorの便利機能

28. 28
テンプレ機能で簡単
モデリング-10
ワークエリア出力にチェックを忘れずに！
AnimatorからのGIFや動画出力

29. 29
テンプレ機能なしで
モデリング-1
テンプレート機能が使えないモデルの場合
ポリゴン操作で眼パチしてみる 変形パスで眼パチしてみる

30. 30
テンプレ機能なしで
モデリング-2
曲面デフォーマで
前髪の揺れを作る
回転デフォーマで
首をかしげてみる
曲面デフォーマ回転デフォーマ

31. 31
お知らせ
現在、コンテストをやっていますのでぜひご参加下さい！
また、コンテスト期間中は誰でもPRO版使えます（応募義務なし）
上位受賞者にCubism Editor 2 PRO（14万円）を10名にっ！
あと、6月末に結果発表とLive2D awardというイベントやります！

32. 32
初心者編は終了です。
お疲れ様でした～！

33. 33
Cubism 2.1 beta
新バージョンのエディタで追加された機能をいくつか紹介します！
１）パレットをModeler外にも切り離せるようになった

34. 34
Cubism 2.1 beta
２）選択したポリゴンをまとめて拡大・回転できる

35. 35
Cubism 2.1 beta
３）クリッピング機能 → 描画に多少負荷がかかるので要所要所で！
必ずSDK2.1で行うこと！
複数の親パーツIDを指定する場合
カンマ区切りで指定

36. 36
Cubism 2.1 beta
４）インポート時にテクスチャ追加可能。また、横のパーツ階層で
右クリックし、他のテクスチャにパーツ移動できる
（ＦＲＥＥ版はテクスチャ1枚のみのため【PRO版機能】）

37. 37
Cubism 2.1 beta
５）テクスチャ再配置の改善
（ＦＲＥＥ版はテクスチャ1枚のみのため【PRO版機能】）

38. 38
Cubism 2.1 beta
６）ＰＳＤ再インポート機能
→ ModelerでPSDを記憶してるので、再編集可能
（テクスチャが複数に必要のため、【PRO版の機能】）

39. 39
Cubism 2.1 beta
７）右クリックメニューの拡張
・右クリックメニューから描画オブジェクト選択
・右クリックメニューからロック・アンロック、表示・非表示

40. 40
Cubism 2.1 beta
８）ドキュメントサイズ設定のレイアウト位置指定
[ファイル]-[ドキュメント設定]で呼び出し

41. 41
Cubism 2.1 beta
９）回転デフォーマの角度、倍率を編集パレットから指定可能

42. 42
Cubism 2.1 beta
１０）編集した形状の戻し（ぐちゃぐちゃになった形状を元に戻せる）
[オブジェクト]-[元の形状に戻す（面積を維持）]
[オブジェクト]-[元の形状に戻す（テクスチャを原寸）]

43. 43
Cubism 2.1 beta
１１）パーツパレット上で描画オブジェクトをデフォーマに
ドラッグ＆ドロップで所属デフォーマ変更

44. 44
Cubism 2.1 beta
１２）パーツパレット上でパーツ単位でなく、描画オブジェクトごとに
ロックや非表示できる

45. 45
Cubism 2.1 beta
１３）何もないところでAlt＋ドラッグで顔の向きパラメータ操作

46. 46
Cubism 2.1 beta
１４）テクスチャ編集画面のメニューに左右に反転、上下に反転

47. 47
Cubism 2.1 beta
１５）FREE版での書き出しサイズが増えた

48. 48
Cubism 2.1 beta
SDKの2.1はリリースまだなので、アプリなどに
組み込む人はもうちょっとまって下さいね。
（Live2D Viewerは2.1に対応してます）