【Word・ワード】画像や図形をうまく重ねる!表示順の変え方

2020/8/3

もりの

画像を重ねたいんだけど、ほかの画像に隠れてうまくできないんだ。

そらの

表示する順番を変えてあげる必要がありますね。

今回のポイント

  • 画像を一番後ろに移動するには「画像を右クリック」→「最背面へ移動」
  • 画像を一番前に移動するには「画像を右クリック」→「最前面へ移動」
  • 画像を一つ後ろに移動するには「画像をクリック」→「書式タブ」→配置の「背面へ移動」
  • 画像を一つ前に移動するには「画像をクリック」→「書式タブ」→配置の「前面へ移動」

【Word・ワード】画像や図形を重ねるとは?

下図のように、いくつかの画像が図形、図や写真、ワードアートなんかを重ねて配置したいことってありますよね。

例題
例題
もりの

なぁに、あれ?

そらの

ジャガイモかと。

でも、重ね順がうまくいかないと、こんな変な感じになったりしちゃいます。

文字が隠れたり、図形の順番がぐちゃぐちゃに
背景が前面に来て何も見えない
もりの

ジャガイモが何してるの?

そらの

筋斗雲に乗って、歓迎してくれているのかと。

練習ファイルをダウンロードされた方は、それぞれの画像や図形を動かして、例題のように動かしてみてください。
表示順が正しく設定されていないので、うまくいきません。

そらの

そこで、表示順(重なり順)を変えてみましょう。

もりの

重なり順?

画像は透明な板に絵をかいて、それを紙(文書)の上に置いているというイメージです。
もちろん、重なった部分は上に置いているものが下に置いてあるものを隠してしまいますよね。

色紙が重なった画像
重ねると当然、下のものを隠してしまう
もりの

レイヤーの考え方だね。

そらの

画像編集する方なら分かりやすいですけどね。

ちなみに重なり順は、画像や図形を選択できない原因の一つでもあります。
選択したい画像をクリックしたいのに、その上にある画像が邪魔して選択できないのです。

【Word・ワード】画像や図形の重なり順を変えるには

重なり順のイメージ

隠れた画像を表示させるには、隠している画像よりも重なり順を上にする、または隠している画像の重なり順を下にすればいいんです。

画像や図形を最背面へ移動させる

練習ファイルの画像でいうと、背景にしたい青い画像がすべての画像や図形を隠してしまいます。

もりの

青い図形が一番上に来てるんだね。

背景はどの画像よりも下、最背面に配置したいですよね。
というわけで、画像の重ね順を変えてみましょう。

ステップ1

移動させたい画像を「右クリック」→「最背面へ移動」を選んでみてください。

右クリックメニュー
移動させたい画像を右クリック

完成!

これで、青い画像が一番下に配置されました!

最背面に移動した背景
最背面に移動した背景
もりの

何も変わってないよ?

そらの

青い画像を動かしてみれば、分かりますよ。

背景が最背面に来た画像
移動させてみると、どの画像も隠さなくなった!
もりの

どれも隠さなくなったね!

背景のように、重なり順を一番下にしたい場合は「最背面へ移動」を選べばOKです。

リボンから画像を最背面へ移動する方法

ちなみに移動させたい画像をクリックして「描画ツール 書式タブ」→配置のところにある「背面へ移動の右にある下向き三角」→「最背面へ移動」でも、同じ操作ができます。

最背面へ移動の場所
最背面へ移動の場所

画像や図形を最前面に移動させる

もう一度例題をおさらいしてみると、背景、太陽、立て札の上にワードアート(ようこそ)があります。
つまり、ワードアートがどの画像よりも重なり順が上になっていますね。

例題
例題

でも、練習ファイルの画像を動かしてみると、立て札、太陽に隠れてしまいます。

ワードアートが隠れてしまった画像
ジャガイモも悲しそう

そこで今度は、ワードアートの重なり順を一番上、最前面へ移動させてみましょう!

ステップ1

移動させたい画像を「右クリック」→「最前面へ移動」を選んでみてください。

