映像で研究を伝えよう！構成編〜よく伝わる構成と撮り方のコツ〜

Slide 1

Slide 1 text

1 © Ippei Suzuki 映像で研究を伝えよう！構成編よく伝わる構成と撮り⽅のコツ 2023.11.26 14:45-16:40 筑波⼤学春⽇エリア情報メディアユニオン講義室鈴⽊⼀平 Web: 1heisuzuki.com Mail: 1heisuzuki@gmail.com Twitter / Facebook / Instagram: @1heisuzuki SKIP/GFEST サイエンスカフェ祭映像ディレクター / フォトグラファー / 研究者  筑波⼤学⼤学院博⼠後期課程（情報学） © Ippei Suzuki

Slide 2

Slide 2 text

2 © Ippei Suzuki 🧐 「興味がある‧好きなこと」「研究していること」みなさんのはなんですか？

Slide 3

Slide 3 text

3 © Ippei Suzuki ✍ 研究を「発表」したことはありますか？学会に出す‧授業で話す‧友達に話す‧レポートを書く‧SNSに載せる…

Slide 4

Slide 4 text

4 © Ippei Suzuki 研究を伝える⼿段論⽂レポートポスタープレゼン画像引⽤: https://s2023.siggraph.org/program/posters/

Slide 5

Slide 5 text

5 © Ippei Suzuki 研究を伝える⼿段のひとつとして研究の映像を作ることを考えてみましょう！このサイエンスカフェでは

Slide 6

Slide 6 text

6 © Ippei Suzuki 映像は、いろんな場所で使われている Instagram TikTok デジタルサイネージ Image: https://twitter.com/mikiya_takimoto/status/1552943843712319488 YouTube https://www.youtube.com/watch?v=LE-JN7_rxtE Image: https://www.instagram.com/explore/tags/カメラ好きな⼈と繋がりたい/ Image: https://vt.tiktok.com/ZSLPFbK78/ テレビ‧映画‧ゲーム…だけでなく

Slide 7

Slide 7 text

7 © Ippei Suzuki 「百聞は⼀⾒にしかず」 🤔 👍 ⽩い3Dプリント製容器の上に，黒⾊の超伝導材料 YBa2 Cu3 O7 が載っている。そこに，シーベルから液体窒素を注ぐ。注がれた液体窒素によって空気中の⽔蒸気が冷やされて，⽩い煙のようなものが⾒える。超伝導材料の上にネオジウム磁⽯を押し付けると，超電導浮上とよばれる現象でネオジウム磁⽯が浮上する。磁⽯を指で軽く触っても落ちずに空中で保持されてクルクルと回っている。映像は、パッと⾒でわかりやすい。

Slide 8

Slide 8 text

8 © Ippei Suzuki

Slide 9

Slide 9 text

9 © Ippei Suzuki 補⾜資料として動画を付けられる情報学系学会の論⽂の公開ページ

Slide 10

Slide 10 text

ツイート画像左から: https://twitter.com/bravery_/status/1584498560313090049 https://twitter.com/yamken_twi/status/1577463687233011712 https://twitter.com/1heisuzuki/status/891752366973739008 10 © Ippei Suzuki SNSなど  ネットでの宣伝

Slide 11

Slide 11 text

11 © Ippei Suzuki 動画動画動画動画

Slide 12

Slide 12 text

12 © Ippei Suzuki 映像を作ったことがある⼈？ ✋

Slide 13

Slide 13 text

13 © Ippei Suzuki 研究の映像を作ったことがある⼈？ ✋

Slide 14

Slide 14 text

14 © Ippei Suzuki

Slide 15

Slide 15 text

15 © Ippei Suzuki

Slide 16

Slide 16 text

16 © Ippei Suzuki 動画があると良さそうなことはわかった。でも、⾃分で作るのは⼤変そう。毎回映像のプロに頼むのも難しいし  研究の進みに合わせて⾃分で作れるとよさそう

Slide 17

Slide 17 text

