WEBデザイナーになるまでのロードマップ無料配布中 >受け取りはこちら

Canvaでアニメーションの順番を変える裏ワザをご紹介します

Canvaでアニメーションの順番を変える裏ワザをご紹介します

Canvaで作る投稿やスライドを作っているときに

アニメーションが表示される順番を変えたい!

と思ったことはないですか?

実は、残念ながら、Canva内にアニメーションの表示順番を変える設定はありません。

導入準備中とも言われているそうですが、いつごろ使えるようになるかは全くわかりません。

しかし、公式では言われていないちょっとした裏ワザで、Canvaでのアニメーションの表示順を変更させることができます。

アニメーションの表示順番で困っていた方はぜひ最後までご覧くださいね。

ちなみに…同じCanva内でも動画ならアニメーション表示順が変更可能だそうですよ。

▼ ▼ 期間限定で無料プレゼント ▼ ▼

少しでも早くデザインを作りたい!そのような方のためにCanvaで使えるショットカットキーを37個まとめました。ぜひ作業スピードアップに使っていただければと思います。

目次

Canvaでアニメーションが表示される順番は?

裏ワザをお伝えする前に、Canvaでアニメーションが表示される順番の決まり方についてご紹介します。

アニメーションの順番は、ランダムで適当に決まっているわけではありません。

原則、上が先で下が後、同じ高さにある場合は左側が先に表示されます。

jd.rsknmrさんによる

↑クリックすると、アニメーションが順番に表示されます。

このあと詳しくお伝えしますが、この法則をうまく活用すれば、アニメーションの順番を変えることができるというわけです。

【裏ワザ?】アニメーションの順番を変える方法

お待たせしました。

ここからは、アニメーションの順番を変える方法を具体的にご紹介していきます。

オブジェクトの場所を変える

1つ目は、オブジェクトの場所を変える方法です。

先ほど、アニメーションは上が先で下が後、同じ高さにある場合は左側が先に表示されるとお伝えしました。

この法則を活用して、先に表示したいものを上に(または左に)持ってくれば良いだけです。

順番を変えると、このようになります。

jd.rsknmrさんによるアニメーションの順番変更

↑クリックすると、アニメーションが順番に表示されます。

オブジェクトの設置位置が完全に決まっている場合は、この方法は使えません。

ですが、ある程度オブジェクトの場所を動かしても問題ない場合は、できるだけ上に持ってくることで先にアニメーションを表示させることができますよ。

ページを複数枚に分ける

こちらは裏ワザと呼ぶのは申し訳ないような、かなりの荒技ですが、複数枚のスライドに分けることでアニメーションが表示されるタイミングを変えることはできます

たとえば、こちらのスライド。

「2番目に表示したい」という文章(オブジェクト)の方が上にあるので、どうしても先に表示されてしまいますよね。

jd.rsknmrさんによる見出しを追加

ですが、スライドを2枚に分けることで、「2番目に表示したい」という文章を後から出すことができました。

jd.rsknmrさんによる見出しを追加のコピー
▼ ▼ 期間限定で無料プレゼント ▼ ▼

少しでも早くデザインを作りたい!そのような方のためにCanvaで使えるショットカットキーを37個まとめました。ぜひ作業スピードアップに使っていただければと思います。

【今さら聞けない】そもそもアニメーションってどこからつけるの?

そもそも、Canvaで素材アニメーションをつけられることもよく知らなかった。

という方もいらっしゃると思います。

この記事では最後に、Canvaでアニメーションを使う方法をおさらいしていきますね!

STEP
アニメーションをつけたい素材,オブジェクトを選択する

今回は「レトロな配色」という文字にアニメーションをつけていきます。

文字にも動きがつけられるのは嬉しいポイントです。
STEP
右上の「アニメート」をクリック

すると、左側にアニメーションを選ぶためのバーが表示されます。

STEP
好きなアニメーションを選ぶ

アニメーションは全部で27個あります。クリックすると、実際に選択している素材にアニメーションがつくので、実際の動きを確認しながら選んでくださいね。

STEP
アニメートの詳細を選択する

設定できるのは以下の通りです。

アニメーションをいつ発動するか?:無料版でも可能
アニメーションの速度:有料版のみ
アニメーションの向き:有料版のみ

いつ発動するかについては、特にこだわりがなければ開始時のみで良いと思いますよ。

「やっぱりアニメーションを無くしたい」と思ったら、左下の「アニメーションを削除」をクリックしてください。

まとめ

Canvaには、アニメーションの表示順を変更する機能はありません。

以下のように、デフォルトで決められた順番で表示されます。

上が先で下が後、同じ高さにある場合は左側が先

具体的にはこのような順番です。

jd.rsknmrさんによるアニメーションの順番変更

↑クリックすると、アニメーションが順番に表示されます。

そのため、もし表示したい順番を変えたい場合は

  1. オブジェクトの設置場所を変える
    (先に表示したいものを上側に移動させる)
  2. 複数枚に分ける
    (プレゼンスライド等の場合のみ有効)

という対処法があるとお伝えしました。

アニメーションの順番が好きに変更できないのは少しだけ不便ですが、表示される順番の法則を把握しておくだけでも、作業しやすくなると思います。

応急処置的な対処法ですが、ぜひ実践してみてくださいね。

またCanvaで動画を編集するときにはアニメーションの順番が指定できるようなので、静止画のデザインでも、アニメーションの順番指定ができるようになる日は近いかもしれません。

またアップデートされたら、記事でお伝えしていきますね。

デザインにちょっと興味を持っているあなたへ

あなたも、デザインを仕事にしてみませんか?

家事や趣味のスキマ時間にデザインを作るだけで、副業で月に3~5万安定して稼げるようになります。

「私なんかにできるの?」
「もうデザイナーは飽和してるんじゃないの?」

という心配がある方は、ぜひ一度「WEBデザイナーという働き方セミナー」にご参加ください。

デザインを学べば安定した副収入が狙える理由
今からでも副業デザイナーを目指せる理由
正しいデザインの学び方と失敗事例
センスも経験も不要な理由

などをお話ししていて、このページからのお申し込みいただけたら、今だけ無料で参加できます。

「デザインを仕事にするのも悪くないかも」と思っている方は絶対に参加して損のない内容になっているので、ぜひ下のボタンをクリックして詳細をご覧ください。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

質問や感想があればご記入ください

コメントする

目次