SlideShare a Scribd company logo
1 of 41
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ 1
第4回 Web 動画 企画講座
構成・スケジュール・予算ワークショップ
2015/12/23 (水・祝) NAMO
@ ベースキャンプ名古屋
http://namo.doorkeeper.jp
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
自己紹介
Katz Ueno
コンクリートファイブジャパン株式会社
Chief Communications Officer
TW: @katzueno
Blog:
http://katzueno.com
2
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
自己紹介
• 1999年∼2007年 アメリカに居ました
• インディーズで映画作ってました
• 最新作「Isolated」
• 今まで、ラブコメ、ホラー
サーフィンドキュメンタリー
いろんな映画を作ってきました
3
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
コンなご
concrete5 名古屋 ユーザーグループ
4
http://concrete5nagoya.doorkeeper.jp
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
CMS Fun
名古屋で CMS を勉強しよう
5
http://cmsfun.doorkeeper.jp
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
本日のアジェンダ
• 15分:Web 動画とは (いまでの復習)
• 40分:企画・構成・予算
• 90分:ワークショップ
• 15分:企画会議
• 20分:撮影スケジュール
• 20分:予算
• 20分:発表
6
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
NAMO
7
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
NAMO = NAgoya Movie Obenkyokai
名古屋で Web 動画を勉強する会
8
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
= NAMO
ちゃんと Web 動画を作るための勉強会
よろしくお願い致します!
http://namo.doorkeeper.jp
9
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画とは?
第1回目のスライドをチェック
10
http://www.slideshare.net/katz515/namo-­no1-­whywebmovie
※ まだ読んでいない人は是非 Web  動画の定義が書かれているのでお読みください。
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
企画講座
構成・スケジュール・予算
業界のトップシークレット
11
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順
• 企画
• 撮影
• 編集
• 変換
• Web サイト作成
• Web サイトUP
12
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順
• 企画
• 撮影
• 編集
• 変換
• Web サイト作成
• Web サイトUP
13
今までの勉強会の経験を活かして、
企画しよう!
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順
• 企画
• 撮影
• 編集
• 変換
• Web サイト作成
• Web サイトUP
14
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
構成を考える
コンセプトをきちんと考える
15
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
• ターゲット
• 一般的なマーケティングとしてのターゲット
• 動画を見る人の環境
• スマホ -> データ転送量
• WIFI か データ通信か
• いま時点は PC で考慮
16
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
• 動画にする目的・理由が必要
1. 素材・動きが必要か
2. スペースの節約になるか
3. 感情を訴えれるか
4. 面白い or 興味があるか
写真やテキスト以上のもの
17
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
• Web サイト企画
• ワイヤーフレームを作ろう
• 背景・写真の代わりになる?
• どういうサイズの動画になる?
18
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
• 撮影の企画
• ロケハンをしよう
• 場所の責任者の許可。企画を作ってみせよう
• 所要時間
• 電源の場所。照明を使うのであればアンペア。
ブレーカーの場所。電気代負担どうする
• 責任者の人とコミュニケーションをとろう!
19
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
撮影の企画
ストーリーボードやショットリストを
作ろう。基本中の基本!
スケジュールや予算の基本になる!
20
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
• 撮影の企画
• 撮影
• ストーリーボード
• 絵コンテを作れると理想
• もしくは、テキストだけの絵コンテ
• ショットリストを作ろう (一番重要)
• シーン
• ショット
21
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
• ショットリスト
• 撮影時間や予算を考える上で重要なリスト
• どういう機材が必要か
22
[シーン番号] - [ショット番号] ショットのタイプ ショットの説明
e.g. 1-1 e.g. WS e.g. 主人公が建物に入る
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
• ショットリスト用語辞典
• ショットタイプ (人それぞれの解釈がありますが)
23
略号 名前 説明
EWS Extreme Wide Shot 人物 (物体) と場所の雰囲気がわかる。環境がわかる
WS Wide Shot 人物 (物体) 全体が足の先から頭の上まで画面いっぱいに映っている
3/4 4分の3 (Three Quarter) 人物のひざ上が映っている
MS Medium Shot 人物 (物体) の腰上が映っている
CU Close Up 人物 (物体) の胸から上が映っている
ECU Extreme Close Up 人物 (物体) の顔だけ、もしくは顔の一部しか写っていない
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:企画
• シーンとショットの違い
• シーンの定義
• カメラ・照明・撮影時間のセットアップが同じ
• 照明やカメラを大幅に動かさないといけないとシーンが増える
• シーンが増えるとバラエティ豊かになるかもしれないが、撮影時間が余
計にかかる
• ショットの定義
• シーンの中での撮影ショット
• 例:部屋の中の人物の WS や MS CU 等
• ショットが多くないと編集の時に困る可能性。多すぎると撮影時間がか
かる
24
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
スケジュール
実際に時間内に撮影できるか
計画できるようになろう!
25
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作企画: スケジュール
必要な撮影時間を計画できるようになろう
例: 3人 (カメラ+ディレクタ+登場人物)
だいたいの基準 (規模や内容によって変わります)
26
所要時間の目安
60分 1つのロケーションに到着したときの準備時間
30分 1ショットをセットアップするときの準備時間のめやす
10∼20分 1ショットを撮影するときの撮影時間の目安
30∼60分 片付け
移動時間 同じ日で2箇所以上の場所で撮影するとき、移動するときの時間
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作企画: スケジュール
必要な編集時間を計画できるようになろう
例: ざっくりすぎる編集時間の目安
27
所要時間の目安
60分~ 編集素材のとり込み作業
60分 編集基本時間
1時間/分 最終的なビデオの長さ (分) x 時間。例: 2分のビデオ = 2時間の編
集時間
60分 Webの形式へのエクスポート (エンコード)
任意 アニメーションなどの特殊効果や素材の作成時間
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
予算を考えよう
実際にいくらかかるか
28
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:予算
• おおまかな予算のコンセプト
• 人件費
• 機材費
29
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:予算
• 人件費とは
• その人が費やす時間に対する対価
• 基本的に人日 (作業時間) 計算 (1日 = ○万円)
• 内訳 (本当にざっくりですが)
• 企画・構成費
• 進行管理費
• 撮影費
• 機材をレンタルするのであればレンタル貸出返却の時間も
• 遠方への移動が必要であればその時間や交通費も
• 編集費
• ※ ただし、技術を持っている人は追加で技術費用を追加しよう
30
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画制作の手順:予算
• 機材費とは
• 撮影や編集に使用する機材の費用
• 撮影費
• カメラ・マイク・照明
• レンタル屋さんのレンタル代を参考に算出しよう (例: CUE、 光響社、ビ
デオエイペックス)
• ロケーション費用
• 編集費
• 特別なソフトの使用
• MAなど特別な編集スタジオの使用
• 音楽などのロイヤリティーフリー素材の購入費用
31
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画 企画ワークショップ
• チーム分け
• お題
• 休憩&ネタ考える ( ̄ー ̄)ニヤリ
• ワークショップスタート
32
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
Web 動画 企画ワークショップ
• チーム分け
33
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
• チーム分け
• 3人一組
34
Web 動画 企画ワークショップ
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
• お題
次のYouTube 動画を
可能ならフルスクリーン & ヘッド
ホンでご覧ください
35
Web 動画 企画ワークショップ
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
• お題
苔玉のWeb動画を作ろう!
36
Web 動画 企画ワークショップ
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
• 苔玉の Web 動画を作ろう
チーム分け開始
37
Web 動画 企画ワークショップ
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
• 苔玉の Web 動画を作ろう
• 考えて:
38
Web 動画 企画ワークショップ
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
• 苔玉の Web 動画を作ろう
• 考えて:
• 動かない苔をどう動かすか
• 動画じゃないといけない企画
• ショットリスト・スケジュール
• 3時間で撮るよ!
• 予算
39
Web 動画 企画ワークショップ
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
• 苔玉の Web 動画を作ろう
• グループ #1
• Google Docs (公開用はリンクを外しました)
• グループ #2
• Google Docs (公開用はリンクを外しました)
• グループ #3
• Google Docs (公開用はリンクを外しました)
40
Web 動画 企画ワークショップ
2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ
お疲れ様でした!
次回は「撮影」
http://namo.doorkeeper.jp
41

