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

Canvaのレイヤー機能の使い方

記事内に商品プロモーションが含まれる場合があります

Canvaでデザインを編集していると、素材が重なってしまい、下の素材をうまく編集できなくなることはありませんか?

そんなときはレイヤーの機能がおすすめです。使い方を解説します。

1.Canvaの「レイヤー」の機能とは?

Canvaのレイヤーは「配置」の機能のひとつです。素材の重なっている順番を一覧で表示してくれます。

Canvaのレイヤーの説明

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

何ができるの?

簡単に説明すると、以下の2点がメインです。

  1. デザイン上で素材をクリックせずに編集できる
  2. 重なり順(前面、背面など)を変更できる

詳しいやり方は後ほど解説します。

どこから使えるの?

Canvaのレイヤー機能は、「配置」の機能に含まれています。

Canvaの配置をクリック

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

Canvaのレイヤー機能を使う

すると左側にメニューが開きます。

配置がないと思ったら、デザイン背部をクリック

もしメニューバーに「配置」がなければ、図の明るくなっている部分のような、デザインの後ろのなにもない部分を一度クリックして、無選択の状態にしましょう。そうすれば上に「配置」を含めたメニューが出ます。

2. レイヤー機能の使い方

デザイン上の素材が増えて複雑なデザインになるほど、レイヤー機能が役立つでしょう。ここではわかりやすいように、シンプルなデザインでレイヤー機能の使い方を解説します。

下にある素材を動かさずに編集できる

レイヤー機能を使えば、他のパーツに埋もれた素材を動かさずに編集することもできます。

サルワカくん
サルワカくん
もしよければ、こちらのテンプレを開いて一緒に操作してみましょう。

文字の下に素材が重なっている

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

文字とテキストがかさなっている

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

そのままでは下にある素材を編集できない

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

Canvaの配置をクリック

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

Canvaのレイヤー機能を使う

すると左側にレイヤーのメニューが開きます。

丸の色を変える

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

色変更を選択

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

好きな色をクリックする

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

デザインを触らずに色変更できた

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

レイヤーからでもCanvaの素材編集機能は使える

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

パーツの重なり順を変える

Canvaのレイヤー機能を使えば、テキストやイラストなどのデザイン上の重なり順を変更するのも簡単です。

移動やサイズ変更したい素材が他の素材に埋もれてクリックしづらいときは、レイヤーで最前面に移動してから編集すると簡単です。

レイヤーは素材の重なり

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

背面に動かしたいものをクリック

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

下へドラッグ

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

一番上の素材が最前面になった

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

もう1段階背面へ

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

最背面になった

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

素材が前面なら移動や編集がかんたん

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

最後にテキストを最前面に戻す

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

テキストが最前面になった

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

右上のメニューを開く

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

デザイン上で右クリックしたときと同じ

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

うまく活用できると、作業がより速くなりますね。

3. 実はショートカットキーでも可能

レイヤー機能を使うと他の素材の下敷きになっている素材を選択・編集するのが簡単なわけですが、実は他の素材に埋もれてしまった素材を選択するショートカットキーもあります。

ショートカットキー
[command+Shift]または[Ctrl+Shift]を押しながらクリック

選択したい素材の上にマウス

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

ショートカットキーを押しながらクリック

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

上にメニューが表示されている状態がわかりやすい

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

レイヤー機能との使い分けのコツ

レイヤー機能でもショートカットキーでも、他素材に覆われてしまった素材をクリックされた状態にできますが、使い分けのコツとしては重なる素材の数がポイントだと思います。

2つ3つ重なっている程度なら、ショートカットキーのほうが早いです。

ただ、ショートカットキーだとたくさんの素材が重なっている場合、何度もクリックする必要があったり、狙った素材をうまく選択できないことがあったりするので、重なる素材が多いときはレイヤー機能がよいと思います。

サルワカくん
サルワカくん
あくまで僕の場合なので、参考程度に…

まとめ

  1. レイヤーはデザイン上のパーツの重なり順を一覧で表示してくれる機能
  2. デザイン上で素材をクリックせずに、レイヤー上で選択して編集できる
  3. 重なり順(前面、背面など)を簡単に変更できる

デザインが複雑なほど、レイヤー機能が重宝するでしょう。ぜひ使いこなして、時短で作業してくださいね。

サルワカくん
サルワカくん
Canvaではこのように、デザイン編集に便利な機能がたくさんあります。サルワカではこちらでいろいろな使い方を解説しているので、ぜひ見てみてください。
同じカテゴリーの記事
同じカテゴリーの記事一覧
Canvaの使い方
サルワカ