SmartArtグラフィックとは、図形や矢印、画像などを組み合わせて、情報の相互関係を視覚的にわかりやすく表示できるOffice共通の機能です。
リスト、手順、循環、階層構造、集合関係、マトリックス、ピラミッドの分類に分かれていて、表現力のあるグラフィックを簡単に作成できます。
グラフィックには、画像や写真を挿入できます。
ここでは、SmartArtで画像を挿入したフラフィックを作成する方法を紹介します。
SmartArtの[図]分類に登録されているグラフィックを使った手順を分かりやすく解説します。
また、SmartArtはWord、Excel、PowerPointなどで利用できますが、ここではWord 2016を例に説明します。

[図]分類のSmartArtを使った画像入りグラフィックの作成
図を簡単に挿入できるグラフィックを使った操作を解説します。
レイアウト([図]分類)の選択
まずは、一番簡単に画像や写真を挿入する方法です。
SmartArtの分類の中から[図]を選択し、表示されたグラフィックの中から目的に合ったものを選びます。
[図]を選択して表示されるグラフィックは、すべて画像を挿入できるSmartArtレイアウトです。
SmartArtを挿入したい位置にカーソルを置きます。
[挿入]タブの[図]グループにある[SmartArt]をクリックします。
[SmartArtグラフィックの選択]ダイアログボックスが表示されます。
左側の分類から[図]をクリックします。

グラフィックの中から、目的に合ったグラフィックを選んで[OK]ボタンをクリックします。
ここでは、[縦方向円形画像リスト]を選択します。

カーソルの位置に、選択したSmartArtレイアウトが挿入されます。

テキストウィンドウに文字を入力
[ここに文字を入力してください]と表示されたテキストウィンドウに、説明したい文字を入力していきます。

画像の挿入(イメージアイコンから)
画像を挿入するには、テキストウィンドウのイメージアイコンをクリックします。
または、SmartArtグラフィックのアイコンでも構いません。