More Related Content

Similar to 第4回 Web 動画 企画講座 〜 Web 動画を企画・構成・予算を作ろう

はじめてがアジャイル
はじめてがアジャイルはじめてがアジャイル
はじめてがアジャイル
Kenichi Takahashi
 
20111105 LL名古屋 俺と嫁のagiLe deveLopment
20111105 LL名古屋 俺と嫁のagiLe deveLopment20111105 LL名古屋 俺と嫁のagiLe deveLopment
20111105 LL名古屋 俺と嫁のagiLe deveLopment
Ryo RKTM
 
Techcrunch hackathon 2013
Techcrunch hackathon 2013Techcrunch hackathon 2013
Techcrunch hackathon 2013
Nao Tokui
 
全国のWEB制作関連勉強会と福井にいながら参加する方法
全国のWEB制作関連勉強会と福井にいながら参加する方法全国のWEB制作関連勉強会と福井にいながら参加する方法
全国のWEB制作関連勉強会と福井にいながら参加する方法
智弘 森下
 

Similar to 第4回 Web 動画 企画講座 〜 Web 動画を企画・構成・予算を作ろう (20)

Web 動画 企画講座 構成・スケジュール・予算ワークショップ - 第5回 NAMO (NAgoya Movie Obenkyokai)
Web 動画 企画講座 構成・スケジュール・予算ワークショップ - 第5回 NAMO (NAgoya Movie Obenkyokai)Web 動画 企画講座 構成・スケジュール・予算ワークショップ - 第5回 NAMO (NAgoya Movie Obenkyokai)
Web 動画 企画講座 構成・スケジュール・予算ワークショップ - 第5回 NAMO (NAgoya Movie Obenkyokai)
 