17 © Ippei Suzuki コツを押さえてわかりやすくそして効率よく作る⽅法があります！ここが重要!!!! その後の作業の効率に影響

Slide 18

Slide 18 text

18 © Ippei Suzuki 構成をしっかりつくることが⼤事！研究の動画を作る上でわかりやすい構成で「伝わりやすさの効率⭕」必要な素材や動画の流れを計画「撮影 ‧ 編集の効率⭕」

Slide 19

Slide 19 text

19 © Ippei Suzuki この時間でやること‧学べること撮影や編集の⽅法‧カメラの使い⽅‧編集ソフトの使い⽅、など… 研究を伝えるための、動画の構成の考え⽅効率良く映像を作るための準備の⽅法やらないこと‧⾃分で調べてみてほしいこと

Slide 20

Slide 20 text

14:50 🗣 はじめに / 研究で動画がどう活きるか？ 15:10 ✍ 動画で伝えたい、研究の内容を書き出してみよう 15:25 🗣 構成を考えるときのコツ 15:40 0-0 ✍ 構成と撮影の準備をしてみよう 16:00 🎤 考えた構成をグループごとに発表しよう 16:20 🎤 全体で何⼈か発表、レビュー 16:45 🗣 まとめ 16:50 👋 終了 20 © Ippei Suzuki イマココ!! 👈 かなりダッシュです！  頑張ってついてきてください！

Slide 21

Slide 21 text

21 © Ippei Suzuki こんな感じの動画を作る想定で、構成を考えてみよう動画⽇本語字幕をオンにしてご覧ください youtu.be/K1A7tm9icYM

Slide 22

Slide 22 text

22 © Ippei Suzuki 研究によっては、実験の⽅法や結果なども⼊れると良い *⼈や動物などを対象した実験の様⼦を載せる際は、許可が取れているか‧倫理的な問題がないかなど注意。動画⽤に模擬実験を撮影するのもアリ動画⽇本語字幕をオンにしてご覧ください youtu.be/lVYIwx6J4Rg

Slide 23

Slide 23 text

23 © Ippei Suzuki こんな感じの動画を作る想定で、構成を考えてみよう⽬的：⾒る⼈：⻑さ：研究についてざっくりと理解してもらう研究者を中⼼に、分野外の⼈も 1分くらい研究や論⽂の内容を全てもれなく⼊れる必要はない

Slide 24

Slide 24 text

24 © Ippei Suzuki ほぼ、研究の概要動画で伝えたいことを書き出してみよう！

Slide 25

Slide 25 text

25 © Ippei Suzuki 論⽂を書いたことがある⼈？ ✋

Slide 26

Slide 26 text

画像引⽤ https://www.slideshare.net/Ochyai/1-ftma15 26 © Ippei Suzuki 論⽂＝研究を伝えるために構造が最適化された⽂書研究を伝えるための「型」

Slide 27

Slide 27 text

27 © Ippei Suzuki 画像引⽤: https://www.natureasia.com/pdf/ja-jp/nature/authors/gta-2017.pdf 論⽂の概要＝研究を伝えるために構造が最適化された⽂書を圧縮研究を伝えるための「型」

Slide 28

Slide 28 text

28 © Ippei Suzuki 研究を伝えるための「型」にそって  動画で伝えたい研究の内容を書き出してみようタイトル：○○における○○の○○についての研究どんな研究ですか？：○○という○○について、○○を明らかにするために… 研究の背景や問題提起：○○というものがあるが、○○を確かめるために… ⽅法‧使うもの‧⼿順など：□□という⽅法で△△という試料を⽤いて… 結果‧できることなど：○○は△□であるということがわかった。また… 議論‧課題‧今後の展開など：✗✗についてはさらに検証が必要で…

Slide 29

Slide 29 text

29 © Ippei Suzuki 動画の構成をつくろう！ついでに、撮影の準備の準備もしよう

Slide 30

Slide 30 text

30 © Ippei Suzuki ある料理の解説動画を切り出したものを⾒せます「流れ」に着⽬して⾒てくださいある意図をもって

