【Canvaなら一瞬】文字の一部を被写体の後ろに配置する画像編集の方法

Canvaで画像編集!被写体の後ろに文字をまわりこませる方法

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

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

サルワカくん
サルワカくん
「Canvaってなに?」という方は、こちらの記事で解説しています。

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

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

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

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

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

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

 

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

使うのは、CanvaのAI画像編集機能の「マジックスタジオ」のうち、「マジック切り抜き」です。(ちなみにちょっと前まで「Magic grab」という名前でした)

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

サルワカくん
サルワカくん
なお、この機能は有料プランで使用できます。こちらから登録すると、通常30日間の無料お試し期間が45日になってお得なので、ぜひ試してみてください!

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

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

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

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

開いたメニューから、「マジック切り抜き」をクリックします。

犬が切り抜かれた

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

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

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

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

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

これで、文字が被写体の後ろに回り込みましたね。あっという間でした。

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

Canvaのレイヤー機能

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

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

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

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

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

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

まずは「配置」を探しましょう。デザイン上でなにも選択していない状態であればこの上のメニューのところにあります。

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

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

レイヤーをクリック

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

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

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

Canvaのレイヤーの説明

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

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

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

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

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

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

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

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

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

サルワカくん
サルワカくん
ちなみに、素材ひとつだけを移動させるのであれば、素材を右クリック→レイヤー→最前面、でも可能です。複数の素材の重なり順を変更したいときは、レイヤーを表示させてドラッグするのが早いですよ。

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

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

他のおすすめ機能

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

配色に困ったら、AIが自動で配色を提案・適用してくれます。

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

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

サルワカくん
サルワカくん
ここで紹介しきれないくらい、たくさんの便利な機能があります。使い方やコツ、注意点など含めて丁寧に解説した記事をこちらにまとめているので、ぜひご活用ください!
同じカテゴリーの記事
同じカテゴリーの記事一覧
Canvaの使い方
サルワカ