第7回 Web 動画 編集講座 〜編集して Web にアップしてみよう - NAMO (NAgoya Movie Obenkyokai)
第7回 Web 動画 編集講座 〜編集して Web にアップしてみよう - NAMO (NAgoya Movie Obenkyokai)第7回 Web 動画 編集講座 〜編集して Web にアップしてみよう - NAMO (NAgoya Movie Obenkyokai)
第7回 Web 動画 編集講座 〜編集して Web にアップしてみよう - NAMO (NAgoya Movie Obenkyokai)
 
Web動画、WordPressで使ってみよう!
Web動画、WordPressで使ってみよう!Web動画、WordPressで使ってみよう!
Web動画、WordPressで使ってみよう!
 
20141119 eLC Disruptive Innovation in Education.
20141119 eLC Disruptive Innovation in Education.20141119 eLC Disruptive Innovation in Education.
20141119 eLC Disruptive Innovation in Education.
 
はじめてがアジャイル
はじめてがアジャイルはじめてがアジャイル
はじめてがアジャイル
 
20111105 LL名古屋 俺と嫁のagiLe deveLopment
20111105 LL名古屋 俺と嫁のagiLe deveLopment20111105 LL名古屋 俺と嫁のagiLe deveLopment
20111105 LL名古屋 俺と嫁のagiLe deveLopment
 
学生団体COMCREAET 2014年度成果報告会
学生団体COMCREAET 2014年度成果報告会学生団体COMCREAET 2014年度成果報告会
学生団体COMCREAET 2014年度成果報告会
 
Webサービス企画のコツ
Webサービス企画のコツWebサービス企画のコツ
Webサービス企画のコツ
 
提案
提案提案
提案
 
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
 
妊娠子育て中にReact js動画コースをudemyで公開するまで
妊娠子育て中にReact js動画コースをudemyで公開するまで妊娠子育て中にReact js動画コースをudemyで公開するまで
妊娠子育て中にReact js動画コースをudemyで公開するまで
 
Techcrunch hackathon 2013
Techcrunch hackathon 2013Techcrunch hackathon 2013
Techcrunch hackathon 2013
 
エウレカBIチームの時間の使い方
エウレカBIチームの時間の使い方エウレカBIチームの時間の使い方
エウレカBIチームの時間の使い方
 
concrete5 多言語サイト制作へのお誘い
concrete5 多言語サイト制作へのお誘いconcrete5 多言語サイト制作へのお誘い
concrete5 多言語サイト制作へのお誘い
 