最前面へ移動の場所
最前面へ移動の場所
最前面へ移動が出ない場合

右クリックしても「最前面へ移動」が出ない場合、下図のように文字を入力できる状態になっているかもしれません。

ワードアートやテキストボックスを選択する際の注意
ワードアートやテキストボックスを選択する際の注意

ワードアートやテキストボックスをクリックすると、そのまま文字が入力できる状態になります。
そのままでは画像を選んだことにはならないので、図の○のように、文字を囲む枠線をクリックしてみてください。

場所を移動させる場合も、○の状態でないとできないので、注意です!

ステップ2

最前面へ移動できたら、立て札のところにドラッグして移動させてみてください。
無事、立て札より前に文字が来ました。太陽を近づけても、太陽より前にあることが分かりますね。

ワードアートを最前面に移動した画像
ワードアートが最前面に移動できた

リボンから画像を最前面へ移動する方法

ちなみに移動させたい画像をクリックして「描画ツール 書式タブ」→配置のところにある「前面へ移動の右にある下向き三角」→「最前面へ移動」でも、同じ操作ができます。

最前面へ移動の場所
最前面へ移動の場所

画像や図形を背面に移動させる

もちろん、最前面か最背面にしか移動できないわけではありません。

太陽は立て札よりも後ろに移動させたいですが、最背面に移動させてしまうと、背景の青い画像より後ろに来てしまい、見えなくなってしまいます。

そこで、太陽の図形を一つだけ背面に移動させたいと思います。

ステップ1

まず、移動させたい画像を「右クリック」→「最背面へ移動の右側にある右向き三角」→「背面へ移動」を選んでみてください。

右クリックメニュー
画像を右クリック

完成!

これで、選んだ画像を一つだけ下に移動できます。
立て札より後ろになりましたが、背景よりも前に来ていますね。

画像が一つ後ろに移動した画像
一つ後ろに移動できた

リボンから画像を背面へ移動する方法

ちなみに移動させたい画像をクリックして「描画ツール 書式タブ」→配置のところにある「背面へ移動」でも、同じ操作ができます。

背面へ移動の場所
背面へ移動の場所

画像や図形を前面に移動させる

背面に移動できるので、もちろん前面にも移動できます。

最後に、雲をジャガイモくんよりも重なり順を上にして、雲に乗ってる感を出したいと思います。

雲がジャガイモの後ろに来てしまっている画像
もはやイモ呼ばわり

そこで、雲の図形を一つだけ前面に移動させたいと思います。

移動させたい画像を「右クリック」→「最前面へ移動の右側にある右向き三角」→「前面へ移動」を選べばOKです。

右クリックメニュー
背面へ移動を選ぶ

リボンから画像を前面へ移動する方法

ちなみに移動させたい画像をクリックして「描画ツール 書式タブ」→配置のところにある「前面へ移動」でも、同じ操作ができます。

前面へ移動の場所
前面へ移動の場所
もりの

あれ、変わらない……?

【Word・ワード】画像や図形が前面や背面へ移動できない

そう、実は雲はジャガイモよりも二つ下にあるんです!

もりの

ワケワカメー

分かりやすく言うと、下図のような感じですね。

レイヤーのイメージ1
雲は二つ下にあるので
レイヤーのイメージ2
一つ上にしてもイモに隠れる

なので、もう一度前面に移動してあげれば、ジャガイモの上になります。
もし一度移動させても変化がない場合、何度か移動させてみたり、最前面、最背面に指導させてみてください。

これで、画像を重ねて思う通りの画像ができますね!
それでは、お疲れさまでした!

今回のおさらい

  • 画像を一番後ろに移動するには「画像を右クリック」→「最背面へ移動」
  • 画像を一番前に移動するには「画像を右クリック」→「最前面へ移動」
  • 画像を一つ後ろに移動するには「画像をクリック」→「書式タブ」→配置の「背面へ移動」
  • 画像を一つ前に移動するには「画像をクリック」→「書式タブ」→配置の「前面へ移動」