Inkscapeイラスト

【図解】Inkscapeでかわいいハートを描く方法

Inkscape_heart Inkscape
スポンサーリンク
  • ハートを描いてみたいけど、どうやってかいたらいいかな?
  • かわいいハートを描きたい!

こんな風に思われる方も多いのではないでしょうか。

この記事では、Inkscapeでハートを描く方法をご紹介します。

この記事でわかること
  • Inkscapeでハートを描く方法
なの
なの

写真も交えながら、分かりやすくInkscapeでのハートの描き方をご紹介します。

スポンサーリンク

完成イメージ

ハートの完成イメージはこんな感じです。

シンプルなハートを描いていきます。

Inkscape_heart

Inkscapeでハートを描く流れ

ハートを描く流れは、大きく分けて2ステップになります。

  1. 大まかな形を作る
    1-1 三角形を描く
    1-2 ハートの下の部分を作る
    1-3 ハートの上の部分を作る
  2. ハートの形に整える
    2-1 ノードツールで点を調整する
    2-2 色を変更する
  3. 完成!

では、順番にみてみましょう。

STEP1 大まかな形を作る

まず、ハートの大まかな形を作っていきます。

STEP1-1 三角を描く

まずは、三角を描いていきます。

「星型ツール」を選択

ツールバー「星型ツール」を選択します。

ドラッグして三角を描く

多角形」を選択して、角を「」に設定した状態で、ドラッグして三角を描きます。

Inkscape_heart

STEP1-2 ハートの下の部分を作る

三角を描き終えたら、ハートの下の部分を作っていきます。

三角形を上下反転

STEP1-1で描いた三角形を、上下反転させます。

ツールバー「選択ツール」を選択して、画面上部の「選択オブジェクトを垂直方向に反転」をクリックします。

Inkscape_heart

これで、三角形を上下反転させることができました。

Inkscape_heart

少し縦方向につぶす

正三角形を描いた場合は、縦方向の両矢印をドラッグして、少し縦方向につぶしていきます。

Inkscape_heart

縦長のハートを作りたい!という方は、この作業は必要ありません。

なの
なの

ハートの完成形をイメージして、描いていきます。

STEP1-2 ハートの上の部分を作る

次は、ハートの上の部分を作っていきます。

三角形をコピペ

STEP1-1で作成した三角形をコピペします。

Inkscape_heart

今回は分かりやすいように、コピペした三角形をオレンジ色に着色しています。

片方の三角形を重ねる

オレンジ色の三角形を細く小さくして、下図のように灰色の三角形の上部真ん中に配置します。

このオレンジ色のとんがり部分がハートのくぼみになります。

Inkscape_heart
なの
なの

オレンジ色の三角形は、灰色の三角形の大体の真ん中に配置できれば大丈夫ですが、きっちり真ん中にしたい方は、この記事がおすすめです。
【図解】Inkscapeで図形の中央揃えや等間隔配置

2つの図形を選択

ドラッグして2つの三角形を選択します。

Inkscape_heart

ハートのくぼみを作る

図形を2つ選択した状態で、キーボード「Ctrl」+「-」を押すと、オレンジ色の三角形の形で切り抜くことができます。

Inkscape_heart
なの
なの

メニューバー「パス」から「差分」を選択しても、同じように切り抜くことができます。

ツールバー「ノードツール」を選択して、点を確認してみます。

下図のように6つの点ができました。

Inkscape_heart

STEP2 ハートの形に整える

おおまかな形を描き終えたら、ハートの形に整えていきます。

STEP2-1 ノードツールで点を調整する

ノードツールを使って点を調整していきます。

「ノードツール」を選択

ツールバー「ノードツール」を選択します。

点を「Ctrl」を押しながらダブルクリック

下図の4つの点を、「Ctrl」を押しながらダブルクリックします。

Inkscape_heart

すると、白丸と青い線が出てきます。

なの
なの

この白丸を移動していくことで、ハートの形に近づけていきます。

ハートの形になるよう調整

白丸をドラッグしてハートの形に整えていきます。

Inkscape_heart

STEP2-2 色を変更する

今回は、ピンク色に変更します。

  • 色の変更方法が分からない!

と思われた方は、別記事↓にて具体的な手順を解説しています。

Inkscape_heart

ハートが完成!

ハートが完成しました。

Inkscape_heart

応用編

今回作成したハートにひと工夫すると、ちょっと違たハートを作ることもできます。

下の尖ったハート

点を「Shift」キーを押しながら右(左)斜め上にドラッグすると、青い線をそれぞれ別の方向に出すことができます。

Inkscape_heart

そうすることで、下が尖ったハート作ることができます。

細長いハート

横方向の両矢印をドラッグすることで、細長いハートを作ることもできます。

Inkscape_heart

まとめ

この記事では、Inkscapeでハートを描く方法をご紹介しました。

ロゴマークの作成などに、ぜひ活用してみてください。

ロゴを作成する方法をこちら↓の記事でご紹介しています。

他の図形作成方法こちら↓の記事でご紹介しています。

タイトルとURLをコピーしました