全国のWEB制作関連勉強会と福井にいながら参加する方法
全国のWEB制作関連勉強会と福井にいながら参加する方法全国のWEB制作関連勉強会と福井にいながら参加する方法
全国のWEB制作関連勉強会と福井にいながら参加する方法
 
推薦学習コンテンツ Ruby/Ruby on Rails編
推薦学習コンテンツ Ruby/Ruby on Rails編推薦学習コンテンツ Ruby/Ruby on Rails編
推薦学習コンテンツ Ruby/Ruby on Rails編
 
サービス開発者の読書会#4
サービス開発者の読書会#4サービス開発者の読書会#4
サービス開発者の読書会#4
 
20120515 アジャイルサムライ読書会 第4回
20120515 アジャイルサムライ読書会 第4回20120515 アジャイルサムライ読書会 第4回
20120515 アジャイルサムライ読書会 第4回
 
第8回 Web 動画 サイト講座 〜 Webサイトを完成させ、来シーズンのトピックを考えよう - NAMO (NAgoya Movie Obenkyokai)
第8回 Web 動画 サイト講座 〜 Webサイトを完成させ、来シーズンのトピックを考えよう - NAMO (NAgoya Movie Obenkyokai)第8回 Web 動画 サイト講座 〜 Webサイトを完成させ、来シーズンのトピックを考えよう - NAMO (NAgoya Movie Obenkyokai)
第8回 Web 動画 サイト講座 〜 Webサイトを完成させ、来シーズンのトピックを考えよう - NAMO (NAgoya Movie Obenkyokai)
 
開発をマネジメントするすべての方へ
開発をマネジメントするすべての方へ開発をマネジメントするすべての方へ
開発をマネジメントするすべての方へ
 

More from Katz Ueno

More from Katz Ueno (20)

Mautic 2.x から 4.x まで アップデートの道のり
Mautic 2.x から 4.x まで アップデートの道のりMautic 2.x から 4.x まで アップデートの道のり
Mautic 2.x から 4.x まで アップデートの道のり
 
CloudFormation ことはじめ - JAWS UG 名古屋 2019年7月度
CloudFormation ことはじめ - JAWS UG 名古屋 2019年7月度CloudFormation ことはじめ - JAWS UG 名古屋 2019年7月度
CloudFormation ことはじめ - JAWS UG 名古屋 2019年7月度
 
concrete5 の魅力 @ Cloud Garage Meetup Yokohama
concrete5 の魅力 @ Cloud Garage Meetup Yokohamaconcrete5 の魅力 @ Cloud Garage Meetup Yokohama
concrete5 の魅力 @ Cloud Garage Meetup Yokohama
 
AWS + CloudFront で行った concrete5 高速化のお話
AWS + CloudFront で行った concrete5 高速化のお話AWS + CloudFront で行った concrete5 高速化のお話
AWS + CloudFront で行った concrete5 高速化のお話
 
VPS・専用・クラウドサーバを使う時に知っておきたいこと
VPS・専用・クラウドサーバを使う時に知っておきたいことVPS・専用・クラウドサーバを使う時に知っておきたいこと
VPS・専用・クラウドサーバを使う時に知っておきたいこと
 
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回
concrete5 基本講座 - ページタイプ・ページテンプレート・コンポーザー - コンなご勉強会 第69回
 
Translation Day 2 日本語訳 - WordBench Nagoya 2016年11月
Translation Day 2 日本語訳 - WordBench Nagoya 2016年11月Translation Day 2 日本語訳 - WordBench Nagoya 2016年11月
Translation Day 2 日本語訳 - WordBench Nagoya 2016年11月
 
Companies, Stages and 事例紹介 - Mautic Meetup Nagoya #8 (2016年11月7日)
Companies, Stages and 事例紹介 - Mautic Meetup Nagoya #8 (2016年11月7日)Companies, Stages and 事例紹介 - Mautic Meetup Nagoya #8 (2016年11月7日)
Companies, Stages and 事例紹介 - Mautic Meetup Nagoya #8 (2016年11月7日)
 
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
CMS の今後と IoT 〜 concrete5 などの CMS が進む道CMS の今後と IoT 〜 concrete5 などの CMS が進む道
CMS の今後と IoT 〜 concrete5 などの CMS が進む道
 
