静止画をアニメーションさせる方法7選！1枚の画像から動かそう。

そんな悩みを解消するために今回は静止画をアニメーションさせる方法を書いていきたいと思う。アニメーションさせる方法はいくつかあるから、何か良さそうなものがあれば試してみてください。

静止画をアニメーションさせていこう

Windowsのペイント3Dで静止画をアニメーションさせる

まずはWindowsに最初から入っているペイント3Dで静止画をアニメーションさせる方法。ペイント3Dは3Dと名前のついている通り3D感のあるアニメーションを作ることができる。

 ペイント3Dで作れるアニメーション例

ペイント3Dでは写真を取り込んだらそれにアニメーションを付けることができるんだけど、こういったものを作ることができる。

なかなか良い感じですよね。ペイント3Dの魅力は3D空間内にオブジェクトを配置して動かすことができる点です。オブジェクトは用意されているものを使えるからそれらをうまく配置して動かせばいいです。

ペイント3Dを使ったアニメーションの作り方は以下の記事で書いているので参考にしてみてください。

PhotoMirageで静止画をアニメーションさせる

PhotoMirageは有料のソフトなんだけど静止画にこんな風に動きを付けることができる。（海の波と空に動きを付けてみました）

 静止画をアニメーションさせる方法

PhotoMirageで静止画をアニメーションさせる際には、動かしたい方向へ矢印を引っ張ってやるだけでいい。

操作は簡単で動きを止めたい部分と動かしたい部分に印をつけていけばいいだけ。書き出しは今回Gifで行っているけどmp4でもできる。

（元の静止画）

（Photomirageでアニメーション）

動きが一寸雑な部分もあるけど矢印の位置や長さを調整することで動きの感じは変えることができます。PhotoMirageはかなり簡単に動きを付けることができるから楽なんですが、有料で9000円ぐらいします。買い切りだから悪くないけど、ちょっと手を出すのに躊躇してしまうかな・・・っていうところ。

Photomirage簡単に動きを加えられるけど、それなりの価格はするね

PhotoshopとAfterEffectsを使って静止画をアニメーションさせる①

Adobe製品であるPhotoshopとAfterEffectsを使って静止画をアニメーションさせる方法です。ちょっとした3D感のあるものを作ることができる。

簡単に流れを書いていくよ

Photoshopで素材を切り取る

まずはPhotoshopで静止画から素材を切り取っていきます。

この画像をPhotoshopに取り込んで鳥とポストと背景に分割します。

分割したものをそれぞれ画像として保存してAfterEffectsに取り込みましょう。

AfterEffectsで素材を動かす

AfterEffectsでさっき作成した素材を取り込みます。取り込んだらカメラも追加しましょう。

素材は3Dレイヤーにして位置を調整します。

位置を調整したらカメラのキーフレームを打って動きを調整したら完了です。

 AfterEffectsでは様々なアニメーションが可能

とはいってもAfterEffectsは機能が豊富になるので様々なアニメーションを静止画に加えることが可能です。単純に一つエフェクトを加えるだけでもそれっぽい動きになってくれるからありがたい。

例えばこんなのとかいろいろできる

AfterEffectsはかなりの数のエフェクトがあってできることはかなり幅が広いです。AfterEffectsに興味のある方は以下の記事を参考にしてみてください。

PhotoshopとAnimateを使って静止画をアニメーションさせる

Adobe Animateを使ってでも静止画を動かすことができます。Photoshopも使ったりしますけどね。

元画像

編集後

Photoshopで鳥の画像を切り抜いてAnimateで動きを付けました。背景も流れるようにAnimateで編集した感じですね。
Adobeから7日間の無料期間ありで使えます。

以下の記事で詳しくやったことを書いているので、気になったら見てみてください。

Animateで静止画をアニメーションさせて動かす方法を紹介【Photoshopも使うよ】

2022.10.2

