【図形の結合機能】様々な図形を組み合わせ・切り出してイラスト作成
![](https://bu-blo.com/wp-content/uploads/2020/11/スライド15.png)
イラストを作成していく上で、「図形の頂点の編集機能」と同じくらい重要なのが、今回の「図形の接合機能」です。
様々な図形を組み合わせたり、切り出すことで、新たな図形やイラストを作成することができるので、ぜひ参考にしてみてください。
YouTubeでも紹介しております。
「図形の結合」機能とは?
図形の結合機能は、
結合したい図形(複数)を選択して、
「書式タブ」にある「図形の結合」にある
・ 接合
・ 型抜き/合成
・ 切り出し
・ 重なり抽出
・ 単純型抜き
の5種類を指します。
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-1-1024x494.jpg)
「接合」機能とは
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-2.jpg)
まずは、図形の接合です。
5種類の機能の中でも一番頻繁に使用する機能です。
複数の図形を選択した状態で、この「接合」をクリックすると、
一つの図形にすることができます。
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-3-685x1024.jpg)
「型抜き/合成」機能とは
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-4.jpg)
続いて、「型抜き/合成」機能です。
この機能は、複数の図形の重なった部分のみ切り抜く機能です。
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-5-649x1024.jpg)
「切り出し」機能とは
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-6.jpg)
続いて「切り出し」機能です。
この機能は、重なった複数の図形の重なった内、
重なっている部分や重なっていない部分を
全てパーツにして切り出す機能です。
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-7-665x1024.jpg)
もうちょっとわかりやすくしてみると、このように3か所のパーツに分解されました。
この機能も「接合」と同じくらい頻繁に使う機能です。
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-8.jpg)
「重なり抽出」機能とは
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-9.jpg)
続いて「重なり抽出」機能です。
この機能は、重なっている複数の図形の内、重なっている部分のみ抽出する機能です。
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-10-745x1024.jpg)
「単純型抜き」機能とは
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-11.jpg)
最後に、「単純型抜き」機能です。
この機能は、重なっている複数の図形の内、
どちらか一つの図形の重なっていない部分のみを抽出する機能です。
図形をクリックして選択する際の順番によって、
抽出される図形が異なる点が注意です。
例えば、円の図形を選択して、その次に三角形を選択して、
単純型抜きをした場合、
このように円の図形の重なっていない部分が抽出されます。
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-12-603x1024.jpg)
それでは、選択する順番を逆にしてみましょう。
三角形を選択した後に、円の図形を選択して、
単純型抜きをしてみましょう。
すると、今度は、三角形の図形の内、重なっていない部分のみが抽出されました。
![](https://bu-blo.com/wp-content/uploads/2021/05/shape-joining-13-631x1024.jpg)
以上が全てですが、
- 「接合」機能
- 「切り出し」機能
をしっかり使えれば問題ありませんので、
この2つをしっかり理解してください。
「図形の結合」機能を活かしてイラストを作ってみよう
次に、このようなサラリーマンが走っているようなピクトグラムを図形で作成していきます。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-1.jpg)
接合したい図形を重ねていってみよう
それでは早速やっていきましょう!
接合させたい図形をたくさん挿入していきます。
まずは頭部にあたる円の図形を挿入します。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-2.jpg)
続いて、胴体にあたる部分。
角が丸い四角形を挿入します。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-3-1024x508.jpg)
ちょっと、角度を変えてみましょう!
図形の上にポチッとついている箇所をクリックしたまま、回転させると角度を変えられます。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-4-1024x515.jpg)
角が丸い四角形を、今度は腕の部分でも使用したいので、ドラッグコピーをします。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-5-1024x514.jpg)
ドラッグコピーした図形を少し小さくしてあげます。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-6-1024x515.jpg)
小さくした図形をさらにドラッグコピーして追加していきます。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-7-1024x527.jpg)
この角が丸い四角形の角に黄色い点があります。
これを動かすと、角の丸みを調節することができます。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-8-1024x510.jpg)
同じ要領で、その他の腕や脚の部分もペタペタ図形を重ね合わせていきます。
※この時、重ねる順番は気にしなくて結構です
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-9.jpg)
「図形の結合」機能を使ってみよう
図形の結合機能を使ってみましょう!
図形の接合を使用
それでは、実際にこれらの図形を全て接合していきましょう!
まず、先ほどの図形を全て選択していきます。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-10-1013x1024.jpg)
「書式」タブの「図形の結合」の「接合」を選択すると、全ての図形が接合され、一つの図形になりました。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-11-1024x984.jpg)
図形の切り出しを使用
続いて、襟元を作っていきます。
新たに、三角形の図形を挿入して、胸元に持ってきてください。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-12-1001x1024.jpg)
先ほど接合した全体の図形と、挿入した三角形の図形を選択します。
「書式」タブの「図形の接合」の「切り出し」を選択すると、重なっている部分ごとにパーツがいくつかに分かれます。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-13-1011x1024.jpg)
今回は、この三角の部分だけ抜き取りたいので、三角の部分を削除します。
すると、このような形になりました。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-14.jpg)
続いて、ネクタイ部分を作成していきます。
五角形の図形を挿入してください。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-15-1024x528.jpg)
五角形の図形のサイズを小さくして、胸元まで移動させます。
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-16-1024x528.jpg)
あとは、色を変えてあげれば出来上がりです!
![](https://bu-blo.com/wp-content/uploads/2020/11/basic4-17.jpg)
参考:腰痛や肩こりなどでお悩みの方は、こちらの記事もご参考にしてください。