Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
1 © Ippei Suzuki 映像で研究を伝えよう! 構成編 よく伝わる構成と撮り⽅のコツ 2023.11.26 14:45-16:40 筑波⼤学春⽇エリア 情報メディアユニオン講義室 鈴⽊⼀平 Web: 1heisuzuki.com Mail:
[email protected]
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
53 © Ippei Suzuki 結論を最初に⾔おう! 「どんな場⾯なのか」をまず理解してもらう 研究動画の流れを考えるときに気をつけたいこと
Slide 54
Slide 54 text
東京映画映像学校「映画‧映像 業界⽤語辞典」より https://tf-tms.jp/glossary/getword.php?w=エスタブリッシングショット(エスタブリッシュショット) 54 © Ippei Suzuki エスタブリッシングショット‧エスタブリッシュショット‧状況説明ショット‧状況設定ショット シーンの最初のカットで 場所の状況や⼈の位置関係を⾒せる 2⼈が板を挟んで会話している様⼦を 板の右側の⼈から⾒ている画 同じ位置関係‧状況で ⼀部部分を拡⼤した画 映像の⽤語:
Slide 55
Slide 55 text
55 © Ippei Suzuki ⼀枚絵で概要 これまでの課題 解決⽅法 機能 1 機能 2 ⼀枚絵+今後の展望 例外もある。 ここでは「何についての話か」を先に理解してもらうために モノのクローズアップが先にきている ⾚枠がシーンの状況を説明
Slide 56
Slide 56 text
56 © Ippei Suzuki 研究動画の流れを考えるときに気をつけたいこと ⾒る⼈が考えることを減らす ていねいに説明するのはもちろんだが、映像技法的に忘れがちなことがある
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
59 © Ippei Suzuki これまで説明したことは あくまで、基本原則 説明の⽅法によってはこのルールに沿わないほうが効果的なこともある なぜそうするのか?を考えよう 追加スライド
Slide 60
Slide 60 text
60 © Ippei Suzuki こんな感じの動画を作る想定で、構成を考えてみよう ⽬的: ⾒る⼈: ⻑さ: 研究についてざっくりと理解してもらう 研究者を中⼼に、分野外の⼈も 1分くらい 研究や論⽂の内容を全てもれなく⼊れる必要はない
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
63 © Ippei Suzuki 前に⽴って発表してくれる⼈〜 ✋
Slide 64
Slide 64 text
64 © Ippei Suzuki 撮り⽅の基本,機材やソフトの使い⽅などは 本‧インターネットに良い資料がたくさんあるので調べてみてください! 撮影‧編集はどうすればいいの? 軽く撮影の基本中の基本だけ紹介します…!
Slide 65
Slide 65 text
65 © Ippei Suzuki 素材は⻑めに撮る 画質は⾼い設定で撮影しておく 三脚に固定して撮影する 明るいところで撮影する、照明をしっかり当てる 望遠でズームして撮る モノが少なく静かな場所で撮る などなど… まず気をつけてみると良いこと
Slide 66
Slide 66 text
66 © Ippei Suzuki 必要なものや向きが同じものをまとめて撮る なるべく移動や配置の変更などの⼿間が少なくなるように撮る。必ずしも順撮り=動画の順番に撮る必要はない 順撮りが良いケースもあるので注意。例: 料理動画や⼿順動画 冒頭で紹介した動画は机をくるくる回転させて撮影,同じ⽅向をまとめて撮影することで効率化
Slide 67
Slide 67 text
67 © Ippei Suzuki 論⽂の図としてそのまま使えちゃう これは別撮り
Slide 68
Slide 68 text
68 © Ippei Suzuki 質問はありますか? ✋
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:
[email protected]
Twitter / Facebook / Instagram: @1heisuzuki SKIP/GFEST サイエンスカフェ祭 映像ディレクター / フォトグラファー / 研究者 筑波⼤学⼤学院 博⼠後期課程(情報学) © Ippei Suzuki もう少し詳しく解説した講義の動画‧スライドあります スライド: bit.ly/techm2306 動画: bit.ly/techm2306y