中級者編 Filmora

Filmoraで画像を自由に動かす方法3選【写真・静止画・イラスト】

2022年12月15日

Filmoraで画像を自由に動かす方法3選【写真・静止画・イラスト】
ぺんくん
ぺんくん

Filmoraで画像や写真・静止画・イラストなどを動かす方法について教えてください。

このような声にお応えして参考となる記事をご用意しました。

こちらの記事ではWondershare(ワンダーシェアー)の動画編集ソフトFilmora(フィモーラ)で画像を動かす方法について解説します。

記事の内容を実践するだけで、簡単に画像を動かすことができ、素敵な動画が完成しますよ。

私は動画編集歴10年。これまでにたくさんの動画編集ソフトを使ってきました。

Filmoraは初心者から中級者まで使える動画編集ソフトなので、画像を動かす方法も比較的簡単です。

しかし、設定方法や使い方が少し分かりにくい箇所もあるので、ぜひ参考にしてくださいね。

FilmoraはPC版以外にもAndroidやiphoneなどのスマホアプリ版もあります。

おかくん

この記事で分かること

  1. Filmoraで画像や写真、静止画、イラストを動かす方法。
  2. Filmoraで画像を回転させる方法。
  3. Filmoraで画像をスクロールさせる方法。など

※最新バージョンFilmora11で解説していますが、旧バージョンでも基本的な使い方は同じです。

※Windows11パソコンで解説していますが、Windows10パソコンでも基本的に同じです。

Filmoraは無料版でも今回紹介する機能が使えます。

使ってみたい人は無料体験版をダウンロードして使ってみましょう。

おかくん

⇩動画編集を仕事や副業にするならPremiere Pro+講座受講が必須です。

初心者におすすめの動画編集講座を下記の記事で解説していますので、こちらもぜひ参考にしてください。

【初心者向け】動画編集通信講座ランキングTOP10!【オンラインスクール】

Filmoraで画像(静止画・写真・イラスト)を自由に動かす方法3選

Filmoraで画像・静止画・写真・イラストを自由に動かす方法は以下の3つがあります。

  1. プリセットアニメーションを使って画像を動かす。
  2. キーフレームを使って画像を動かす。
  3. パン&ズームを使って画像を動かす。

以下で順番に解説します。

おかくん

⇩素材をタイムラインに追加するなど、Filmoraの基本的な使い方は下記の記事で解説しているので必要な方は先にご覧下さい。

Wondershare Filmoraの使い方5ステップ【無料版も同じ・本より詳しい】

①アニメーションプリセットを使って画像を動かす

Filmoraのアニメーションプリセット機能を使うと簡単に画像を動かすことができます。

  1. ①のタイムラインに追加した画像をダブルクリックする。
  2. ②の「アニメーション」から③の「プリセット」④の「アニメーションプリセット」を選択する。
  3. ⑤に表示されたアニメーションの中から気に入ったものをダブルクリックすると画像に適用される。

今回は一時停止を選択しました。

おかくん

⇧画像がスライドして一時停止します。

あらかじめ登録されたものを選ぶだけなので簡単です。

おかくん

②キーフレームを使って画像を動かす

キーフレームを活用すると、画像だけでなくあらゆる素材に対して自由な動きをつけられるようになります。

キーフレームで画像を動かす
  1. タイムラインに追加した画像を選択し、①の「キーフレーム」を選ぶ。(アニメーションカスタマイズでも同じ。)
  2. ②の「カーソル」を移動しながら③の「追加」でポジションのキーフレームを追加していく。
  3. 今回は⑤の画像を矢印のように移動させるキーフレームを設定します。

今回は②のカーソルと⑤のプレビュー操作だけで画像を移動させます。

おかくん

上記のようになれば成功です。

おかくん

応用で下記のようなオープニングに使えそうな動画を作成しました。

簡単オープニングのタイムライン

⇧上記動画のタイムラインの状態。

画像を分割してキーフレームを適用しています。

おかくん

③パン&ズームを使って画像を動かす

パン&ズームを使うと画像をスライドショーのように動かすことができます。

パン&ズームを選択する
  1. タイムラインの画像①を選択し②の「クロップ」を選ぶ。
  2. ③の「パン&ズーム」を選択する。

⇧枠を調整して、スタート時に表示される画像と終了時に表示される画像を設定します。

⇧このように、画像を自由に動かすことができます。