Slide 31

Slide 31 text

引⽤元は最終ページにまとめて記載 31 © Ippei Suzuki

Slide 32

Slide 32 text

引⽤元は最終ページにまとめて記載 32 © Ippei Suzuki

Slide 33

Slide 33 text

引⽤元は最終ページにまとめて記載 33 © Ippei Suzuki

Slide 34

Slide 34 text

引⽤元は最終ページにまとめて記載 34 © Ippei Suzuki

Slide 35

Slide 35 text

引⽤元は最終ページにまとめて記載 35 © Ippei Suzuki

Slide 36

Slide 36 text

引⽤元は最終ページにまとめて記載 36 © Ippei Suzuki

Slide 37

Slide 37 text

引⽤元は最終ページにまとめて記載 37 © Ippei Suzuki

Slide 38

Slide 38 text

引⽤「基本のカレーの作り⽅（動画付き） | カレーを作る | カレーハウス | ハウス⾷品」 https://housefoods.jp/data/curryhouse/cook/basic.html 38 © Ippei Suzuki

Slide 39

Slide 39 text

39 © Ippei Suzuki 何か気づいたことはありますか？ ✋

Slide 40

Slide 40 text

引⽤「基本のカレーの作り⽅（動画付き） | カレーを作る | カレーハウス | ハウス⾷品」 https://housefoods.jp/data/curryhouse/cook/basic.html 40 © Ippei Suzuki 何を作っているんだ… 🤔 あ、ルウということは… 😲 カレーか！ 😋 💡

Slide 41

Slide 41 text

41 © Ippei Suzuki 結論を最初に⾔おう！「何をやった研究なのか」をまず理解してもらう

Slide 42

Slide 42 text

引⽤「基本のカレーの作り⽅（動画付き） | カレーを作る | カレーハウス | ハウス⾷品」 https://housefoods.jp/data/curryhouse/cook/basic.html 42 © Ippei Suzuki こうやって作れば良いのか ✍ なるほどなるほど 👀 おいしそう 😋 カレーいいね！ 😍 結論を最初に⾔おう！元の動画は下記のような流れで，冒頭に何を作るかを説明している

Slide 43

Slide 43 text

43 © Ippei Suzuki 「絵コンテ」って知ってますか？ ✋

Slide 44

Slide 44 text

画像引⽤: https://www.comtec.daikin.co.jp/DC/prd/toonboom/storyboardpro.html 44 © Ippei Suzuki 絵コンテカット番号どんな画か説明セリフ時間

Slide 45

Slide 45 text

45 © Ippei Suzuki 研究動画の絵コンテでやるとよいことどのような画をどんな流れで繋げるか設計それぞれの画で何が必要かを書き出す編集してみたら微妙だった…素材が⾜りない…を防ぐ効率よく撮る。同じモノが必要なカットはまとめて撮るなど

Slide 46

Slide 46 text

46 © Ippei Suzuki ࣮ࣸ ਤ ৽ن طଘ 今回は紙に書きますが、PC操作に慣れている⼈はスライド作成ソフトで作るのがおすすめ。

Slide 47

Slide 47 text

47 © Ippei Suzuki ࣮ࣸ ਤ ৽ن طଘ どんな画か画の説明話すことセリフ種類準備⽅法必要なものカット番号カットによっては両⽅カットによっては両⽅必要な要素や撮り⽅がわかれば超ラフでOK

Slide 48

Slide 48 text

48 © Ippei Suzuki 例えば、このカットなら…

Slide 49

Slide 49 text

49 © Ippei Suzuki ࣮ࣸ ਤ ৽ن طଘ 役者A  役者B  椅⼦ x 2  机 x 1 透明  ディスプレイ x 1 1 ディスプレイをはさんで右奥の1⼈が話している様⼦  利き⼿側から撮影、ディスプレイのソフトを動かす「話した⾔葉が透明ディスプレイに表⽰されます」

Slide 50

Slide 50 text

50 © Ippei Suzuki

Slide 51

Slide 51 text

