予算ほぼゼロ！プロが教える、iPhoneでアプリやWEBサービスのプロモーション動画を作る方法先生：小林秀年

予算ほぼゼロ！プロが教える、
iPhoneでアプリやWEBサービスの

プロモーション動画を作る方法

株式会社ワンダー・グラフィックス代表取締役
小林秀年

Copyright@2014 Wonder Graphics .Inc all rights reserved.

自己紹介


自己紹介
アニメ制作会社STUDIO４℃を経て、
2010年に株式会社ワンダー・グラフィックス
設立。
好きな映画：ショーシャンクの空に
好きなアーティスト：オアシス
好きな食べ物：いちご煮で炊いたご飯


ワンダー・グラフィックスとは


ワンダー・グラフィックスとは

エッジのきいた動画コンテンツを

企画制作している会社です。


バイラルCMや、
ハイクオリティなプロモーション動画を企画制作。
制作した動画の Youtube 累計再生数は、300万回以上。
代表的なお仕事は、
「マツダバイラルCM」「nana」「CocoPPa」など。


正直な話


正直な話
いきなりiPhoneでプロみたいな動画は
撮れません。


普段の制作現場はこんな感じ


でも、iPhoneは


でも、iPhoneは
とてもキレイな映像が撮れるのも事実。
映像制作に最低限の機能は揃っている。


今日の授業は


今日の授業は
映像制作の基本と大事なこと
を理解してもらい、
スマホ＋ひと工夫で、
プロモーション動画を作ってみます


※注意※


※注意※

動画制作のクオリティを保証するものでは
ありません。


大事なこと


大事なこと

何を見せたいのか、はっきりさせる


もくじ
1. 構成を作ってみる

2. コンテを描いてみる
3. 撮影をしてみる

4. 編集をしてみる


それでは早速


それでは早速

中二病の会話を翻訳するアプリ
「光と闇」の

プロモーション動画をつくろう！


「光と闇」とは
誰もが若いころに一度は患う
「中二病」。
中二病の言葉を正確に翻訳し、
疎くなりがちな親子の会話を
スムーズにしてくれるのが
「光と闇」です。


「光と闇」とは
誰もが若いころに一度は患う
「中二病」。
中二病の言葉を正確に翻訳し、
疎くなりがちな親子の会話を
スムーズにしてくれるのが
「光と闇」です。

※あくまで題材であり、実際にアプリは存在しま
せん。

1. 構成をつくろう
◇アプリの概要を客観的にまとめる
◇まとめた概要をもとに、構成を作ってみる



誰のためのサービス？
どういうサービス？
どういう時に使ってもらう？



誰のためのサービス？
どういうサービス？
どういう時に使ってもらう？

すべて動画構成の要因に


もっとも簡単な構成の作り方、それは

を書き出してみることです。


もっとも簡単な構成の作り方、それは

①どんな人が、
②何を使って、
③どう変わったか
を書き出してみることです。

①「どんな人が」にあたる部分
（アプリ使用前）

家、夜の21:30ごろ
◯洗濯ものしている母。
◯ドアがあいて娘が帰ってくる。
◯母「遅いじゃない、何時だと思っているの！？」
◯娘「原初(げんしょ)よりの知の泉、ビブリオにてマナとの調
和を行っていた」
◯ポカーンとする母。
母ナレ「最近、娘が何をはなしているのかわかりません」
P1

