
記事内に商品プロモーションが含まれる場合があります
画像内の人や物の後ろに文字を回り込ませたデザイン、おしゃれですよね。Canvaなら、数クリックで完成させることができます。
1.被写体の後ろに文字を回り込ませる方法

このような「被写体(イヌ)の後ろに文字を回り込ませるデザイン」を、Canvaなら簡単に作れます。
よくある方法は、「背景を削除した被写体を元の画像に重ねる」という方法です。
しかし、いちいち画像を保存してアップロードし直すのは面倒ですよね。
Canvaなら、画像編集の機能を使えば数クリックで完成させることができます。
「マジックスタジオ」の機能を使う
使うのは、CanvaのAI画像編集機能の「マジックスタジオ」のうち、「マジック切り抜き」(英語名Magic Grab)です。画面例は2024年のパソコン版です。現在のメニュー名や配置は図と異なる場合があります。
実際の画面を使って説明していくので、よければこちらからCanvaの練習用画像を開いて、いっしょに操作してみましょう。
それでは、解説していきます。一緒にやってみる場合は、Canvaでテンプレートを開きましょう。

編集したい画像をクリックして、上に表示されたメニューの「編集」(旧画面では「写真を編集」)をクリックします。

現在の画面では「ツール」の「すべて表示」から「マジック切り抜き」を開きます。クリックまたはブラシで切り抜きたい被写体を選び、切り抜きを実行するボタン(英語表示ではGrab)を押してください。フレームやグリッド内の画像には対応していません。

処理が終わると、被写体(イヌ)が背景から切り抜かれました。
ちなみにこの機能は、背景削除とは異なります。背景削除は、被写体のみが残って背景は完全に消えてしまうのですが…

「マジック切り抜き」では、背景が自動で補完されます。(イヌを右に動かしてみました、イヌがいたところに背景がありますね)

文字が前に出ている場合は、「配置」から「レイヤー」を開き、上から被写体、文字、背景の順に並べます。これで、文字が被写体の後ろに回り込みましたね。あっという間でした。
これで完成でもよいですが、配置の「レイヤー機能」を使うと、もう一工夫こらした画像にできますよ。
Canvaのレイヤー機能
「レイヤー」の機能を使えば、素材の重なり順を簡単に変更できます。

このように、イヌの後ろにあった黄色のテキストを…

イヌの前に移動させたいと思います。

図は旧画面での「配置」の位置です。現在はページ、背景、または素材を選択して、上のツールバーから「配置」を開きます。

デザイン上でなにか選択していれば、メニュー内の真ん中らへんにあります。(画面が狭いと折りたたまれて、「・・・」の中にあります)

メニューが開いたら、「レイヤー」をクリックします。

するとレイヤーの一覧が表示されます。一覧で上にあるものほど、デザイン上でも上(前面)にあることになります。

図にするとこんなかんじです。

レイヤーの一覧から、重なり順を変更したい素材をクリックします。(デザイン内でも選択され、②のように紫の線で囲まれた状態になります)

「一覧の上=デザイン上の前面」なので、そのままドラッグして上に動かします。

一覧で一番上になったところで離すと、デザイン上の黄色いテキストが最前面になりました。

こんなかんじで、画像の中で被写体の前後に素材を配置できました。

レイヤー機能は先程紹介した「配置」からでも表示できますし、適当な素材を右クリック→レイヤー→レイヤーを表示、でも表示できます。やりやすい方でどうぞ!
他のおすすめ機能
Canvaには他にも、デザインを作る上でとても便利な機能がたくさんあります。
Canvaの「カラーパレット」機能が超便利!デザイン配色を自動で決めるツール配色に困ったら、配色パレットをデザインに適用する機能も便利です。
写真にあわせてデザインの配色を自動で選択!Canvaの便利機能なんなら、デザインに使用した写真から、ぴったりな配色を提案してくれます。
Canvaの「マジック拡張」!AI画像編集で背景を生成して広げよう写真のサイズがちょっと足りない…もう少し引き気味で撮っておけばよかった…なんてときは「背景拡張」の機能もあります。(これはほんとに感動した)