51 © Ippei Suzuki ⼀枚絵で概要これまでの課題解決⽅法機能 1 機能 2 ⼀枚絵＋今後の展望

Slide 52

Slide 52 text

52 © Ippei Suzuki ⼀枚絵で概要これまでの課題解決⽅法機能 1 機能 2 ⼀枚絵＋今後の展望予備カットより予備カット  「いくつかバリエーション」よりそれぞれのカットの  撮り⽅と必要なモノがわかる *⼀部、順番が⼊れ替わっているところや削除したものもある

Slide 53

Slide 53 text

Slide 54

Slide 54 text

東京映画映像学校「映画‧映像業界⽤語辞典」より https://tf-tms.jp/glossary/getword.php?w=エスタブリッシングショット（エスタブリッシュショット） 54 © Ippei Suzuki エスタブリッシングショット‧エスタブリッシュショット‧状況説明ショット‧状況設定ショットシーンの最初のカットで場所の状況や⼈の位置関係を⾒せる 2⼈が板を挟んで会話している様⼦を  板の右側の⼈から⾒ている画同じ位置関係‧状況で⼀部部分を拡⼤した画映像の⽤語:

Slide 55

Slide 55 text

Slide 56

Slide 56 text

Slide 57

Slide 57 text

イマジナリーライン | ⽤語集 | 株式会社ヒューマンセントリックスより https://www.humancentrix.com/glossary/imaginary-line 57 © Ippei Suzuki ⼈物を例にしているが  複数のモノの撮影でも同じ映像上の位置関係をキープする映像の⽤語: もし撮影しているカメラがイマジナリーラインを超えて反対側から⼆⼈を撮影すると、画⾯を⾒ている視聴者に⼆⼈の突然⽴ち位置が⼊替わって、瞬間移動したような錯覚を与えてしまう。 ← 線を超えない！ A B カメラで撮るときだけではなくて、グラフや図を作る時も位置関係のキープは意識しよう C A B A C イマジナリーライン‧想定線この動画がわかりやすい → youtu.be/oATRWykMz40

Slide 58

Slide 58 text

58 © Ippei Suzuki ⼀枚絵で概要これまでの課題解決⽅法機能 1 機能 2 ⼀枚絵＋今後の展望すべて聞き⼿が左，話し⼿が右  の状態で撮影されているここではAの男性ここではBの⼥性 A B A B A B A B A B B B A B A B A B A A B A B

Slide 59

Slide 59 text

Slide 60

Slide 60 text

Slide 61

Slide 61 text

61 © Ippei Suzuki 混乱させない流れを意識してコンテを作ってみよう ࣮ࣸ ਤ ৽ن طଘ 役者A  役者B  椅⼦ x 2  机 x 1 透明  ディスプレイ x 1 1 ディスプレイをはさんで右奥の1⼈が話している様⼦  利き⼿側から撮影、ディスプレイのソフトを動かす「話した⾔葉が透明ディスプレイに表⽰されます」どんな画か画の説明話すことセリフ種類準備⽅法必要なものカット番号最初に結論‧状況を説明‧配置変化注意⻑さ：1分くらい、⽬的: 研究についてざっくり理解、⾒る⼈: 研究者を中⼼に分野外の⼈もカットによっては両⽅カットによっては両⽅必要な要素や撮り⽅がわかれば超ラフでOK

Slide 62

Slide 62 text

62 © Ippei Suzuki 作った絵コンテを各グループで発表してください！聞いた⼈は、良かったことを伝えたり質問をしたりしてみよう 1 2 3 4 コンテだけから想像するのは慣れてないと結構難しい。きく⼈は頑張って想像！困ったことの  相談でもOK！

Slide 63

Slide 63 text

Slide 64

Slide 64 text

Slide 65

Slide 65 text

Slide 66

Slide 66 text

66 © Ippei Suzuki 必要なものや向きが同じものをまとめて撮るなるべく移動や配置の変更などの⼿間が少なくなるように撮る。必ずしも順撮り＝動画の順番に撮る必要はない順撮りが良いケースもあるので注意。例: 料理動画や⼿順動画冒頭で紹介した動画は机をくるくる回転させて撮影，同じ⽅向をまとめて撮影することで効率化

