Web 動画企画講座構成・スケジュール・予算ワークショップ - 第5回 NAMO (NAgoya Movie Obenkyokai)

2016.5.15 (日) 第5回始めてみよう Web 動画〜構成・スケジュール・予算ワークショップ 1

第5回 Web 動画企画講座構成・スケジュール・予算ワークショップ

2016/5/15 (日) NAMO@ ベースキャンプ名古屋

http://namo.doorkeeper.jp



2016.5.15 (日) 第5回始めてみよう Web 動画〜構成・スケジュール・予算ワークショップ

自己紹介

Katz Uenoコンクリートファイブジャパン株式会社

Chief Communications Officer

TW: @katzuenoBlog: http://katzueno.com

2

http://katzueno.com


自己紹介

● 1999年〜2007年アメリカに居ました● インディーズで映画作ってました● 最新作「Isolated」● 今まで、ラブコメ、ホラー

サーフィンドキュメンタリーいろんな映画を作ってきました

3

http://isolated.tv/


コンなごconcrete5 名古屋ユーザーグループ

4

http://concrete5nagoya.doorkeeper.jp




CMS Fun名古屋で CMS を勉強しよう

5

http://cmsfun.doorkeeper.jp




本日のアジェンダ

● 14:00 15分：Web 動画とは (いまでの復習)● 14:15 20分：企画・構成・予算● 14:35 25分：苔玉について● 15:15 15分：休憩● 15:30 90分：ワークショップ

○ 15:30 15分：企画会議○ 15:50 20分：撮影スケジュール○ 16:10 20分：予算○ 16:30 20分：発表

6


NAMO

7


NAMO = NAgoya Movie Obenkyokai名古屋で Web 動画を勉強する会

8


Web 動画とは？

9


Web 動画とは？

● Katz が勝手に考える Web 動画の定義

10


Web 動画とは？

● YouTube?● ニコニコ?● Ustream?● Facebook

11


Web 動画とは？

● YouTube?● ニコニコ?● Ustream?● Facebook

12


Web 動画とは (Katz の勝手な定義)

● サンプル○ ここ (Toogl)

13

https://www.toggl.com/



● サンプル○ ここ (Toogl)

14

https://www.toggl.com/



● サンプル○ ここ (Balletone DAYZ)

15

http://balletone-dayz.jp/



● サンプル○ ここ (Balletone DAYZ)

16

http://balletone-dayz.jp/



● サンプル○ ここ (Questant)

17

https://questant.jp/



● サンプル○ ここ (Questant)

18

https://questant.jp/


Web 動画の特徴

19


Web 動画の特徴

● 1. Web ページの素材

20


Web 動画の特徴

● 1. Web ページの素材○ YouTube・ニコ動・Ustream との違い

■ ウェブページはあくまでもフレーム■ 映像単体がコンテンツ

21


Web 動画の特徴



■ 例：ニコニコ動画にYouTube動画を転載してもコンテ

ンツとして成立

22


Web 動画の特徴



■ 例：ニコニコ動画にYouTube動画を転載してもコンテ

ンツとして成立○ Web動画はそのサイトでしか成立しない

23


Web 動画の特徴

● 2. スペースの節約

24


Web 動画の特徴

● 2. スペースの節約○ 写真だと複数枚必要

25


Web 動画の特徴

● 2. スペースの節約○ 写真だと複数枚必要○ 動画だと一個でOK

26


Web 動画の特徴

● 2. スペースの節約○ 写真だと複数枚必要○ 動画だと一個でOK○ というか、画面いっぱい使える

27


Web 動画の特徴

● 3. 表現・説得力UP

28


Web 動画の特徴

● 3. 表現・説得力UP○ 動きがある！

29


Web 動画の特徴


■ 動作がわかる

30


Web 動画の特徴


■ 動作がわかる■ 感情を伝えられる

31


Web 動画の特徴


■ 動作がわかる■ 感情を伝えられる

※ 音声は、ちょっと別の話

32



● 素材+動き+感情サンプル

33



● 素材+動き+感情サンプル○ ここ (MUJI to Sleep)

34

http://sleep.muji.net/ja/



● 素材+動き+感情サンプル○ ここ (MUJI to Sleep)

35

http://sleep.muji.net/ja/


素材 + 動き + 感情

36


素材 + 動き + 感情

売上UP

37


なぜ今？ Web 動画

38