WordFes Nagoya 2016 サイトの裏側と HTML 変換 永代供養 実践デモ
WordFes Nagoya 2016 サイトの裏側と HTML 変換 永代供養 実践デモWordFes Nagoya 2016 サイトの裏側と HTML 変換 永代供養 実践デモ
WordFes Nagoya 2016 サイトの裏側と HTML 変換 永代供養 実践デモ
 
Dynamic Contents & etc - Mautic Meetup Nagoya #7
Dynamic Contents & etc - Mautic Meetup Nagoya #7Dynamic Contents & etc - Mautic Meetup Nagoya #7
Dynamic Contents & etc - Mautic Meetup Nagoya #7
 
時代は SNS 連携! WordPress サイトの SNS 連携、AMP & Instant Article 対策体験記 - WordFes Nagoy...
時代は SNS 連携! WordPress サイトの SNS 連携、AMP & Instant Article 対策体験記 - WordFes Nagoy...時代は SNS 連携! WordPress サイトの SNS 連携、AMP & Instant Article 対策体験記 - WordFes Nagoy...
時代は SNS 連携! WordPress サイトの SNS 連携、AMP & Instant Article 対策体験記 - WordFes Nagoy...
 
Web 動画 撮影講座 & 動画撮影ワークショップ - 第6回 NAMO (NAgoya Movie Obenkyokai)
Web 動画 撮影講座 & 動画撮影ワークショップ - 第6回 NAMO (NAgoya Movie Obenkyokai)Web 動画 撮影講座 & 動画撮影ワークショップ - 第6回 NAMO (NAgoya Movie Obenkyokai)
Web 動画 撮影講座 & 動画撮影ワークショップ - 第6回 NAMO (NAgoya Movie Obenkyokai)
 
concrete5 導入活用セミナー in 徳島 [2016年7月]
concrete5 導入活用セミナー in 徳島 [2016年7月]concrete5 導入活用セミナー in 徳島 [2016年7月]
concrete5 導入活用セミナー in 徳島 [2016年7月]
 
Contact は奥が深い - Mautic Meetup Nagoya #4
Contact は奥が深い - Mautic Meetup Nagoya #4 Contact は奥が深い - Mautic Meetup Nagoya #4
Contact は奥が深い - Mautic Meetup Nagoya #4
 
concrete5 のリモート開発 (愛知県岩倉市から)
concrete5 のリモート開発 (愛知県岩倉市から)concrete5 のリモート開発 (愛知県岩倉市から)
concrete5 のリモート開発 (愛知県岩倉市から)
 
concrete5.7.x 対応 カスタムテンプレートを極める - 第58回 コンなご勉強会
concrete5.7.x 対応 カスタムテンプレートを極める - 第58回 コンなご勉強会concrete5.7.x 対応 カスタムテンプレートを極める - 第58回 コンなご勉強会
concrete5.7.x 対応 カスタムテンプレートを極める - 第58回 コンなご勉強会
 
はじめての concrete5 (2016年1月) 第56回 コンなご勉強会
はじめての concrete5 (2016年1月) 第56回 コンなご勉強会はじめての concrete5 (2016年1月) 第56回 コンなご勉強会
はじめての concrete5 (2016年1月) 第56回 コンなご勉強会
 
オープンソースでビジネスをして1年経って - NGK2015B
オープンソースでビジネスをして1年経って - NGK2015Bオープンソースでビジネスをして1年経って - NGK2015B
オープンソースでビジネスをして1年経って - NGK2015B
 
concrete5 導入活用セミナー 名古屋 2015-11
concrete5 導入活用セミナー 名古屋 2015-11concrete5 導入活用セミナー 名古屋 2015-11
concrete5 導入活用セミナー 名古屋 2015-11
 

