After effectで動画の1カットの静止画を切り取る

After effectで動画の1カットの静止画を切り取る

こんにちは!マツイです。

今日はAfter effectで動画の1カット(静止画)を簡単に作成する方法です。
で、これ最近でいうとwebサイト制作時のファーストビュー(サイト開いて初めに目に入る部分です)に動画を採用したんですが、レスポンシブに動画が止まっちゃうので、スマホ時は静止画にして切り出しました。今回も、メモ的なちょっと備忘録なブログです。

基本これが全てです。これ通りにやると大概いけます。
https://pangaea.top/after-effects/142/
ちなみにafter effectはadobeの製品なので、サブスクリプション(月額定額制)での購入が必要です。

やっている事はカンタン

  • 1.メニューバーのコンポジション > フレームを保存 >ファイルを選択
  • 2.jpegのシーンケース変換(その時にサイズなども変更)
  • 3.レンダリングボタンを押す
  • 4時間はかからず、ピロリロリンと音(ゲーム音みたいな音)がなる
  • 5.終了!

とこんな感じです。動画から1シーンカットしてつかたい場合は、このやり方でやるとすんなるいくので、おすすめです。

余談

最近、新たなプロジェクトが始まり、一気に横文字が増えました。web制作も結構横文字が多くて自分もそれが普通になっちゃって、クライアントの方や友達などなどに伝える時に大変だったりしますが。ただ、制作を中心としてこれまでやって来ましたが、制作中心ではなく、UX部分ここにも自分の可能性を見つけました。ある程度繰り返すと理解が出きて提案や知見もたまり、リーダーシップも取れて行きそうなので楽しみです。

松井 貴史

松井 貴史

RUBY DESIGN. 代表 スタートアップや企業のサービスのフロントに関わるデザインや実装の仕事をしています。現在、リソースシェアサービスサービスを開発中/完全朝型/熊本出身 リモートチーム募集中です。詳しくはお知らせをご覧ください。

類似記事

アイコンだけで伝わらない場合の解決方法

フリーランスになって5年目。そろそろ仲間を見つけて面白い事をしていきたい。

フリーランスになって5年目。そろそろ仲間を見つけて面白い事をしていきたい。

面倒くさい!を減らす。生活が楽になる便利なサービス

なぜVue.js ? Laravelで Vue.js を使う理由と導入方法。