【Canva】重なった素材を編集するコツ！便利なレイヤー機能

レイヤーを開くとこのような画面になります。一番上が最前面の素材、一番下が背景、下から２番めが最背面の素材です。一覧の上にあるほど、デザイン上で前面になっています。

上のメニューバーの「配置」をクリックします。

すると配置のパネルが開きます。「レイヤー」タブを選ぶと、素材の一覧が表示されます。

図は旧画面で選択を解除する操作例です。現在の画面で「配置」を開くときは、ページ、背景、または素材を選択してから、上のツールバーの「配置」へ進みます。

こちらのデザインで操作してみます。テキスト（犬と猫〜）の背面に、丸の素材２つが配置された状態です。

少しテキストをずらすと、重なっている様子がわかりやすいですね。この右側の赤い丸の色を変えたいと思います。

上にあるテキストボックスが下の赤丸を覆っています。そのため、赤丸をクリックしようとしても、上にあるテキストが邪魔で選択できません。（テキストが編集されてしまいます）

そこで、レイヤー機能を使います。まず、上の「配置」をクリックしてください。

配置のパネルで「レイヤー」タブを選ぶと、素材の一覧が開きます。

一覧の中から、赤丸のところをクリックします。

すると、上に素材編集のメニューが表示されるので、色をクリックします。

あとは、好きな色をクリックすればOKです。

赤丸がオレンジ丸になりました。

もちろん、色の変更だけでなく、素材編集の他のメニューも使えます。

レイヤーの一覧で上にあるほど、デザイン上では前面に配置されています。（一番下は背景）

この場合は、「犬も猫も〜」のテキストがデザイン上でも一番上（最前面）にある状態です。下敷きになっているオレンジ丸を移動したいので、この順番を変えてみましょう。

レイヤーのテキストをクリックしたまま、下に移動します。（マウスポインタが「にぎる」ような表示になります）

オレンジ丸の下に移動したら、離します。すると、レイヤーの一番上のオレンジ丸が、デザイン上でも最前面になりました。

もう一段階下に移動させると…

レイヤーでテキストが水色丸の下、つまり最背面になりました。

デザイン上で前面にあれば普通にクリックでき、移動や編集が簡単です。

最前面にあったオレンジ丸を移動して大きくした後、レイヤーでテキストを上に移動させ、最前面にもっていきます。

これで、テキストが最前面のちゃんとしたデザインになりました。

ちなみに、レイヤーの項目上にマウスをのせると右上に「・・・」が表示されます。

クリックするとメニューが開くのですが、これはデザイン上で素材を右クリックしたときと同じメニューとなっています。

ショートカットキーを使うときは、まず選択したい素材の上にマウスポインタを置きます。

続いて、ショートカットキーを押しながら、素材が選択されるまで何回かクリックします。

下にある素材を選択できました。クリック中、選択されたかわかりづらいなら、上に表示されるメニューを見ましょう。ここが選択したい素材のものか確認しながら操作すると、わかりやすいかと思います。