![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
静止画の一部動かしたいんだけど簡単な方法ないの?
Runway使えば簡単ですよ。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
静止画をどうにか動かしてアニメーションさせたいっていうときありますよね。例えば以下は元は静止画なんだけど、PhotoMirageっていうソフトを使ってアニメーションさせたものです。
![](https://creator-blog.jp/wp-content/uploads/2023/01/ocean61-1.gif)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
空や海の水が流れているね。
そうですね、ちょっといじるとこんな感じになります。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
今までこういった静止画の一部を選択して動かすのはPhotoMirageは結構楽だなあ・・・と思っていたけど、Runwayやばいです。Runway使えば結構簡単に静止画の一部を動かすことができたので、今回はその方法を紹介したいと思います。
ちなみに静止画を動かす方法は以下でまとめているから、気になる方がいたら参考にしてみてください。
-
-
静止画をアニメーションさせる方法5選!1枚の画像から動かそう。
2024/3/30
そんな悩みを解消するために今回は静止画をアニメーションさせる方法を書いていきたいと思う。アニメーショ ...
Runwayで静止画の一部をアニメーションさせた例
Runwayをいじる前にどういったアニメーションになるのかを見ておきましょう。最初の画像が元画像、後の動画がRunwayで編集したものです。
![](https://creator-blog.jp/wp-content/uploads/2023/11/frank-mckenna-eXHeq48Z-Q4-unsplash-1024x682.jpg)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
波の動きがかなり綺麗だね。
そうですね、ここまで綺麗に動いてくれるのは衝撃です。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
何となくどういった動きができるか分かったらRunwayをいじっていきましょう。
Runwayで静止画の一部をアニメーションさせる
Runwayを開いたら、「Start with Image」をクリック。
![](https://creator-blog.jp/wp-content/uploads/2023/11/Monosnap-Image-2023-11-29-10.13.34-1024x447.jpg)
画像をアップロードできるので、アニメーションさせたい画像をアップロードします。
![](https://creator-blog.jp/wp-content/uploads/2023/11/Monosnap-Image-2023-11-29-10.14.29-1024x235.png)
Motion Brushを選択して、動かしたい範囲をブラシでなぞります。
![](https://creator-blog.jp/wp-content/uploads/2023/11/Monosnap-Image-2023-11-29-10.54.17-1024x230.png)
![](https://creator-blog.jp/wp-content/uploads/2023/11/Monosnap-Image-2023-11-29-10.57.31.jpg)
- Horizontal・・・横方向の動き
- Vertival・・・縦方向の動き
- Proximity・・・近接性?なにこれ。
こんな感じでなぞって設定して実行してみると動画が生成されました。
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
蒸気の動きが凄いね。
機関車の形や文字も若干変わっちゃっていますけどね。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
ちょっと変になってしまった部分もあるけど、なぞるだけで静止画の一部を動かすことができるのは凄いですよね。かなり簡単です。
Proximityを最大にして実行してみる
Proximityが何が分からないので、最大にして試してみます。
![](https://creator-blog.jp/wp-content/uploads/2023/11/Monosnap-Image-2023-11-29-11.03.42.png)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
上記の流れがちょっと変わったね。
見比べてみるとそうですね。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
ただ数値によって明確にどこに違いが表れるかよく分からないので、ここは実際に使って試してみるといいでしょう。
まとめ
Runwayで静止画の一部を動かすっていうことをやってみたけど、かなり簡単にできました。ただ意図しないような変更がされてしまう場合もあるので、ちょっと難しい部分もありますね。大まかな動きなら付けやすそうだし、操作も簡単です。
細かい動きなんかはAfterEffectsなどで動きを付けたほうが良さそうですね。気になったら試してみるといいでしょう。