クリックすると、[画像の挿入]が表示されます。
バージョンによって、[図の挿入]と表示されたり、選択肢が異なったりする場合があります。
目的の画像がPC内にある場合は、[ファイルから]の[参照]をクリックして、目的の画像を挿入します。
![[画像の挿入]ダイアログボックス](https://hamachan.info/wp-hamachan/wp-content/uploads/2017/04/smart6.png)
挿入すると、下のように画像付きのSmartArtになります。
続けて他の画像(写真)も挿入します。

すべての画像が挿入できると、下のようになります。

SmartArtグラフィック以外の箇所をクリックすると、テキストウィンドウは非表示になります。

SmartArtの編集(テキスト・順番・色・スタイル)
SmartArtは、完成した後でも編集できます。
テキストの順番を変更
テキストの順番を変更する方法です。
ここでは、3番目の「あさがお」を2番目に表示したいと思います。
SmartArtグラフィックを選択して、[デザイン]タブを表示してから、移動させたいテキストを選択し、[1つ上のレベルへ移動]をクリックします。

以下のように簡単に入れ替えることができます。

SmartArtの色を変更
SmartArtグラフィックを選択し、[SmartArtツール]の[デザイン]タブにある[色の変更]をクリックすると、色を変更できます。
リアルタイムプレビューになっているので、一覧の中からマウスでポイントするだけで、変化を確認できます。
リアルタイムプレビューとは、一覧の選択肢をポイントして、設定後の結果を確認できる機能のことです。
確定前に結果を確認できるため、繰り返し設定しなおす手間を省くことができます。

SmartArtのスタイルを変更
SmartArtグラフィックのスタイル(立体感や枠線など)も変更できます。
[デザイン]タブにある[SmartArt]グループの[その他]ボタンをクリックします。
![[デザイン]タブにある[SmartArt]グループの[その他]](https://hamachan.info/WordPress2019/wp-content/uploads/2017/04/smart13.png)
この中から、[細黒枠]をポイントすると、すぐに結果を確認できます。
確定する場合は、このスタイルをクリックします。

SmartArtの配置とサイズ調整
SmartArtの位置とサイズを調整する方法です。
SmartArtの移動(文字列の折り返し設定)
既定では、文字列の折り返しは[行内]になっています。
ただし、Wordのオプションの設定で変更している場合は、設定している配置形式になります。
自由に移動させる場合は、SmartArtグラフィックの右上に表示されている[レイアウトオプション]をクリックして、[文字列の折り返し]を[行内]以外に設定します。
ここでは、[前面]を選択します。
![[レイアウトオプション]の[前面]](https://hamachan.info/WordPress2019/wp-content/uploads/2017/04/smart15.png)
そして、SmartArtグラフィックの枠線上にマウスを合わせると、下のように十字の形になりますので、この形の時にドラッグして移動させます。

参考文字列の折り返しについては、以下の記事で解説しています。Outlookも[行内]で挿入されます。
-
図を挿入したときの[文字列の折り返し]の種類と配置(既定の変更)
Wordの文書に画像を挿入する形式は、既定では[行内]になっていて段落内に配置されるようになっています。 挿入した画像をドラッグで自由に移動 ...
ExcelとPowerPointでは、[前面]になっていますので、レイアウトオプションでの操作は不要です。
SmartArtのサイズ変更(ドラッグ/数値指定)
サイズを変更するには、SmartArtグラフィックを選択すると表示される周りの白い〇にマウスを合わせてドラッグします。

また、数値で調整したい場合は、[SmartArtツール]-[書式]タブの右端にある[サイズ]から設定します。

図形の追加とレイアウト変更
完成後でも図形を追加したり、レイアウトを変更できます。
下に図形を追加するには
下へ図形を追加する場合は、テキストウィンドウで文字列の最後にカーソルを置いて、[Enter]キーを押します。
※文字列の途中にカーソルを置いて、[Enter]キーを押すと、カーソルの後ろの文字列が別の図形として追加されますので、気をつけてください。

図形が下に追加されます。

上に図形を追加するには
上に図形を追加したい場合は、テキストウィンドウの文字列の先頭にカーソルを置いて、[Enter]キーを押します。

図形が上に追加されます。

[図形の追加]コマンド
また、[デザイン]タブの右端にある[図形の追加]から設定することもできます。
![[デザイン]タブの[図形の追加]](https://hamachan.info/WordPress2019/wp-content/uploads/2017/04/smart23.png)
レイアウトの変更
グラフィックを変更するのも簡単です。
[デザイン]タブに[レイアウト]の展開ボタンをクリックします。

一覧の中のレイアウトをポイントすると、リアルタイムプレビューで確定する前に結果を確認できます。
クリックして確定します。

テキストウィンドウの表示/非表示
SmartArtは、テキストウィンドウを使わずに設定することもできますが、テキストウィンドウを使ったほうが効率的な場合も多いので、表示して使うことをお勧めします。
SmartArt以外の本文内をクリックすると、テキストウィンドウは非表示になります。
SmartArtを選択しているときにテキストウィンドウを表示/非表示にするには、テキストウィンドウと図形の境目にあるボタンをクリックします。

または、[デザイン]タブの[グラフィックの作成]グループにある[テキストウィンドウ]をクリックしてオフにします。
![[デザイン]タブの[グラフィックの作成]グループにある[テキストウィンドウ]](https://hamachan.info/WordPress2019/wp-content/uploads/2017/04/2874smart402-e1738313445344.png)
[図]分類以外のSmartArtに画像を挿入する方法
SmartArtの中の[図]分類以外のレイアウトでも、図形に画像を挿入できます。
[リスト]分類にある[縦方向カーブリスト]の説明には、下のように記されています。
カーブした情報リストを示すレイアウトで使用します。
アクセントの円の図形に画像を追加するには、画像を使用して塗りつぶします。

画像を挿入したい図形で右クリックして、ショートカットメニューから[図形の書式設定]をクリックします。
![ショートカットメニューから[図形の書式設定]を選択](https://hamachan.info/WordPress2019/wp-content/uploads/2017/04/powerpointsmart1.png)
ウィンドウの右側に[図の書式設定]作業ウィンドウが表示されますので、[塗りつぶしと線]の[塗りつぶし(図またはテクスチャ)]を選択します。
[画像ソース]の[挿入する]をクリックすると、[画像の挿入]ダイアログボックスが表示されますので、目的の画像を選択します。
[挿入する]の右にある[クリップボード]は、直前にコピーした画像などをクリップボードから貼り付けるときに使用します。
![[図の書式設定]作業ウィンドウ](https://hamachan.info/WordPress2019/wp-content/uploads/2017/04/powerpointsmart2.png)
以下のように、図形の中に画像を表示できます。

このリストのように図形に画像を追加する方法は、以下の記事が参考になると思います。
-
図形に画像を挿入するには[図形の塗りつぶし]の[図]から
図形を挿入して、その図形に画像を挿入する方法です。 Word 2016で解説しますが、Office 2007以降のバージョンや他のアプリケー ...
関連以下は、SmartArtに関する記事です。
SmartArtグラフィック(組織図)(Office 2007)
以下の記事では、Word 2010で[手順]を使って解説しています。
-
SmartArt(スマートアート)グラフィックで情報を分かりやすく視覚化
SmartArt(スマートアート)は、情報を視覚的に整理・表現できるツールです。 各種資料の説明図や構造図の作成に役立ちます。 SmartA ...
写真を先に挿入して、スマートアートでレイアウトすることもできます。
-
複数の写真をスマートアート(SmartArt)で一括レイアウトする方法
本文内に写真を挿入する場合、幅や高さを揃えたり、レイアウトを考えるのは意外と手間がかかります。 複数の写真をまとめて挿入して、きれいにレイア ...
PowerPointでは、スライド上のテキストをSmartArtに簡単に変換できます。
-
スライドのテキストをSmartArt(スマートアート)グラフィックに変換
WordやExcelでは、SmartArtを挿入してテキストを入力しますが、PowerPointではプレースホルダーやテキストボックス、ワー ...
PowerPointでテキストにインデントを設定しておくと、[SmartArtに変換]で簡単に組織図を作成できます。
-
組織図をテキストボックスやプレースホルダーから簡単作成
会社の組織図を作成する時に便利なのが、SmartArtの[組織図]です。 WordやExcelではSmartArtを挿入してから文字を入力し ...
SmartArtにアニメーションも設定できます。
-
SmartArtにアニメーションを設定する方法(全体や個別の図形に)
SmartArtは、情報を視覚的に表現することができます。 SmartArtは、図形で構成されているので、図形全体に、あるいは個別の図形にア ...
PowerPoint 2016 for Macでも解説しています。
-
SmartArtグラフィックの使い方(挿入・編集・デザイン変更)
SmartArtを使うと、情報を簡単に図解できます。 SmartArtグラフィックには豊富なレイアウトがあり、見栄えの良い図表を作成できます ...