画像内の人や物の後ろに文字を回り込ませたデザイン、おしゃれですよね。Canvaなら、数クリックで完成させることができます。

1.被写体の後ろに文字を回り込ませる方法

Canvaで被写体の後ろに文字を回り込ませた画像を作る

このような「被写体(イヌ)の後ろに文字を回り込ませるデザイン」を、Canvaなら簡単に作れます。

よくある方法は、「背景を削除した被写体を元の画像に重ねる」という方法です。

しかし、いちいち画像を保存してアップロードし直すのは面倒ですよね。

Canvaなら、画像編集の機能を使えば数クリックで完成させることができます。

「マジックスタジオ」の機能を使う

使うのは、CanvaのAI画像編集機能の「マジックスタジオ」のうち、「マジック切り抜き」(英語名Magic Grab)です。画面例は2024年のパソコン版です。現在のメニュー名や配置は図と異なる場合があります。

実際の画面を使って説明していくので、よければこちらからCanvaの練習用画像を開いて、いっしょに操作してみましょう。

それでは、解説していきます。一緒にやってみる場合は、Canvaでテンプレートを開きましょう。

写真をクリックしてから左上の画像を編集をクリック

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

マジック切り抜きをクリック

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

犬が切り抜かれた

処理が終わると、被写体(イヌ)が背景から切り抜かれました。

ちなみにこの機能は、背景削除とは異なります。背景削除は、被写体のみが残って背景は完全に消えてしまうのですが…

マジック切り抜きなら背景が補完される

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

Canvaで被写体の後ろに文字を回り込ませた

文字が前に出ている場合は、「配置」から「レイヤー」を開き、上から被写体、文字、背景の順に並べます。これで、文字が被写体の後ろに回り込みましたね。あっという間でした。

これで完成でもよいですが、配置の「レイヤー機能」を使うと、もう一工夫こらした画像にできますよ。

Canvaのレイヤー機能

「レイヤー」の機能を使えば、素材の重なり順を簡単に変更できます。

Canvaで被写体の後ろに文字を回り込ませた

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

Canvaで背面の素材を前にもってくる

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

何も選択していない状態ならここに表示される

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

素材の重なり順を変えたかったら配置をクリック

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

レイヤーをクリック

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

レイヤーでは上にあるものほど重なり順も上になる

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

Canvaのレイヤーの説明

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

重なり順を変更したいものを選択

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

ドラッグして上に移動する

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

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

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

白いテキストが被写体の後ろ、黄色いテキストが被写体の前に配置できた

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

Canvaのレイヤー機能はどこから?

レイヤー機能は先程紹介した「配置」からでも表示できますし、適当な素材を右クリック→レイヤー→レイヤーを表示、でも表示できます。やりやすい方でどうぞ!

他のおすすめ機能

Canvaには他にも、デザインを作る上でとても便利な機能がたくさんあります。

あわせて読みたいCanvaの「カラーパレット」機能が超便利!デザイン配色を自動で決めるツール

配色に困ったら、配色パレットをデザインに適用する機能も便利です。

あわせて読みたい写真にあわせてデザインの配色を自動で選択!Canvaの便利機能

なんなら、デザインに使用した写真から、ぴったりな配色を提案してくれます。

あわせて読みたいCanvaの「マジック拡張」!AI画像編集で背景を生成して広げよう

写真のサイズがちょっと足りない…もう少し引き気味で撮っておけばよかった…なんてときは「背景拡張」の機能もあります。(これはほんとに感動した)