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

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

表示する順番を変えてあげる必要がありますね。
- 画像を一番後ろに移動するには「画像を右クリック」→「最背面へ移動」
- 画像を一番前に移動するには「画像を右クリック」→「最前面へ移動」
- 画像を一つ後ろに移動するには「画像をクリック」→「書式タブ」→配置の「背面へ移動」
- 画像を一つ前に移動するには「画像をクリック」→「書式タブ」→配置の「前面へ移動」
【Word・ワード】画像や図形を重ねるとは?
これのように、いくつかの画像が図形、図や写真、ワードアートなんかを重ねて配置したいことってありますよね。


なぁに、あれ?

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



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

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

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

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


レイヤーの考え方だね。

画像編集する方なら分かりやすいですけどね。
ちなみに重なり順は、画像や図形を選択できない原因の一つでもあります。
選択したい画像をクリックしたいのに、その上にある画像が邪魔して選択できないのです。
【Word・ワード】画像や図形の重なり順を変えるには

隠れた画像を表示させるには、隠している画像よりも重なり順を上にする、または隠している画像の重なり順を下にすればいいんです。
画像や図形を最背面へ移動させる
練習ファイルの画像でいうと、背景にしたい青い画像がすべての画像や図形を隠してしまいます。

青い図形が一番上に来てるんだね。
背景はどの画像よりも下、最背面に配置したいですよね。
というわけで、画像の重ね順を変えてみましょう。
ステップ1
移動させたい画像を「右クリック」→「最背面へ移動」を選んでみてください。

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


何も変わってないよ?

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


どれも隠さなくなったね!
背景のように、重なり順を一番下にしたい場合は「最背面へ移動」を選べばOKです。
リボンから画像を最背面へ移動する方法
ちなみに移動させたい画像をクリックして「描画ツール 書式タブ」→配置のところにある「背面へ移動の右にある下向き三角」→「最背面へ移動」でも、同じ操作ができます。

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

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

そこで今度は、ワードアートの重なり順を一番上、最前面へ移動させてみましょう!
ステップ1
移動させたい画像を「右クリック」→「最前面へ移動」を選んでみてください。

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

ワードアートやテキストボックスをクリックすると、そのまま文字が入力できる状態になります。
そのままでは画像を選んだことにはならないので、図の○のように、文字を囲む枠線をクリックしてみてください。
場所を移動させる場合も、○の状態でないとできないので、注意です!
ステップ2
最前面へ移動できたら、立て札のところにドラッグして移動させてみてください。
無事、立て札より前に文字が来ました。太陽を近づけても、太陽より前にあることが分かりますね。

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

画像や図形を背面に移動させる
もちろん、最前面か最背面にしか移動できないわけではありません。
太陽は立て札よりも後ろに移動させたいですが、最背面に移動させてしまうと、背景の青い画像より後ろに来てしまい、見えなくなってしまいます。
そこで、太陽の図形を一つだけ背面に移動させたいと思います。
ステップ1
まず、移動させたい画像を「右クリック」→「最背面へ移動の右側にある右向き三角」→「背面へ移動」を選んでみてください。

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

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

スポンサーリンク
画像や図形を前面に移動させる
背面に移動できるので、もちろん前面にも移動できます。
最後に、雲をジャガイモくんよりも重なり順を上にして、雲に乗ってる感を出したいと思います。

そこで、雲の図形を一つだけ前面に移動させたいと思います。
移動させたい画像を「右クリック」→「最前面へ移動の右側にある右向き三角」→「前面へ移動」を選べばOKです。

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


あれ、変わらない……?
【Word・ワード】画像や図形が前面や背面へ移動できない
そう、実は雲はジャガイモよりも二つ下にあるんです!

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


なので、もう一度前面に移動してあげれば、ジャガイモの上になります。
もし一度移動させても変化がない場合、何度か移動させてみたり、最前面、最背面に指導させてみてください。
これで、画像を重ねて思う通りの画像ができますね!
それでは、お疲れさまでした!
- 画像を一番後ろに移動するには「画像を右クリック」→「最背面へ移動」
- 画像を一番前に移動するには「画像を右クリック」→「最前面へ移動」
- 画像を一つ後ろに移動するには「画像をクリック」→「書式タブ」→配置の「背面へ移動」
- 画像を一つ前に移動するには「画像をクリック」→「書式タブ」→配置の「前面へ移動」
ディスカッション
コメント一覧
まだ、コメントがありません