Cntlog > スキルアップ・ノウハウ > スマホで動画撮影するときに気をつけることとコツ

スマホで動画撮影するときに気をつけることとコツ

おすすめの設定

画面サイズ

FULL HD 1920×1080のサイズ

FPS

30fps(1秒間に30コマ)

機内モード

撮影中に電話などの通知が来ないようにする

撮影するときのポイント

  • 「長め」に撮影する
    • 開始終了前後にのりしろ(時間的な余白)をつける
  • 「引き」と「寄り」での両方で撮る
    • 単調にならず、見る人を退屈させない素材
    • 左右のアングルの違いもあると良い
  • テロップの位置を考える
    • テロップが入る余白を考えて撮影する
  • スローモーション撮影
    • fpsを240(30×8)Slow 12.5%にして撮影
    • 1秒を8秒にゆっくり取れる
  • タイムラプス
    • Hyperlapceを使う(iOS/Android
    • タイムラプス&手ブレ補正

撮影道具

編集ポイント

  • 1分程度にまとめる(長くても2~3分)
    • このくらいの時間で分けて作ると検索に引っ掛けやすい
  • オープニング+本編+エンディング
    • オープニングにあると良いもの
      • 本編のダイジェスト
      • おもしろいつかみ
      • インパクト
    • エンディングにあると良いもの
      • 今日のおさらい
      • 製作者名
      • WEBサイトのURL
      • SNSアカウント
  • 音楽(BGM)を入れる
    • フリーBGM素材 DOVA-SYNDROME
      • テイストや尺で検索できる

関連記事

コーディング規約(HTML・CSS)を作ってみた(公開済)... WEB制作に関わって4年位経ちましたが、最近自分のコーディングルールがバラバラで無駄が多いなと思ってきたので自分用にコーディング規約をまとめてみました。 作って見た規約はこちら。 WEB制作ガイドライン コーディング規約を作った理由 オレオレフレームワークやWordPres...
Bootstapのグリッドでcolumn崩れが起きるときの対処法... Bootstrap3でグリッドを使っているとしばしば、カラム落ちしてレイアウト崩れをおこしている状態を見かけます。 今回はその対処方を紹介します。 対処方法 Flexboxを使う gridの.rowにFlexboxを当てれば解決します。 CSS ....
簡単にスクロールアニメーションが設定できるAOS(jQuery不要)... 最近のWebサイトを見ているとメインビジュアルのアニメーション以外にもスクロール時にコンテンツの一部がアニメーションしてるページが増えてきました。 一つ一つJSで操作を管理すると結構手間になりますがライブラリを使えば、簡単に出来るものもあります。 今回はJSをほぼ書かずに簡単にスクロール...
【JavaScript】PCサイトかスマートフォンサイトを選択させるスクリプト... PC向けサイトにアクセスした際にスマートフォン向けサイトを表示するか選択してもらうスクリプトを書きました。 今回はJavaScriptで作っています。 //iPhone、iPad、AndroidのURLをリダイレクト(選択)させる $(function(){ ...
ワイヤーフレーム作成用のUIパーツを作りました(DL可能)... WEBサイトを作る際に使用するワイヤーフレームのパーツ集を作りました。 Fireworksに特化して使えるようにしています。 個人・商用の利用は自由なのでディレクタさん達に利用いただけると嬉しいです。 ダウンロードする...
色選び苦手な人に勧めたい、マテリアルデザインのカラーパレットの活用方法(初心者向け)... Google のマテリアルデザイン良いですよね。 特にカラーパレットがいいなと思っています。 サイトを作る際に「何色を使おう」、として色を決めても「じゃあこの色の濃いバージョン、薄いバージョン」などより複数の色が必要になってきてある程度組み合わせの検証の時間が...