Slide 67

Slide 67 text

Slide 68

Slide 68 text

Slide 69

Slide 69 text

69 発表者へのフィードバックから，いくつか抜粋 • 動画は⾒る⼈が⾏ったり来たり（時間を戻したり進めたり）しなくても良いように各カットを設計するとよい • 結果のグラフと実際の映像を並べる，凡例としてまとめるのではなく各データの近くに書く，など • コンテのイラストは簡易に書きつつも，どう撮るか？はわかるようにするよい • 画⾓，配置，被写体の向き，など ‧アプリの宣伝動画を作る場合…実際に使ったユーザーの声とか⼊れるとよいかも？ © Ippei Suzuki 追加スライド

Slide 70

Slide 70 text

70 その他，現地であった質問と回答 • おすすめの動画編集ソフト • 鈴⽊が普段使⽤しているのは Premiere Pro や DaVinci Resolve • DaVinci は無料版もあって基本的な機能は⼀通り使えて透かしなども⼊らないので，  複雑な操作でも慣れることができそうであればおすすめ！ • スマートフォンアプリで編集しちゃうのもいいかも。iPhone/iPad なら iMovie など。  ほかにも⾊々ありそう • どうやって映像の作り⽅を学ぶか • 鈴⽊の場合はもともと映像作りが好きだった • 映像の基礎知識は，本やYouTubeやWebで⾊々と学べそう • その先の部分については，作りたい動画と同じ種類のものを中⼼に，映像たくさん⾒る，のが良さそう • 「何がよかったのか」を観察するのと同時に，「何がよくないのか」「何がわかりづらいのか」を観察して  どうしたらよくなるのかを考えてみるのがオススメです © Ippei Suzuki 追加スライド次のページへ続く

Slide 71

Slide 71 text

71 その他，現地であった質問と回答（つづき） • 動画とスライドの違い（動画がスライドっぽくなっていた⼈もいたことを踏まえての質問） • 動画とスライドは近い部分もある  （スライドに動画を⼊れる場合もあるし，スライドで発表したものを動画にすることもある） • 今回考えたような動画は，短い時間で，動画だけ⾒てもある程度説明できる＝動画⾒せながら話さなくてもよい  ものになるように考えるのが良さそう • スライドは区切りがページでしっかりされている，動画は連続的，というのも⾒せ⽅の違いになりそう • 縦横⽐が違う画像をきれいに並べたいときは，どうすればいいか • トリミングして縦横⽐を揃えるのが理想ですが，難しい場合は…  幅か⾼さのどちらかだけ合わせる，レターボックスやピラーボックスにする（塗りを適切な⾊にする）など © Ippei Suzuki 追加スライド次のページへ続く

Slide 72

Slide 72 text

72 その他，現地であった質問と回答（つづき） • アプリケーション開発をどうやって研究にするのか？ • Human-Computer Interaction ヒューマンコンピュータインタラクションという分野を調べてみてください！  学会例: 国際であれば CHI, UIST など，国内(⽇本語)であれば WISS, インタラクション, など… © Ippei Suzuki 追加スライド

Slide 73

Slide 73 text

73 © Ippei Suzuki 映像で研究を伝えよう！構成編よく伝わる構成と撮り⽅のコツ 2023.11.26 14:45-16:40 筑波⼤学春⽇エリア情報メディアユニオン講義室鈴⽊⼀平 Web: 1heisuzuki.com Mail: 1heisuzuki@gmail.com Twitter / Facebook / Instagram: @1heisuzuki SKIP/GFEST サイエンスカフェ祭映像ディレクター / フォトグラファー / 研究者  筑波⼤学⼤学院博⼠後期課程（情報学） © Ippei Suzuki もう少し詳しく解説した講義の動画‧スライドありますスライド: bit.ly/techm2306 動画: bit.ly/techm2306y