![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
静止画MAD作りたいんだけどどう作るんだろう?
Adobeソフトを使って解説していきますね。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
Youtubeなんかを見ているとMAD動画というものをよく見ますよね。そういった動画を見ると「自分もこういうの作りたいなあ・・・」なんて思ってしまいます。
そこで今回はそんなMAD動画の作り方っていうのを見ていきます。
記事の内容
- この記事で作る静止画MAD
- Adobeで静止画MADを作る方法
静止画MAD動画を自分でも作りたいっていう人はどんな風に作ることができるのか参考にしてみてください。
MADの作り方見ていきましょう。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
この記事で作る静止画MAD
MADといってもどんなイメージのものができるのか分からないと思います。この記事内で作ってみるのはこれです。
![](https://creator-blog.jp/wp-content/uploads/2023/10/Comp-4.gif)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
なんかそれっぽい気もするね。
イラストはAI生成だけどね。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
MADは既存の静止画や動画を組み合わせて作る場合が多いと思いますが、今回はAIイラストをMAD風に編集して作ろうと思います。
どんな流れで作ることができるのか見ていきましょう。
使うAdobeソフト
ちなみに今回使うソフトですが以下です。
使うソフト
- Photoshop
- AfterEffects
Photoshopでイラストを動画で使いやすいように編集して、AfterEffectsで動きを付けていくってい流れですね。
ではやっていきましょう。
MADにしたい静止画を用意する
MADに使いたい静止画をまずは用意します。今回はAIツールで用意することにします。
![](https://creator-blog.jp/wp-content/uploads/2023/10/Monosnap-Image-2023-10-28-14.00.24-1024x514.jpg)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
この記事ではAIツールで作成した画像で試すってことね。
そうですね、使いたい画像があればそれを使えばいいです。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
静止画像はそのままだと動画では扱いづらいので、Photoshopで編集していきます。
Photoshopで静止画を使いやすいように加工する
MADで使いたい画像がそのまま動画でも使いやすそうならいいですが、基本的に動画では動かしづらいはずです。なのでPhotoshopでちょっと編集します。
画像の端のちょん切れをなくす
画像の端が切れてしまっていたりして使いづらいので、Photoshopでちょっと編集します。こちらもPhotoshopの生成AIツールで存在しない部分を自動で作成してもらいます。
![](https://creator-blog.jp/wp-content/uploads/2023/10/masterpieceultra-detailedbest-quality-highres-monochrome-s-274142011.jpg)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
この服の部分がちょん切れてるところね。
このままでもいいけど、やりづらいから編集していきます。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
画像の端のちょん切れてしまっている部分をPhotoshopで編集します。今のPhotoshopにはAIのジェネレーティブ塗りつぶしがあるので、それを使って補うと楽です。
![](https://creator-blog.jp/wp-content/uploads/2023/10/Monosnap-Image-2023-10-28-14.04.19-1024x467.jpg)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
画像拡張されたね。
そうですね、ほとんど自動でやってくれるので強力すぎます。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
Photoshopのジェネレーティブ塗りつぶしがどんなものか知りたかったら以下の記事を参考にしてみてください。
-
-
PhotoshopのAI生成機能を使ってみる【ジェネレーティブ塗りつぶし】
2023/8/19
AdobeのAI生成機能が使えるサービスとしてAdobe Firefliyというものがあるけど、AI ...
動かしたい部分を切り抜く
このままだとAfterEffectsで画像を動かしづらいので、Photoshopで画像本体だけを切り抜きます。
![](https://creator-blog.jp/wp-content/uploads/2023/10/photoshop切り抜き.gif)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
背景を削除するっていう感じね。
その通りです。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
動かしたい部分が背景以外丸ごとならいいですが、目や口、髪の毛など細かい部分を動かしたかったら、その部分だけ切り取った画像を保存しておきましょう。
![](https://creator-blog.jp/wp-content/uploads/2023/10/Monosnap-Image-2023-10-28-14.38.57-1024x471.png)
![](https://creator-blog.jp/wp-content/uploads/2023/10/Monosnap-Image-2023-10-28-14.39.32-1024x497.png)
Photoshopのクイック選択ツールやパスなどを使って削除し、選択とマスクでちょっと細かい部分は調整してやるといいでしょう。
AfterEffectsで静止画を動かす
画像を切り取ったら、AfterEffectsで切り取った画像をインポートします。
![](https://creator-blog.jp/wp-content/uploads/2023/10/Monosnap-Image-2023-10-28-14.41.41-1024x566.png)
AfterEffectsにはパペットツールというものがあって、ピンを刺すことで画像をこんな風に動かすことができます。
![](https://creator-blog.jp/wp-content/uploads/2023/10/ae0pin.gif)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
これでキーフレーム打って動かせばいいのね。
そうですね、ちょっとした動きはあった方が良いのでやっておきましょう。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
ちょっとした動きを付けて、AfterEffectsで吹き出しとかも付けてみるとこんな感じです。
![](https://creator-blog.jp/wp-content/uploads/2023/10/ae0pin2.gif)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
漫画っぽくなったね。
そうですね、この辺りは編集次第です。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
AfterEffectsを使えば、こうして切り抜いた静止画にちょっとした動きを付けてやることができます。ここまでくると何となくイメージが湧いてきたかと思います。
後はこれらの編集作業の連続でMADを作っていくことができるでしょう。
組み合わせる動画を作る
同じような流れでPhotoshopとAfterEffectsで動画にしたいものを作ります。
![](https://creator-blog.jp/wp-content/uploads/2023/10/Comp-2-1024x576.gif)
![](https://creator-blog.jp/wp-content/uploads/2023/10/Comp-3-1024x576.gif)
組み合わせる
最後に作成した動画を繋げて、ちょっと編集して終わりです。
![](https://creator-blog.jp/wp-content/uploads/2023/10/Monosnap-Image-2023-10-28-16.28.13-1024x471.jpg)
![](https://creator-blog.jp/wp-content/uploads/2023/10/Comp-4.gif)
まとめ
PhotoshopとAfterEffectsを使って静止画を使ったMADっぽいものを作ってみました。流れとしてはこんな感じでしたね。
- MADで使う画像を用意する
- 画像をPhotoshopで切り抜く(動画で使いやすいように編集する)
- 切り抜いた画像をAfterEffectsで動かす
- AfterEffectsで加工する
0からやり方を書いていくと膨大な量になってしまうので、省いてしまった部分もあるけど、何となくやり方はわかったんじゃないでしょうか。
Adobeソフトを持っていない人で気になった方はPhotoshopもAfterEffectsも使えるCreative Cloudのコンプリートプランを使って試してみるといいです。7日間は無料期間があるはずです。
結構作るの楽しいですよ。