なぜ今 Web 動画？

やっと、技術が追いついてきた

39



やっと、技術が追いついてきた

40



41

● カメラ



42

● カメラ○ iPhone



43

● カメラ○ iPhone○ 一眼レフカメラ



44


= プロ並みの画質



45


= プロ並みの画質。しかもWebの人持ってる



46



● ソフトウエア



47



● ソフトウエア○ スマホアプリ



48



● ソフトウエア○ スマホアプリ○ iMovie



49



● ソフトウエア○ スマホアプリ○ iMovie○ Adobe CC



50



● ソフトウエア○ スマホアプリ○ iMovie○ Adobe CC -> Adobe Premiere



51



● ソフトウエア○ スマホアプリ○ iMovie○ Adobe CC -> Adobe Premiere (プロ用ソフト!)



52

● HTML5



53

● HTML5○ Flash の縛り



54




55


○ <video> タグ



56


○ <video> タグ = 自由度UP



57


○ <video> タグ = 自由度UP○ 例：



58


○ <video> タグ = 自由度UP○ 例：デジタルサイネージ



59


○ <video> タグ = 自由度UP○ 例：デジタルサイネージ

写真：JR東海エージェンシー



60

● HTML5○ <video> タグ = 自由度UP○ 動画は 4:3 or 16:9

である必要がない


Web 動画

61


Web 動画「今」の可能性

62

ガッテンしていただけましたか〜？(￣ー￣)ﾆﾔﾘ


ただし！

63


ただし！

作り方を覚えないとダメ！

64


悪い Web 動画の例

● 長い● 映像がブレてる● 音声が要る● 動きがない● 感情が伝わらない

65


= NAMO

66


= NAMOちゃんと Web 動画を作るための勉強会

67


= NAMOちゃんと Web 動画を作るための勉強会

よろしくお願い致します！


68




企画講座構成・スケジュール・予算

業界のトップシークレット

69


Web 動画制作の手順

● 企画● 撮影● 編集● 変換● Web サイト作成● Web サイトUP

70




71

今までの勉強会に参加した人経験を活かして、企画しよう！




72


構成を考える

コンセプトをきちんと考える

73


Web 動画制作の手順：企画

● ターゲット○ 一般的なマーケティングとしてのターゲット○ 動画を見る人の環境

■ スマホ -> データ転送量● WIFI かデータ通信か

■ いま時点は PC で考慮

74



● 動画にする目的・理由が必要

1. 素材・動きが必要か

2. スペースの節約になるか

3. 感情を訴えれるか

4. 面白い or 興味があるか

写真やテキスト以上のもの

75



● Web サイト企画○ ワイヤーフレームを作ろう

■ 背景・写真の代わりになる？■ どういうサイズの動画になる？

76



● 撮影の企画○ ロケハンをしよう

■ 場所の責任者の許可。企画を作ってみせよう■ 所要時間

■ 電源の場所。照明を使うのであればアンペア。ブ

レーカーの場所。電気代負担どうする■ 責任者の人とコミュニケーションをとろう！

77


撮影の企画

ストーリーボードやショットリストを作ろう。基本中の基本！

スケジュールや予算の基本になる！

78



● 撮影の企画○ 撮影

■ ストーリーボード● 絵コンテを作れると理想● もしくは、テキストだけの絵コンテ

■ ショットリストを作ろう (一番重要)● シーン● ショット

79



● ショットリスト○ 撮影時間や予算を考える上で重要なリスト○ どういう機材が必要か

80

[シーン番号] - [ショット番号] ショットのタイプショットの説明

e.g. 1-1 e.g. WS e.g. 主人公が建物に入る



● ショットリスト用語辞典○ ショットタイプ (人それぞれの解釈がありますが )

81

略号名前説明

EWS Extreme Wide Shot 人物 (物体) と場所の雰囲気がわかる。環境がわかる

WS Wide Shot 人物 (物体) 全体が足の先から頭の上まで画面いっぱいに映っている

3/4 4分の3 (Three Quarter) 人物のひざ上が映っている

MS Medium Shot 人物 (物体) の腰上が映っている

CU Close Up 人物 (物体) の胸から上が映っている

ECU Extreme Close Up 人物 (物体) の顔だけ、もしくは顔の一部しか写っていない



● シーンとショットの違い○ シーンの定義

