この記事では、Inkscapeで三日月を作成する方法をご紹介します。
今回は、「パスの差分」という機能を使って三日月を作成してきます。
![なの](https://nanoblog.net/wp-content/uploads/2022/01/xnano-1.png.pagespeed.ic.XaXJ3zwNZX.webp)
やり方はとっても簡単です。
完成イメージ
この記事で作成する三日月の完成イメージは次の通りです。
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/xInkscape_crescent-moon15-1024x554.png.pagespeed.ic.xQz4aTU1zz.webp)
三日月の作成方法
ここからは、三日月の作成方法ついてご紹介します。
三日月の作成は、大きく分けて2ステップになります。
事前準備
今回は分かりやすくするために、背景を灰色に変更しています。
背景を変更したい場合には、以下↓の記事を参考にされてください。
円を2つ作成
まずは、円を2つ描いていきます。
円/弧ツールを選択して円を描く
ツールバー「円/弧ツール」を選択して、ドラッグで円を描きます。
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/xInkscape_crescent-moon01-1024x554.png.pagespeed.ic.EjQShhSx8E.webp)
円の色を変更する(黄色)
三日月に見えるように色を変更していきます。
色を変更する方法は、以下↓の記事を参考にされてください。
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/Inkscape_crescent-moon02-1024x554.jpg)
今回使用したカラーコードは、「ffe000ff」になります。
円を複製する
ツールバー「選択ツール」を選択して、円を選択した状態でコピペします。
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/Inkscape_crescent-moon03-1024x554.jpg)
これで、くり抜く図形とくり抜かれる図形が作成できました。
円の色を変更する(黒色)
月の影(くり抜く図形)になる部分を作成していきます。
色は、変更する必要はありませんが、分かりやすくするために黒色に変更します。
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/xInkscape_crescent-moon04-1024x554.png.pagespeed.ic.KL0gYZ3NEa.webp)
円を重ねて切り抜く
2つの円を作成したら、三日月になるように切り抜いていきます。
円を重ねる
ツールバー「選択ツール」を選択して、黒い円を選択します。
ドラッグで移動して、三日月に見えるように重ねていきます。
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/Inkscape_crescent-moon05-1024x554.jpg)
![](https://nanoblog.net/wp-content/themes/cocoon-master/images/man.png)
黒い円が黄色円の後ろにきてる…。
という方は、以下↓の記事を参考に黒い円が最前面にくるように調整します。
2つの円を選択
ツールバー「選択ツール」を選択した状態のまま、ドラッグして2つの円を選択します。
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/xInkscape_crescent-moon06-1024x554.png.pagespeed.ic.KxadYigCM5.webp)
「差分」で切り抜く
メニューバー「パス」タブから「差分」をクリックします。
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/Inkscape_crescent-moon07-1024x554.jpg)
![なの](https://nanoblog.net/wp-content/uploads/2022/01/xnano-1.png.pagespeed.ic.XaXJ3zwNZX.webp)
キーボード「Ctrl」+「-(マイナス)」で切り抜くこともできます。
三日月完成!
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/xInkscape_crescent-moon08-1024x554.png.pagespeed.ic.3NeAIvRvFy.webp)
【応用編】こんな三日月も作れる
三日月といっても色んな形があります。
ここでは、ちょっと違った形の三日月を作ってみます。
完成イメージは次の通りです。
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/xInkscape_crescent-moon14-1024x544.png.pagespeed.ic.mB6Bq9v_Le.webp)
前章と違って、円のラインがほとんど残っている形になります。
2つの円を重ねる
前章では、黒い円と黄色円は同じ大きさでしたが、今回は黒を小さくして円を重ねます。
黒い円を小さくする
ツールバー「選択ツール」を選択して、黒い円を小さくします。
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/xInkscape_crescent-moon10-1024x554.png.pagespeed.ic.qvVT4QTw66.webp)
2つの円を選択
ツールバー「選択ツール」を選択して、ドラッグで2つの円を選択します。
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/xInkscape_crescent-moon11-1024x554.png.pagespeed.ic.4QcwDnQcsT.webp)
黒い円と黄色円の上下中心をきっちり揃える場合は、2つの円を選択した状態で、「整列と配置」タブから「最大オブジェクト」→「水平軸の中心に揃えます」を選択するとOKです。
詳細については、以下の記事を参考にされてください。
「差分」で切り抜く
メニューバー「パス」タブから「差分」をクリックします。
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/Inkscape_crescent-moon12-1024x554.jpg)
![なの](https://nanoblog.net/wp-content/uploads/2022/01/xnano-1.png.pagespeed.ic.XaXJ3zwNZX.webp)
キーボード「Ctrl」+「-(マイナス)」で切り抜くこともできます。
三日月(応用編)完成!
![Inkscapeで三日月作成](https://nanoblog.net/wp-content/uploads/2022/11/xInkscape_crescent-moon13-1024x554.png.pagespeed.ic.bu4LDVdDuo.webp)
まとめ
この記事では、三日月の作成方法についてご紹介しました。
この「パスの差分」を活用すると、他にも色々な図形を作成することができます。
他にもInkscapeに関する別記事を書いていますので、ぜひチェックしてみてください。