![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
Adobe Animateって何ができるの?
Adobeいろいろソフトあるからぶっちゃけよく分からないですよね。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
動画やアニメーション作りたいと思っても、AdobeにはPremiereProやAfterEffects、Animateなどいろんなソフトがあって何を使ったらいいのか分からないですよね。
そこで今回はAdobe Animateでどんなことができるのか?っていうことを書いていきます。
記事の内容
- Adobe Animateとは?
- Adobe Animateで具体的にどんなことができるのか?
- AfterEffectsとの違いは?
- AnimateとAfterEffectsどちらを使えばいいのか?
Animateでどんなことができるのか知りたい方は参考にしてみてください。
Animateでどんなことができるのか見ていきましょう。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
Adobe Animateとは?
![](https://creator-blog.jp/wp-content/uploads/2023/03/AdobeStock_422253782-1024x275.jpeg)
Animateはイラストツールとアニメーションツールを使用してイラストを作ったりイラストにアニメーションを付けたりすることができるソフト。
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
具体的にどんなイラストやアニメーションが作れるんだろう?
基本的にイラストを使ったアニメーションですね。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
どんなことができるのかあまりイメージが湧かないと思うので、画像を交えて見ていきましょう。
イラストにアニメーションを付ける
Animateでは作成したイラストをインポートしてそれを動かすこともできるんだけど、用意されているアニメーションやイラストを使って動かすこともできます。
![](https://creator-blog.jp/wp-content/uploads/2023/03/Image-2023-03-05-09.42.41-1024x406.png)
例えばロケットのイラストにキーフレームを打って動きを付けてみるとこんな感じです。
![](https://creator-blog.jp/wp-content/uploads/2023/01/Image-2022-03-16-20.46.59.webp)
![](https://creator-blog.jp/wp-content/uploads/2023/01/rocket-animation.gif)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
イラスト動いてるね。
そうですね、用意されているいらうストを動かすなら割と簡単です。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
Animateはこういったイラストに動きを付けるといった操作をしたいときに向いていますね。
イラストに骨組みを入れて動かす
もうちょっとイラストを複雑に動かしたいっていう時には、動かしたいイラストに骨を入れて細かく動かすこともできる。
![](https://creator-blog.jp/wp-content/uploads/2022/07/Image-2022-07-30-11.50.03-1024x522.png)
クラゲの足が綺麗に動くように骨組みを作って動かしてみるとこんな感じです。
![](http://about-adobe.com/wp-content/uploads/2022/07/kurage.gif)
これはAnimateのチュートリアルなんだけど、かなり滑らかに動いてくれていますよね。
イラストに骨を入れて綺麗に動かしたいっていう場合はAnimateを使ってみるといいでしょう。
画像に骨組みを入れて動かす
イラストだけじゃなくて画像に対しても骨組みを入れて動かすことができます。
![](https://creator-blog.jp/wp-content/uploads/2023/01/bird-image.webp)
![](https://creator-blog.jp/wp-content/uploads/2023/01/bird-animation2-2.gif)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
画像を動かすこともできるんだ。
そうですね、こういったこともできなくはないです。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
これは鳥の画像をPhotoshopで切り取ってAnimateで動かしたものなんだけど、どんな風にやっているか気になったら以下の記事を参考にしてみてください。
Animateで静止画をアニメーションさせて動かす方法を紹介【Photoshopも使うよ】
AfterEffectsとAnimateの違い
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
AfterEffectsでもAnimateと同じようなことできるって聞いたけど?
確かにそうですね、少し違いを見ていきましょう。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
Animateではイラストを使ってそれを動かしたりっていうことができるけど、実はAfterEffectsでもそういったことができます。
AfterEffectsではパペットツールを使ってイラストを動かせる
AfterEffectsの場合、Animateのようにイラストや画像を動かす場合はパペットツールというものを使って動かすことが可能です。
![](https://creator-blog.jp/wp-content/uploads/2022/11/elephant2.gif)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
AfterEffectsは骨組み入れて動かすんじゃないんだね?
そうですね、パペットツールっていうもので点を打って動かしていきます。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
骨を入れるんじゃなくて支点となるところに点を打って動かしていくのが、AfterEffectsのパペットツール。操作はしやすいけど、感覚的には骨を入れて動かすことのできるAnimateの方がイメージはしやすいかな。
Animateは骨組みを入れて動かせる
さっきも書いたけど、Animateはイラストに骨組みを入れて動かす間接を設定できます。
![](https://creator-blog.jp/wp-content/uploads/2022/07/Image-2022-07-30-11.50.03-1024x522.png)
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
人間と同じようなイメージかな?
そうですね、入れた骨に沿ってイラストを動かすことができますよ。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
この骨を入れて動かすっていうのはイメージしやすいんじゃないかなと思います。AfterEffectsだとどこがどう動くかイメージしづらいけど、Animateで骨を入れるとその骨の組み方で動かす範囲が決まってくる。
さっきの鳥の画像だとこんな感じですね。
![](https://creator-blog.jp/wp-content/uploads/2023/01/Image-2022-10-02-13.12.03-1024x481-1.png)
この骨は自分で好きなように作れるから、イラストに合うように設定するといいですよ。
AnimateとAfterEffectsの難易度の違い
あくまで主観になってしまうけれどもAnimateとAfterEffectsはAfterEffectsの方が難しいです。AfterEffectsは機能がありすぎて、どこをどういじったら目的の操作をできるのか慣れるまで大変です。
両方の編集画面を少し見てみましょう。
Animateの編集画面
Animateの画面はこんな感じです。左側に図形を描画するようなツールが配置されていて、オブジェクトを右から追加することができます。
![](https://creator-blog.jp/wp-content/uploads/2023/03/Image-2023-03-08-14.33.12-1024x547.png)
下のタイムラインで素材を組み合わせてアニメーションを作ることができます。
AfterEffectsの編集画面
AfterEffectsはこんな感じです。普段英語版使っているから英語になってしまっているけど、いろんなボタンがありますね。
![](https://creator-blog.jp/wp-content/uploads/2023/03/Image-2023-03-08-14.34.40-1024x549.jpg)
画面上からだけだと読み取れないものも多いけど、かなり多くの機能があるのでそれらを使いこなすのは大変です。
AnimateとAfterEffectsどちらを使うべきか
![](http://about-adobe.com/wp-content/uploads/2022/07/赤ちゃんのフリーアイコン9.png)
AnimateとAfterEffectsってどっち使ったらいいんだろう?
用途に応じて選ぶといいですよ。
![](http://about-adobe.com/wp-content/uploads/2022/07/社長のアイコン.png)
単純なアニメーション作成ならAnimate、イラスト作成や凝ったアニメーションを作りたいならAfterEffectsをおすすめします。
- イラスト作成・単純なアニメーション作成・・・Animate
- 凝ったアニメーション作成・・・AfterEffects
どちらもイラストを動かしたりすることはできるんだけど、AfterEffectsには膨大なエフェクトがあるのでそれらを使ってより高度なアニメーションを作ることが可能です。
雷のようにバチバチさせたり液体のようにぬるぬる動かしたり、ちょっと凝ったようなアニメーションを作りたい場合はAfterEffects が良いでしょう。
単純に2Dのイラストを動かしたいっていうのであればAnimateがやりやすいと思います。