②(「どうやって使うのか」にあたる部分）

◯中二病アプリの説明アニメーション（静止画を並べる）
◯中二病アプリのナレーション

P2

③「どうなってほしいのか」に当たる部分
（アプリ使用後）

◯せんたくものしている母、
◯娘帰ってくる
◯娘「原初よりの知の泉、ビブリオにてマナとの調和を行っ
ていた」
◯アプリを見る母
◯翻訳アプリ「図書館で勉強してたの」
◯母、笑顔。

P3


大事なこと




大事なこと

短い文章でも

伝わるものを書く


あなたのサービス・アプリに当てはめて
考えてみましょう



あなたのサービス・アプリに当てはめて
考えてみましょう
①どんな人が使うアプリですか？
②どうやって使うのですか？
③使った人はどう変わりますか？


2. 絵コンテを描いてみる



なぜコンテを描くのか



なぜコンテを描くのか

情報共有のため。
テキストで伝わる情報はほんの一部分。
時間の節約に大きく貢献します。



だから



だから

・絵は下手でいい。伝わることが大事！
・まずは構成の文章から絵にしてみる



やってみましょう



構成７行目、

を、描いてみましょう


（アプリ使用後）

ていた」
◯母、笑顔。

P3


大事なこと




大事なこと


この場面で見せたいものは、

「翻訳結果」


ちなみに僕はこう描きました

スマホのお絵かきアプリを使っています

3. 撮影してみる



準備をしましょう



用意したもの

iPhone
出演いただく方
撮影場所
衣装
大きめの白い板




撮影場所



知人からご紹介

撮影場所

弊社スタッフの実家


スマホで撮影するときの注意点

1.スマホを動かさない
2. 光をあてる。

3. 映したいものにタッチする



脇をしめて、
なるべくスマホが
動かないように。


体が前のめり。
バランスが悪く不安定。


体が前のめり。
バランスが悪く不安定。

問題外


身の回りのものを使って固定しましょう

三脚は高さなども変えられて便利


2. 光をあてる。

・昼間でも明かりをつけよう
・白い板（レフ板）を使ってみよう



白い板とは
レフ板とも呼ばれる、光を反射する白い板



白い板効果は絶大



3. 映したいものにタップする

自動的に露出（明るさ）を調整するため、人物が真っ黒に



人物部分をタッチして、明るさを合わせましょう



理想の状態になったら、録画ボタンを押しましょう


台本７行目、

を、撮影してみよう


（アプリ使用前）

ていた」
◯母、笑顔。

P3


重要なのは、

何を見せたいのか、はっきりさせること


3. 撮影してみよう

重要なのは、


見せたいものは、

「翻訳結果」


さっきの絵コンテです

スマホのお絵かきアプリを使っています


ちなみにこう撮影しました。


4. 編集してみる


4. 編集してみる

編集手順

1. 撮影した素材をつなぐ
2. 音楽を挿入する

3. ナレーションを収録する


4. 編集してみよう

重要なのは、




重要なのは、


必要なものだけをまとめる



短くまとめてみました


最後に

振り返ってみよう



サービスの概要まとめに始まり、
動画が完成するまで



サービスの概要まとめに始まり、
動画が完成するまで

すべてのカットや言葉に、
意味がある


今日の動画制作の流れは
さまざまな動画制作に応用できます。

会社紹介動画、
ミュージックビデオ、
記録撮影など。



遊びをどんどん入れながら、
スマホやデジタルカメラで、

トライしてください！


質疑応答


おまけ

僕たちもガチで作ってみた


ワンダー・グラフィックスは、
世界中の人の心を揺さぶる動画を作り続けることで

世界一、人気のある
Youtubeチャンネルを目指します


宿題
60秒のプロモーション動画を作ってみましょう

条件

・台詞なし音楽のみ（権利処理を忘れずに）
・テロップ（テキスト）は極力入れない


予算ほぼゼロ！プロが教える、iPhoneでアプリやWEBサービスのプロモーション動画を作る方法先生：小林秀年

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to 予算ほぼゼロ！プロが教える、iPhoneでアプリやWEBサービスのプロモーション動画を作る方法先生：小林秀年

Similar to 予算ほぼゼロ！プロが教える、iPhoneでアプリやWEBサービスのプロモーション動画を作る方法先生：小林秀年 (20)

More from schoowebcampus

More from schoowebcampus (20)

Recently uploaded

Recently uploaded (10)