■ カメラ・照明・撮影時間のセットアップが同じ■ 照明やカメラを大幅に動かさないといけないとシーンが増える■ シーンが増えるとバラエティ豊かになるかもしれないが、撮影時間が

余計にかかる

○ ショットの定義■ シーンの中での撮影ショット■ 例：部屋の中の人物の WS や MS CU 等■ ショットが多くないと編集の時に困る可能性。多すぎると撮影時間がか

かる

82


スケジュール

実際に時間内に撮影できるか計画できるようになろう！

83


Web 動画制作企画: スケジュール

● 必要な撮影時間を計画できるようになろう○ 例: 3人 (カメラ+ディレクタ+登場人物)

だいたいの基準 (規模や内容によって変わります )

84

所要時間の目安

60分 1つのロケーションに到着したときの準備時間

30分 1シーンをセットアップするときの準備時間のめやす

10〜20分 1ショットを撮影するときの撮影時間の目安

30〜60分片付け

移動時間同じ日で2箇所以上の場所で撮影するとき、移動するときの時間


Web 動画制作企画: スケジュール

● 必要な編集時間を計画できるようになろう○ 例: ざっくりすぎる編集時間の目安

85

所要時間の目安

60分~ 編集素材のとり込み作業

60分編集基本時間

1時間/分最終的なビデオの長さ (分) x 時間。例: 2分のビデオ = 2時間の編集時間

60分 Webの形式へのエクスポート (エンコード)

任意アニメーションなどの特殊効果や素材の作成時間


予算を考えよう

実際にいくらかかるか

86


Web 動画制作の手順：予算

● おおまかな予算のコンセプト○ 人件費○ 機材費

87



● 人件費とは○ その人が費やす時間に対する対価○ 基本的に人日 (作業時間) 計算 (1日 = ○万円)

○ 内訳 (本当にざっくりですが )■ 企画・構成費■ 進行管理費■ 撮影費

● 機材をレンタルするのであればレンタル貸出返却の時間も● 遠方への移動が必要であればその時間や交通費も

■ 編集費

※ ただし、技術を持っている人は追加で技術費用を追加しよう

88



● 機材費とは○ 撮影や編集に使用する機材の費用○ 撮影費

■ カメラ・マイク・照明

● レンタル屋さんのレンタル代を参考に算出しよう (例: CUE、光響社、

ビデオエイペックス )■ ロケーション費用

○ 編集費■ 特別なソフトの使用■ MAなど特別な編集スタジオの使用■ 音楽などのロイヤリティーフリー素材の購入費用

89

http://www.the-renter.co.jp/

http://www.v-apex.co.jp/

http://www.v-apex.co.jp/


Web 動画企画ワークショップ

● チーム分け● お題● 休憩&ネタ考える (￣ー￣)ﾆﾔﾘ● ワークショップスタート

90



● チーム分け

91


● チーム分け

3人一組

92



● お題

YouTube 動画https://youtu.be/VqTcwRb9iNs

93


https://youtu.be/VqTcwRb9iNs

https://youtu.be/VqTcwRb9iNs


● お題

苔のWeb動画を作ろう！

94



● 苔の Web 動画を作ろう

チーム分け開始

95



● 苔の Web 動画を作ろう○ 考えて：

96



● 苔の Web 動画を作ろう○ 考えて：

■ 動かない苔をどう動かすか■ 動画じゃないといけない企画■ ショットリスト・スケジュール

● 3時間で撮るよ！

■ 予算

97



● 苔の Web 動画を作ろう○ グループ #1

■ Google Docs (公開用なのでリンク削除)○ グループ #2

■ Google Docs (公開用なのでリンク削除)○ グループ #3

■ Google Docs (公開用なのでリンク削除)

98



本日のアジェンダ

● 14:00 15分：Web 動画とは (いまでの復習)● 14:15 20分：企画・構成・予算● 14:35 25分：苔玉について● 15:15 15分：休憩● 15:30 90分：ワークショップ

○ 15:30 15分：企画会議○ 15:50 20分：撮影スケジュール○ 16:10 20分：予算○ 16:30 20分：発表

99


お疲れ様でした！

次回は「撮影」


100



Art & Photos

Web 動画 企画講座 構成・スケジュール・予算ワークショップ - 第5回 NAMO (NAgoya Movie Obenkyokai)

Web 動画企画講座構成・スケジュール・予算ワークショップ - 第5回 NAMO (NAgoya Movie Obenkyokai)