静止画アニメーションさせて動かしたいんだけどできない？ 静止画をアニメーションさせて動かすべく、この記事ではAnimateとPhotoshopを使ってやっていこうと思います。 この記事でやること Photoshopで動かしたい画像の切り取り Animateで画像からアニメーションを作る Animat...

PhotoshopとAfterEffectsで静止画をアニメーションさせる②

AfterEffectsを使ってでも静止画を動かすことができたりします。

元画像

編集後

Animateでやった時と同じように、Photoshopで切り取った素材に対してAfterEffectsに動きを付けました。使ったのはパペットツールです。

以下の記事で詳しくやっているから気になったら見てみてください。

AfterEffectsで静止画をアニメーションさせる方法【Photoshopも使う】

2022.10.5

AfterEffectsで静止画アニメーションさせるってできない？ 今回はAfterEffectsを使って静止画をアニメーションさせるっていうことをやっていきます。Photoshopも使いますよ。 記事の内容 Photoshopで動かしたい画像を切り取る AfterEffectsで切り取った画像にア...

PhotoshopとAfterEffectsで静止画をアニメーションさせる③

イラストをアニメーションさせようと思ってPhotoshopとAfterEffectsでNovelAIで生成したイラストを動かしてみました。

上記のアニメーションを作る手順は以下の記事で書いているから良かったら見てみてください。

AIが生成したイラストをアニメーションさせる【Photoshop/AfterEffects】

2022.10.22

AIが作成したイラストどうせならアニメーションさせたいんだけどできる？ AIで作成したイラストをせっかくなら動かしてみたいですよね。この記事ではAIで作成したイラストをPhotoshopやAfterEffectsを使って動かしてみたいと思います。 この記事でやること AIでイラストを生成 生成したイ...

Live2D

Live2Dはイラストを動かすことのできるソフト。イラストを動かす際には、動かすパーツ毎に分解してそれらのパーツに動きをつけていきます。

Live2D

AfterEffectsのプラグインやPhotoshopのスクリプトもあるから、それらの扱いに慣れている人は使ってみるといいでしょう。

 無料トライアル版があるよ

Live2Dには無料トライアル版があります。どんな感じか使ってみたかったらまずは無料トライアル版を使って試してみることをお勧めします。

2枚の静止画からプログラムの力で動かす

AIのプログラミング技術を使って画像をアニメーションさせたりすることができます。以下のようなアニメーションを作ることができる。（どちらもStylegan2-adaっていうやつを使ったもの）

以下の記事で顔写真のアニメーションについて書いています。

2枚の静止画から顔を変えるアニメーションを作成する【Stylegan2-ada】

2022.11.11

顔画像を変化させるアニメーションって作れる？ 今回はStylegan2-adaというものを使って顔画像を変化させるようなアニメーションを作っていきたいと思います。 記事の内容 静止画2枚をStylegan2-adaで動かす 機械学習で顔画像のモーフィング動画を作成 を参考にしてやっていきますよ。 作...

以下の記事でイラストのアニメーションについて書いています。

AIでイラストのアニメーションを作成する【Stylegan2-ada】

2022.11.11

イラストのアニメーションってAIで作れないの？ 今回はAIの力でイラストのアニメーションを作成するっていうことをやっていきます。Stylegan2-adaっていうものを使ってやっていきますよ。 記事の内容 Stylegan2-adaを使ってイラストのアニメーションを作成してみる この記事ではAI関連...

プログラムを扱うからちょっと難しいけど、AIプログラミングがわかる人はかなり色々なことができるはずです。

静止画をアニメーションさせる方法まとめ

静止画をアニメーション化させるための方法を7つ見てみたけど、今回紹介した方法は以下の7つ。

簡単なのはWindowsのペイント3DとPhotoMirageを使った方法ですが、クオリティを求めるならAfterEffectsやAnimateを使ってみるといいでしょう。両方ともAdobeから7日間無料で使えます。