第4回 Web 動画 企画講座 〜 Web 動画を企画・構成・予算を作ろう

  • 1. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ 1 第4回 Web 動画 企画講座 構成・スケジュール・予算ワークショップ 2015/12/23 (水・祝) NAMO @ ベースキャンプ名古屋 http://namo.doorkeeper.jp
  • 2. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ 自己紹介 Katz Ueno コンクリートファイブジャパン株式会社 Chief Communications Officer TW: @katzueno Blog: http://katzueno.com 2
  • 3. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ 自己紹介 • 1999年∼2007年 アメリカに居ました • インディーズで映画作ってました • 最新作「Isolated」 • 今まで、ラブコメ、ホラー サーフィンドキュメンタリー いろんな映画を作ってきました 3
  • 4. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ コンなご concrete5 名古屋 ユーザーグループ 4 http://concrete5nagoya.doorkeeper.jp
  • 5. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ CMS Fun 名古屋で CMS を勉強しよう 5 http://cmsfun.doorkeeper.jp
  • 6. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ 本日のアジェンダ • 15分:Web 動画とは (いまでの復習) • 40分:企画・構成・予算 • 90分:ワークショップ • 15分:企画会議 • 20分:撮影スケジュール • 20分:予算 • 20分:発表 6
  • 7. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ NAMO 7
  • 8. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ NAMO = NAgoya Movie Obenkyokai 名古屋で Web 動画を勉強する会 8
  • 9. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ = NAMO ちゃんと Web 動画を作るための勉強会 よろしくお願い致します! http://namo.doorkeeper.jp 9
  • 10. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画とは? 第1回目のスライドをチェック 10 http://www.slideshare.net/katz515/namo-­no1-­whywebmovie ※ まだ読んでいない人は是非 Web  動画の定義が書かれているのでお読みください。
  • 11. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ 企画講座 構成・スケジュール・予算 業界のトップシークレット 11
  • 12. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順 • 企画 • 撮影 • 編集 • 変換 • Web サイト作成 • Web サイトUP 12
  • 13. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順 • 企画 • 撮影 • 編集 • 変換 • Web サイト作成 • Web サイトUP 13 今までの勉強会の経験を活かして、 企画しよう!
  • 14. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順 • 企画 • 撮影 • 編集 • 変換 • Web サイト作成 • Web サイトUP 14
  • 15. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ 構成を考える コンセプトをきちんと考える 15
  • 16. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 • ターゲット • 一般的なマーケティングとしてのターゲット • 動画を見る人の環境 • スマホ -> データ転送量 • WIFI か データ通信か • いま時点は PC で考慮 16
  • 17. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 • 動画にする目的・理由が必要 1. 素材・動きが必要か 2. スペースの節約になるか 3. 感情を訴えれるか 4. 面白い or 興味があるか 写真やテキスト以上のもの 17
  • 18. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 • Web サイト企画 • ワイヤーフレームを作ろう • 背景・写真の代わりになる? • どういうサイズの動画になる? 18
  • 19. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 • 撮影の企画 • ロケハンをしよう • 場所の責任者の許可。企画を作ってみせよう • 所要時間 • 電源の場所。照明を使うのであればアンペア。 ブレーカーの場所。電気代負担どうする • 責任者の人とコミュニケーションをとろう! 19
  • 20. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ 撮影の企画 ストーリーボードやショットリストを 作ろう。基本中の基本! スケジュールや予算の基本になる! 20
  • 21. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 • 撮影の企画 • 撮影 • ストーリーボード • 絵コンテを作れると理想 • もしくは、テキストだけの絵コンテ • ショットリストを作ろう (一番重要) • シーン • ショット 21
  • 22. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 • ショットリスト • 撮影時間や予算を考える上で重要なリスト • どういう機材が必要か 22 [シーン番号] - [ショット番号] ショットのタイプ ショットの説明 e.g. 1-1 e.g. WS e.g. 主人公が建物に入る
  • 23. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 • ショットリスト用語辞典 • ショットタイプ (人それぞれの解釈がありますが) 23 略号 名前 説明 EWS Extreme Wide Shot 人物 (物体) と場所の雰囲気がわかる。環境がわかる WS Wide Shot 人物 (物体) 全体が足の先から頭の上まで画面いっぱいに映っている 3/4 4分の3 (Three Quarter) 人物のひざ上が映っている MS Medium Shot 人物 (物体) の腰上が映っている CU Close Up 人物 (物体) の胸から上が映っている ECU Extreme Close Up 人物 (物体) の顔だけ、もしくは顔の一部しか写っていない
  • 24. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順:企画 • シーンとショットの違い • シーンの定義 • カメラ・照明・撮影時間のセットアップが同じ • 照明やカメラを大幅に動かさないといけないとシーンが増える • シーンが増えるとバラエティ豊かになるかもしれないが、撮影時間が余 計にかかる • ショットの定義 • シーンの中での撮影ショット • 例:部屋の中の人物の WS や MS CU 等 • ショットが多くないと編集の時に困る可能性。多すぎると撮影時間がか かる 24
  • 25. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ スケジュール 実際に時間内に撮影できるか 計画できるようになろう! 25
  • 26. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作企画: スケジュール 必要な撮影時間を計画できるようになろう 例: 3人 (カメラ+ディレクタ+登場人物) だいたいの基準 (規模や内容によって変わります) 26 所要時間の目安 60分 1つのロケーションに到着したときの準備時間 30分 1ショットをセットアップするときの準備時間のめやす 10∼20分 1ショットを撮影するときの撮影時間の目安 30∼60分 片付け 移動時間 同じ日で2箇所以上の場所で撮影するとき、移動するときの時間
  • 27. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作企画: スケジュール 必要な編集時間を計画できるようになろう 例: ざっくりすぎる編集時間の目安 27 所要時間の目安 60分~ 編集素材のとり込み作業 60分 編集基本時間 1時間/分 最終的なビデオの長さ (分) x 時間。例: 2分のビデオ = 2時間の編 集時間 60分 Webの形式へのエクスポート (エンコード) 任意 アニメーションなどの特殊効果や素材の作成時間
  • 28. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ 予算を考えよう 実際にいくらかかるか 28
  • 29. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順:予算 • おおまかな予算のコンセプト • 人件費 • 機材費 29
  • 30. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順:予算 • 人件費とは • その人が費やす時間に対する対価 • 基本的に人日 (作業時間) 計算 (1日 = ○万円) • 内訳 (本当にざっくりですが) • 企画・構成費 • 進行管理費 • 撮影費 • 機材をレンタルするのであればレンタル貸出返却の時間も • 遠方への移動が必要であればその時間や交通費も • 編集費 • ※ ただし、技術を持っている人は追加で技術費用を追加しよう 30
  • 31. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画制作の手順:予算 • 機材費とは • 撮影や編集に使用する機材の費用 • 撮影費 • カメラ・マイク・照明 • レンタル屋さんのレンタル代を参考に算出しよう (例: CUE、 光響社、ビ デオエイペックス) • ロケーション費用 • 編集費 • 特別なソフトの使用 • MAなど特別な編集スタジオの使用 • 音楽などのロイヤリティーフリー素材の購入費用 31
  • 32. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画 企画ワークショップ • チーム分け • お題 • 休憩&ネタ考える ( ̄ー ̄)ニヤリ • ワークショップスタート 32
  • 33. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ Web 動画 企画ワークショップ • チーム分け 33
  • 34. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ • チーム分け • 3人一組 34 Web 動画 企画ワークショップ
  • 35. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ • お題 次のYouTube 動画を 可能ならフルスクリーン & ヘッド ホンでご覧ください 35 Web 動画 企画ワークショップ
  • 36. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ • お題 苔玉のWeb動画を作ろう! 36 Web 動画 企画ワークショップ
  • 37. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ • 苔玉の Web 動画を作ろう チーム分け開始 37 Web 動画 企画ワークショップ
  • 38. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ • 苔玉の Web 動画を作ろう • 考えて: 38 Web 動画 企画ワークショップ
  • 39. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ • 苔玉の Web 動画を作ろう • 考えて: • 動かない苔をどう動かすか • 動画じゃないといけない企画 • ショットリスト・スケジュール • 3時間で撮るよ! • 予算 39 Web 動画 企画ワークショップ
  • 40. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ • 苔玉の Web 動画を作ろう • グループ #1 • Google Docs (公開用はリンクを外しました) • グループ #2 • Google Docs (公開用はリンクを外しました) • グループ #3 • Google Docs (公開用はリンクを外しました) 40 Web 動画 企画ワークショップ
  • 41. 2015.12.23 (水・祝) 第4回 始めてみよう Web 動画 ∼ 構成・スケジュール・予算ワークショップ お疲れ様でした! 次回は「撮影」 http://namo.doorkeeper.jp 41