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

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

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

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

この写真の中央の被写体を当時消した結果がこちらです。左の「マジック切り抜き」は自然に埋まり、右の消しゴムは靄がかったようになりました。

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

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

当時の図では左メニューから「マジック切り抜き」をクリックしていました。現在は上記の公式手順に沿って対象を選び、Grabで切り抜きを実行してください。

図は当時、切り抜いた被写体が紫色の線で囲まれた状態です。現在も処理が完了すると、切り抜いた被写体を移動したりサイズを変えたりできます。

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

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

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

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

図は当時、余白をクリックして「配置」を開いた例です。現在はページ・背景・素材を選択してツールバーの「配置」を開き、「レイヤー」を選びます。

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

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

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

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

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

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

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

まずは写真を選び、前の節で補足した現行手順で対象を選択してGrabを実行します。図は当時の「写真を編集」→「マジック切り抜き」の操作例です。

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

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

当時の操作例では、[Ctrl]+[d]または[command]+[d]で複製しています。

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

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

続いて、デザイン背景の写真をぼかします。現在の公式案内では画像の編集パネルのToolsからBlurを開きます。図の「写真を編集」からメニューを下へスクロールする操作は当時の例です。

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

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

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

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

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