Upgrade to Pro — share decks privately, control downloads, hide ads and more …

動画教材を作ってみた話 /UE4Udemy

shop_0761
December 19, 2017

動画教材を作ってみた話 /UE4Udemy

第2回UE4何でも勉強会 in 東京のLT資料です
https://ue4allstudy.connpass.com/event/72471/

実際のノイズ例(79枚目) https://drive.google.com/open?id=1vtsCX4WbYrQl8SJJTAu7bX-t2Lls1msu

初めに取った時の雰囲気(99枚目) https://drive.google.com/open?id=1JBKAbcXX2mAcVQbBcvqeh7VpMtAhs7hv

最後に取った時の雰囲気(100枚目) https://drive.google.com/open?id=150RRrDfUI8icTgyp-49dKS4ZI1qzYWNV

shop_0761

December 19, 2017
Tweet

More Decks by shop_0761

Other Decks in Programming

Transcript

  1. 動画教材を作ってみた話
    てんちょー @shop_0761

    View full-size slide

  2. はい、皆さんこんにちは
    講師のてんちょーです

    View full-size slide

  3. 「わぁー 本物だぁ」って
    なって欲しかった

    View full-size slide

  4. 自己紹介
    てんちょー Twitter: shop_0761
    ● 今年新卒で入った会社を3ヶ月でバイバイした
    ● 今はフリーランス?みたいなアレ
    ● UE4 + VRがすき だけどUnityもやったり()
    ● なぜか今年2回も海外行った(自費)
    ● 今日の名札シールを作りました

    View full-size slide

  5. めにゅー
    1. Udemyとは
    2. ことのはじまり
    3. 迫る締め切り
    4. 録音環境
    5. ワークフロー
    6. 大変だったところ
    7. まとめ

    View full-size slide

  6. めにゅー
    1. Udemyとは
    2. ことのはじまり
    3. 迫る締め切り
    4. 録音環境
    5. ワークフロー
    6. 大変だったところ
    7. まとめ

    View full-size slide

  7. Udemyとは
    “世界中の誰もがあらゆるコースを受講または
    開講できるオンラインマーケットプレイス”
    です!!!(公式より
    最近しれっとロゴが変わった

    View full-size slide

  8. Udemy スマホアプリ
    意外と知られてないっぽい?
    講座が”対応”していれば
    DLしてローカルで見れる

    View full-size slide

  9. なんか気付いたら

    View full-size slide

  10. あっちこっちに載っててビビる

    View full-size slide

  11. めにゅー
    1. Udemyとは
    2. ことのはじまり
    3. 迫る締め切り
    4. 録音環境
    5. ワークフロー
    6. 大変だったところ
    7. まとめ

    View full-size slide

  12. ことのはじまり

    View full-size slide

  13. 時はさかのぼり 5月28日

    View full-size slide

  14. ???これはいったい…

    View full-size slide

  15. “なぜかUnity”

    View full-size slide

  16. 誰も知らない…どうしよ…

    View full-size slide

  17. らしいので一緒に行ってきた
    のがはじまり

    View full-size slide

  18. なお 在職中 平日昼間 外出 新卒

    View full-size slide

  19. ちなみに打ち合わせ時に
    知ったんですが

    View full-size slide

  20. 担当の方にめっちゃ
    Twitterを見られているので

    View full-size slide

  21. とあるハッカソンで
    遊んでいたら

    View full-size slide

  22. めにゅー
    1. Udemyとは
    2. ことのはじまり
    3. 迫る締め切り
    4. 録音環境
    5. ワークフロー
    6. 大変だったところ
    7. まとめ

    View full-size slide

  23. 迫る締め切り

    View full-size slide

  24. こういう進捗シートがある

    View full-size slide

  25. 当初のスケジュール

    View full-size slide

  26. 2017 / 07 / 23

    View full-size slide

  27. 圧倒的遅延

    View full-size slide

  28. ここまではよかった

    View full-size slide

  29. 敗因: ネタがまとまってなかった
    仕事してて、考えがまとまらなかったのもある

    View full-size slide

  30. 当初作ろうとしてたもの
    ● VRのゲーム
    ● レベルデザイン → BPでロジック → exeまで
    うーん うーん

    View full-size slide

  31. 何を血迷ったか
    バスケをするゲームを作った
    この前古いプロジェクトを一掃したので、写真がない
    といっても1人でシュート決めるだけのやつ

    View full-size slide

  32. 実装自体は難しくないが
    関連事項の説明が膨大…
    関数、マクロ、BPInterface、Event Dispatcherなどなど

    View full-size slide

  33. こまったこまった

    View full-size slide

  34. 今井さん「ビジュアライゼーション系が良い
    んじゃない?経費で買えそうだし」

    View full-size slide

  35. なるほど

    View full-size slide

  36. 再出発や!!

    View full-size slide

  37. えーっと締め切りは…

    View full-size slide

  38. なぜか本名宛てでメール来ててわらう (最初てんちょーだったのに
    8月10日

    View full-size slide

  39. 全く聞いてない

    View full-size slide

  40. え、あ、フェスで出すなら
    やらなきゃマズい

    View full-size slide

  41. と思ってなんとか作業して

    View full-size slide

  42. ドンピシャで間に合った!!

    View full-size slide

  43. 俺も結局、差し替えを重ねて11
    月頃正式リリースに(した)
    10月末ころにはPVのみに

    View full-size slide

  44. めにゅー
    1. Udemyとは
    2. ことのはじまり
    3. 迫る締め切り
    4. 録音環境
    5. ワークフロー
    6. 大変だったところ
    7. まとめ

    View full-size slide

  45. 録音環境

    View full-size slide

  46. 必要なもの
    ● マイク
    ● キャプチャソフト
    ● 動画編集ソフト
    ● 音声編集ソフト
    ● やる気と時間

    View full-size slide

  47. 実際に使ったもの
    ● マイク → ない
    ● キャプチャソフト → (旧)ShadowPlay
    ● 動画編集ソフト → Aviutl
    ● 音声編集ソフト → Audacity
    ● やる気と時間 → 適宜錬成
    全部無料!!

    View full-size slide

  48. さーて、マイク買うかぁー

    View full-size slide

  49. 完全になめてた
    使えなくはないが動画教材向きではない
    (今は通話用に使ってる

    View full-size slide

  50. マイクは今井さんが
    貸してくれました

    View full-size slide

  51. 他にもキャプチャ用の
    何かもあるけど、
    使い方分からなくてやめた

    View full-size slide

  52. MONITOR にすると
    自分の声が聞こえる(便利

    View full-size slide

  53. あとは静かな環境にして…っと

    View full-size slide

  54. うち、大きい通りに面してて

    View full-size slide

  55. 立派なトラックが通ったり、
    夜でもイケてる無線の声がする

    View full-size slide

  56. めにゅー
    1. Udemyとは
    2. ことのはじまり
    3. 迫る締め切り
    4. 録音環境
    5. ワークフロー
    6. 大変だったところ
    7. まとめ

    View full-size slide

  57. ワークフロー

    View full-size slide

  58. 実際にやったフローです
    いいかどうかは別として

    View full-size slide

  59. ワークフロー ~撮るまで~
    ● 何やるか決める & ターゲットはどこ
    ● 教えたいことをtrelloに書き出す
    ● とりあえずサンプルを作る
    ● サンプルから説明を考える
    ● 撮る

    View full-size slide

  60. あれこれ考えるより、
    作ってから考えたほうが早い
    個人差はあると思う

    View full-size slide

  61. ワークフロー ~撮った後~
    ● 撮る
    ● Aviutl で編集 & 書き出し
    ● Audacity にimport ノイズ除去
    ● ノイズ除去音声と映像をAviutlで合成
    ● 最終書き出し
    2回も書き出してる!!

    View full-size slide

  62. 単純にAudacityの
    ノイズ除去が優秀だった
    多分Premiereとか使うと楽そう…

    View full-size slide

  63. あれ、そういえば

    View full-size slide

  64. そんなものはなかった
    多分「暇でしょ、1人でやってよ」感

    View full-size slide

  65. めにゅー
    1. Udemyとは
    2. ことのはじまり
    3. 迫る締め切り
    4. 録音環境
    5. ワークフロー
    6. 大変だったところ
    7. まとめ

    View full-size slide

  66. 大変だったところ

    View full-size slide

  67. 実際に使ったもの
    ● マイク → ない
    ● キャプチャソフト → (旧)ShadowPlay
    ● 動画編集ソフト → Aviutl
    ● 音声編集ソフト → Audacity
    ● やる気と時間 → 適宜錬成
    全部無料!!

    View full-size slide

  68. とりあえずこれが大変

    View full-size slide

  69. 辛いポイント
    ● 自分の声を聞き直さなきゃならない
    ● 言い淀んだ場合の言い直し
    ● 終わらない編集作業
    ● 時々やってくる賑やかな音
    上3つは慣れると軽減する

    View full-size slide

  70. 一通り作った後に
    気付いてしまうこと…

    View full-size slide

  71. 終わりのほうが
    喋り慣れてきてる
    通しでみると、前半のたどたどしさが目立つ

    View full-size slide

  72. 全ての動画を編集し直した
    うち4割は声の撮り直しもした

    View full-size slide

  73. 台本、作ってないや…
    大体全部思いつきで喋ってる

    View full-size slide

  74. そんな時のVideo Indexer

    View full-size slide

  75. 動画を入れると
    文字起こししてくれる

    View full-size slide

  76. 大体わかる!読める!!

    View full-size slide

  77. 自分の動画に
    アテレコしていった

    View full-size slide

  78. そして増えていくデータ

    View full-size slide

  79. めにゅー
    1. Udemyとは
    2. ことのはじまり
    3. 迫る締め切り
    4. 録音環境
    5. ワークフロー
    6. 大変だったところ
    7. まとめ

    View full-size slide

  80. まとめ
    ● 気付いたら顔バレしてる
    ● 静かなとこに住んでるとお得
    ● 機材はなんとかなる、あとはやる気
    ● かなり大変だけど、やってよかった

    View full-size slide

  81. ドラクエ11より安いから
    みんな買ってね!!
    人気があれば次も作るかも

    View full-size slide

  82. 今年書いた技術書(PDF)も
    あるので欲しかったら言ってね!
    ←VRTemplateの解説本
    Unitychan-Liveの移植本→

    View full-size slide

  83. お気軽になんでも連絡してね!
    Twitter: shop_0761
    mail: [email protected]
    ありがとうございました

    View full-size slide