第2回 Web 動画撮影講座〜 iPhone や一眼レフでマスターする撮影術 - NAMO (NAgoya Movie Obenkyokai)

2015.8.8 (土 ) 第 2 回 Web 動画撮影講座〜 iPhone や一眼レフでマスターする撮影術

第 2 回 Web 動画撮影講座iPhone や一眼レフでマスターする撮影術

2015/8/8 (土 ) NAMO@ ベースキャンプ名古屋

http://namo.doorkeeper.jp

1

http://namo.doorkeeper.jp/


自己紹介

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

http://concrete5nagoya.doorkeeper.jp/


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

5

http://cmsfun.doorkeeper.jp

http://concrete5nagoya.doorkeeper.jp/


本日のアジェンダ10分： NAMO について (復習 )40分：撮影の基本120分：ワークショップ

15分：説明＆チーム分け60分：撮影15分：キャプチャー30分：レビュー

6

2015.8.8 (土 ) 第 2 回 Web 動画撮影講座〜 iPhone や一眼レフでマスターする撮影術 7


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

8


Web 動画とは？

9


Web 動画とは？

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

10


Web 動画とは？

YouTube?ニコニコ ?Ustream?Facebook

11


Web 動画とは？

YouTube?ニコニコ ?Ustream?Facebook

12


Web 動画の特徴1. Web ページの素材

YouTube・ニコ動・ Ustream との違いウェブページはあくまでもフレーム映像単体がコンテンツ例：ニコニコ動画に YouTube動画を転載してもコンテンツとして成立

Web動画はそのサイトでしか成立しない

13


Web 動画の特徴2. スペースの節約

14


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

15


Web 動画の特徴3. 表現・説得力 UP

16


Web 動画の特徴3. 表現・説得力 UP動きがある！動作がわかる感情を伝えられる

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

17


素材 + 動き + 感情

18


素材 + 動き + 感情売上 UP

19


なぜ今？ Web 動画

20


なぜ今 Web 動画？

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

21



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

22



23

カメラiPhone一眼レフカメラ

= プロ並みの画質。しかもWebの人持ってるソフトウエアスマホアプリiMovieAdobe CC -> Adobe Premiere (プロ用ソフト !)



24

HTML5Flash の縛り

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



25

HTML5<video> タグ = 自由度 UP

動画は 4:3 or 16:9である必要がない


Web 動画

26


Web 動画やっと「今でしょ！」

27

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


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

28


悪い Web 動画の例長い映像がブレてる音声が要る動きがない感情が伝わらない

29


= NAMO

30


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

31


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

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


32



夏目さん「撮影の基本」

c/wt.fabrics.http://www.slideshare.net/cwtfabrics/ss-51988116

こちらのスライドをご覧ください

33

http://www.slideshare.net/cwtfabrics/ss-51988116

http://www.slideshare.net/cwtfabrics/ss-51988116


夏目さんありがとうございました

34


すいません。休憩の前に

35


Web 動画撮影講座ワークショップ

36


Web 動画撮影講座

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

37



自己紹介

38



チーム分け

39


チーム分け3人一組

40



お題

41



お題ベースキャンプ名古屋 (￣ー￣ ) ﾆﾔﾘ

42



お題ベースキャンプ名古屋 (￣ー￣ ) ﾆﾔﾘ「紹介ウェブ動画をつくろう」

43



ベースキャンプ名古屋「紹介ウェブ動画をつくろう」

44



ベースキャンプ名古屋「紹介ウェブ動画をつくろう」第 1 回 http://namo.katzueno.com/

45


http://namo.katzueno.com/


ベースキャンプ名古屋「紹介ウェブ動画をつくろう」条件：

複数回シリーズの 1回目今回は撮影だけをします複数チームで同じショットを撮りますみんなでレビューします次回の編集につなげます音は無視（また違う次元の話になるので）

46



ベースキャンプ名古屋「紹介ウェブ動画をつくろう」何を撮る？ベースキャンプ施設コワーキングのイメージ

47



ベースキャンプ名古屋「紹介ウェブ動画をつくろう」主旨：ナツメさんの実際の撮影の基本を実践しよう(￣ー￣ ) ﾆﾔﾘ

48



ベースキャンプ名古屋「紹介ウェブ動画をつくろう」主旨：ナツメさんの実際の撮影の基本を実践しよう(￣ー￣ ) ﾆﾔﾘお願い：今日撮影した素材は次回の編集講座で使わせてください！

49



ベースキャンプ名古屋「紹介ウェブ動画をつくろう」ショットリスト本当は、自分でショットリストや脚本を作るべきだけど、まずはこちらでつくりました。実はあえてショットリストに入れていない

説明文とかがあります (￣ー￣ ) ﾆﾔﾘ足らないと気づくのは編集している時かもなので、次回以降にしかわかります (￣ー￣ ) ﾆﾔﾘ

50



ベースキャンプ名古屋「紹介ウェブ動画をつくろう」ショットリスト

51

1. 外観2. 入り口

a. 人が入る3. 受付

a. ワイドb. iPad のチェックイン画面クロースアップ

4. 着席して作業するa. ワイドショットb. ラップトップの画面を開く

5. グループショットa. 会議室b. 図書館

6. イメージショット (なんでもよい )a. 例：オフィスグリコ



ベースキャンプ名古屋「紹介ウェブ動画をつくろう」ショットリスト

52





5. グループショットa. 会議室b. 図書館

6. イメージショット (なんでもよい )a. 例：オフィスグリコ

1ショット 10分で撮ってください！



本日のアジェンダ15分：Web 動画とは40分：映像制作の基本120分：ワークショップ

~15:00 - 15分：企画~16:15 - 75 分：撮影 & アップロード~16:30 - 15分：キャプチャ~17:00 - 30分：レビュー

53


さあ実践！ワークショップスケジュール

~15:00 - 15分：企画~16:15 - 75 分：撮影 & アップロード~16:30 - 15分：キャプチャ~17:00 - 30分：レビュー

ショットリスト

54





5. グループショットa. 会議室b. 図書スペース

6. イメージショット (なんでも良い )a. 例：オフィスグリコ


お疲れ様でした！次回は「編集講座」


55


Design

第2回 Web 動画 撮影講座 〜 iPhone や一眼レフでマスターする撮影術 - NAMO (NAgoya Movie Obenkyokai)

第2回 Web 動画撮影講座〜 iPhone や一眼レフでマスターする撮影術 - NAMO (NAgoya Movie Obenkyokai)