パン&ズームはスライドショーでよく使う機能です。

おかくん

パン&ズームの使い方は下記の記事で詳しく解説しています。

Filmoraのパン&ズームとクロップの使い方【拡大できる2つの素材】

Filmoraで画像(静止画・写真・イラスト)を回転させる方法

Filmoraで画像を回転させる方法は以下の2つです。

  1. アニメーションプリセットを使って回転させる。
  2. キーフレームを使って回転させる。

以下で順番に解説します。

おかくん

①アニメーションプリセットを使って回転させる

アニメーションプリセットには、あらかじめ登録された回転のアニメーションがあります。

渦巻きインと渦巻きアウトを選択する
  1. ①のタイムラインに追加した画像をダブルクリックする。
  2. ②の「アニメーション」から③の「プリセット」④の「アニメーションプリセット」を選択する。
  3. ⑤に表示された「渦巻きイン・渦巻きアウト」をダブルクリックすると画像に適用される。

⇧渦巻きインと渦巻きアウトを組み合わせています。

アニメーションプリセットにはあらかじめ動きが登録されているので便利です。

おかくん

②キーフレームを使って回転させる

続いてキーフレーム機能を使って画像を回転させる方法を解説します。

  1. ①のタイムラインに追加した画像をクリックする。
  2. ②の「キーフレーム」を選択する。
冒頭にキーフレームが自動的に追加される
  1. 画像の冒頭にキーフレームが自動的に追加される。
  2. 追加されていない場合は「追加」ボタンを選択してキーフレームを選択する。
カーソルを末尾に移動し、キーフレームを追加する
  1. 画像の末尾①にカーソルを移動する。
  2. ②の「追加」を選択してキーフレームを追加する。
  1. 今回は画像の末尾までに2回転させたいので矢印の部分に720°と入力する。
  2. 数字を入力する代わりに、回転の部分をドラッグ&ドロップしながら回転させることでも設定できる。

画像がずれる場合の対策

回転のキーフレームを追加した場合に、下記のように画像がずれる場合があります。

720°と入力すると画像がずれる

⇧最後がピッタリと止まらず、少しずれる。

普通に考えて720°と入力すれば2回転して元に戻るはずですが、何故かずれます。

おかくん
  1. 今度は723°と入力してみました。
  2. ②のように、ピッタリ戻りました。
キーフレームを左にずらす

⇧もしくはキーフレームを左にずらすことでも対応できます。

このように、少しずれるので気を付けましょう。

おかくん

動画でも解説しています。

⇧キーフレームの回転機能を使ってオープニングに使えそうな動画を作成してみました。

キーフレームを使えば文字を揺らすことも可能です。

おかくん

Filmoraで画像(静止画・写真・イラスト)をスクロールする方法

Filmoraで画像をスクロールする方法は以下の2つです。

  1. アニメーションプリセットを使ってスクロールする。
  2. キーフレームを使ってスクロールする。

以下で順番に解説します。

おかくん

①アニメーションプリセットを使って画像をスクロールする

アニメーションプリセットで画像をスクロールする方法を解説します。

アニメーションプリセットを選択して上に移動を選択
  1. ①のタイムラインに追加した画像をダブルクリックする。
  2. ②の「アニメーション」から③の「プリセット」④の「アニメーションプリセット」を選択する。
  3. ⑤に表示された「上に移動」をダブルクリックすると画像に適用される。

⇧上にスクロールができる。

②キーフレームを使って画像をスクロールする

キーフレームを使うことで自由に動きが付けることが可能。

今回はキーフレームを使って吹き出しをLINE風にスクロールする方法を解説します。

ポジションのキーフレームを追加する
  1. タイムラインに追加した②の画像を選択し、スクロールしたい箇所(今回は①)にカーソルを移動する。
  2. ③の「キーフレーム」を選択し、④でキーフレームを追加する。
  3. 素材をスクロールするには⑤の「ポジション」を使う。
ポジションを変更する
  1. カーソルを移動し、ポジションの数字をドラッグ&ドロップで調整する。
  2. 今回は上にスクロールしたいのでYをドラッグ&ドロップして上にスクロールさせる。

これで吹き出しが上へスクロールする動きが設定できました。

おかくん

⇧吹き出しが上へスクロールすると同時に、2番目の吹き出しが現れるように設定しています。

⇧このような感じになれば完成です。

微調整が難しいですが、慣れるまで頑張りましょう。

