Canvaの「マジック切り抜き」で背景からパーツを切り抜き・自由に移動しよう

このように、被写体（犬）を切り抜いて動かし、背景からはみ出させることもできます。犬がいなくなった部分も、自動生成されて綺麗に埋められていますね。

被写体の後ろに文字や素材を回り込ませたり…

背景から被写体を飛び出させたデザインを作ったりすることが簡単にできます。

画像中央の被写体を消したときの違いはこんな感じ。左の「マジック切り抜き」のほうが、埋め方が自然です。右の消しゴムは、靄がかったようになっていますね。

今回は例として、このわんこの写真を使います。

まずは写真をクリックし、左上に表示される「写真を編集」をクリックします。

左側にメニューが開くので、その中から「マジック切り抜き」をクリックします。

被写体が選択されて、紫色の線で囲まれていればOKです。無事被写体を切り抜きできました。

「マジック切り抜き」で切り抜いた被写体は、1つの画像として扱えます。なので、四隅をドラッグしてサイズを変更したり…

クリックしたまま動かせば、背景画像をはみ出して移動させたりできます。

こんなかんじで、被写体の後ろに文字を回り込ませた画像を作ってみましょう。

「マジック切り抜き」で被写体を切り抜いた後、入れたい文字や素材を、とりあえずデザインにのせます。

適当な余白をクリックして、上に表示される「配置」をクリックしましょう。

すると「レイヤー」が表示されます。これはデザイン上の素材の重なり順が一覧表示されたものです。一覧の上にあるほど、デザイン上で前面となります。

もしこのメニューが表示されなかったら、上の「レイヤー」をクリックすればOKです。

被写体（犬）を前面に持っていきたいので、犬の画像を上へ移動させます。

方法は、クリックしたまま上へずず〜っと移動させるだけです。狙った場所になったら、マウスを離しましょう。

これで文字が被写体の後ろに回り込みました。デザイン上では「犬→文字→背景」の順番になっています。

あとは犬の画像のサイズを調節するなど、微調整すれば完成です。

こんな感じの、背景写真のみ二重で重ねて被写体をはみ出させたデザインを作ろうと思います。

まずは写真をクリックして選択し、「写真を編集」→「マジック切り抜き」をクリックします。

切り抜いた被写体を、ドラッグして移動させます。

この残っている背景写真は、普通に1枚の画像として扱うことができます。なのでコピペしましょう。

[Ctrl]+[d]または[command]+[d]でコピペできます。

続いて、コピペした背景写真をデザインの背景に設定します。画像を右クリックし、「画像を背景として設定」をクリックします。

背景写真が2つ重なりました。

続いて、デザイン背景の写真の方をぼかします。背景をクリックして上に表示された「写真を編集」をクリックし、開いたメニューを下にスクロールします。

「ぼかし」というメニューがあるので、これをクリックしましょう。

強度のつまみを左右に動かして、ぼかし具合を調節します。リアルタイムでデザインに反映されるので、様子を見て調節してくださいね。

写真をクリックし、上のメニューから線が並んでいるアイコンをクリックします。あとは表示されたメニューで、「角の丸み」を調節するだけです。

角が丸くなって柔らかい印象になりました。

あとはテキストを適当に入れて完成です。