おかくん

スクロールのキーフレームを活用して作成した動画です。

⇧上記のLINE風動画のタイムラインの状態。

慣れれば30分ほどで作成できるようになります。。

おかくん

Filmoraで画像をトリミング・切り抜きする方法

画像の余分な箇所を切り取りたい場合は、クロップ機能を使うことで画像切り抜きができます。

Filmoraのクロップ機能でトリミングする方法は下記の記事で詳しく解説していますのでご覧下さい。

Filmoraのトリミング・クロップ機能で動画や画像(写真)・人物を切り抜きできる件

Filmoraで画像を動かす際のQ&A5選

Filmoraで画像を動かす際によくある質問と解決法は以下の5つです。

  1. Filmoraで写真の枠をぼかすには?
  2. Filmoraでテキストアニメーションを止めるには?
  3. Filmoraで画像の背景を透過して動画に重ねるには?
  4. Filmoraで画像の中の一部を縁取りするには?
  5. Filmoraで画像の上に文字を挿入するには?

皆様から特に質問が多かった事項を取り上げました。

以下で順番に解説します。

おかくん

①Filmoraで写真の枠をぼかすには?

写真の枠にぼかしを入れるにはエフェクトを使うと簡単です。

例えばエフェクトの「シェイプマスク」を使うと下記のように、写真の枠をぼかすことができます。

⇧上記のように枠をぼかすことができます。

⇧エフェクトで「ぼかす」と入力して検索すると、他にもたくさん出てきます。

②Filmoraでテキストアニメーションを止めるには?

Filmoraでは動画を一時停止するフリーズフレームという機能があります。

フリーズフレームを選択する

⇧一時停止したい箇所に①のカーソルを移動し、②の「フリーズフレーム」を選択する。

フリーズフレームが適用される

⇧動画の一部が画像のように停止される。

フリーズフレームは動画にしか適用できないため、画像やテキストを止めたい場合は、スナップショットを使いましょう。

スナップショットを選択する

⇧テキストや画像を止めたい箇所にカーソルを移動して、プレビュー下のカメラマークを選択する。

画像として抽出することで、止まった状態を使えます。

おかくん

⇩スナップショットの機能については下記の記事で詳しく解説しています。

PC版Filmoraでのサムネイル画像の作り方3ステップ【動画から画像を抽出】

③Filmoraで画像を透過して動画に重ねるには?

Filmoraで画像の背景を透過して動画に重ねるには、AIポートレート機能を使う必要があります。

以下準備中。

④Filmoraで画像の中の一部を縁取りするには?

Filmoraで画像から人物などの縁取りをするには、AIポートレート機能を使う必要があります。

以下準備中。

⑤Filmoraで画像の上に文字を挿入するには?

動画素材や画像素材の上に文字を挿入する場合は、タイムライン上のトラックの順番に気を付けましょう。

画像の上に文字を挿入する際に気を付けること
  • タイムライン上のトラックは上に行くほど優先される。
  • 文字を配置する場所は画像より上にする。
  • 画像と文字を逆に配置すると、文字が画像に隠れて見えない。
  • 動画に字幕を入れる場合も同じ。

タイムラインに複数トラックがある場合は気を付けましょう。

おかくん

【まとめ】Filmoraで画像を動かす方法をマスターして素敵な動画を作ろう

Filmoraで画像を自由に動かす方法を解説しました。再度確認です。

  • Filmoraで画像を動かすには、あらかじめ動きが登録されたアニメーションプリセットを使うと簡単。
  • キーフレームを使うと画像を自由に動かすことができる。
  • パン&ズーム機能を使うとスライドショーのように画像を動かすことができる。

Filmoraで画像を動かす方法をマスターして素敵な動画を作ろう。

⇩動画編集を仕事や副業にするならPremiere Pro+講座受講が必須です。

初心者におすすめの動画編集講座を下記の記事で解説していますので、こちらもぜひ参考にしてください。

こちらもCHECK

【初心者向け】動画編集通信講座ランキングTOP10!【オンラインスクール】
【初心者向け】動画編集通信講座ランキングTOP10!【オンラインスクール】

動画編集を始めたいあなたへ。当記事では初心者におすすめの動画編集講座を解説しています。記事の内容を見ていただくだけで自分に合った講座が分かり、動画クリエイターを目指せますよ。どうぞご覧下さい。

続きを見る

\よかったらシェアしてね/