私は9年以上前からAdobe Illustratorを使っていますが、シェイプツール、特に長方形や楕円のツールを使って、たくさんのアイコンやロゴを作りました。

ハートは曲線なので、楕円ツールを使って作ろうと思っていますよね？ 確かにそうですが、今日は矩形ツールを使ってハートを作る方法を紹介します。 信じてください、その方が簡単で早くできます。

このチュートリアルでは、Adobe Illustratorでさまざまなハート形をすばやく簡単に作成する3つの方法と、将来使用するためにそれらを保存する方法について説明します。

長方形を使ってどうやってハートの形を作るのか、不思議に思うかもしれませんね。 でも、見てのとおりです。

Adobe Illustratorでハートを作る3つの方法(異なるスタイル)

ハート形のアイコンを作りたい、イラスト風のポスターに愛を込めたい、そのどちらにも対応できるソリューションです。 Adobe Illustratorでハート形を作成する方法は複数ありますが、この3つを知っていれば十分でしょう。

注：画面はAdobe Illustrator CC 2021 Mac版のものです。 Windowsや他のバージョンでは、若干異なる場合があります。

1.角丸ツール＋パスファインダツール＋シェイプビルダーツール

この方法で完璧なハートの形を作ることができます！手順は少し長くて複雑に見えるかもしれませんが、私を信じてください、従うのは超簡単です。

ステップ1． を選択します。 角丸四角形ツール ツールバーにない場合は、編集ツールバーメニューをクリックし、ツールバーにドラッグしてください。 他のシェイプツールと一緒に使うことをお勧めします。

ステップ2． アートボード上でクリックし、ドラッグして丸みを帯びた長方形を描きます。 角の端に近い小さな円の一つをクリックし、中心に向かってドラッグしてできるだけ丸みを帯びさせます。

ステップ3． それを45度の角度で回転させ、丸みを帯びた長方形を複製します。

ステップ4． 両方のシェイプを選択し、2つの丸みを帯びた長方形を水平方向と垂直方向に中央に揃えます。

ステップ5． 図形をひとつ選び 対象物 > トランスフォーム > リフレクト .

ステップ6． 両方の図形を選択すると、パスファインダーが表示されます。 パスファインダー パネルに表示されます。 拡張メニューをクリックすると、さらに多くのオプションが表示されるので、それを選択します。 分割する .

ステップ7． 図形を右クリックし アングループ .

ステップ8． 下部にある2つの半円の図形を選択し、削除します。

これでハートの形が見えてきましたね。

ステップ9． を選択します。 シェイプビルダーツールで 図形を組み合わせる

ステップ10． 図形をクリックしてドラッグします。 影の部分が結合している図形です。

ほらね！

あとは好きな色で塗りつぶせばOK!

2.矩形ツール＋アンカーポイントツール

正方形を作り、アンカーポイントツールでカーブを描くだけで、簡単にハートの形が作れます。

ステップ1． を選択します。 長方形ツール .

ステップ2． を押し続けてください。 シフト キーを押しながら、アートボード上でクリックし、ドラッグして四角い形を作ります。

ステップ3． 正方形を45度回転させる。

ステップ4． を選択します。 アンカーポイントツール は、ペンツールの下に隠れています。

ステップ5． を保持します。 シフト キーを押しながら、傾いた四角の左上をクリックし、左上方向へドラッグします。

右側も同じように、右上の方向にドラッグしていくと、ハートの形になります🙂。

ヒント：スマートガイドをオンにすると、両方のカーブが同じレベルになっているかどうかを確認できます。

3.鉛筆ツール

フリーハンドで描けるハートの形は、イラスト風のデザインに最適です。

ステップ1． 鉛筆ツールを選択する（キーボードショートカット N )、ツールバーに表示されていない場合、通常は「ペイントブラシツール」の下に隠れています。

ステップ2． アートボードをクリックし、ハートの形を描きます。 パスは忘れずに閉じてください。

ヒント：カーブに不満がある場合は エディットカーブ ダイレクト選択ツール、アンカーポイントツール、カーブツールを使用する。

また、ハート型に色をつけることもできます。

その他は？

Adobe Illustratorでハートの形を作成する際に、デザイナーからよくある質問を紹介します。 あなたはその答えを知っていますか？

イラストレーターでハート型を保存するにはどうしたらいいですか？

ハートはIllustratorのシンボルとして保存できます。 俯瞰メニューのWindow> Symbolでシンボルパネルが表示されるので、ハートをパネルにドラッグしてください。

もう一つの方法は、SVGファイルとしてパソコンに保存しておけば、Illustratorで簡単に開いて編集したり、使ったりすることができます。

参照：無料ハートSVG集

イラストレーターでハートの形を編集することはできますか？

ベクターファイルであれば、ハートの色を変えたり、ストロークを追加したり、ベクターハートシェイプのアンカーポイントを編集することができます。 しかし、ラスターイメージのハートであれば、ハートのシェイプを直接編集することはできません。

ハート型をSVG形式で保存するには？

Adobe Illustratorのデフォルトの保存形式は常に.aiです。 SVGとして保存したい場合は、ファイルを保存する際に フォーマット オプションを使用して、.svgに変更してください。

That's Pretty Much It

Adobe Illustratorでは、どんなスタイルのハートSVGも作ることができます。 ハートアイコンは、矩形ツールの方法を使うのが一番手っ取り早く、手描き風のデザインを作るなら、鉛筆ツールの方法を使うと、より良い結果が得られるはずです。

楽しく制作してください。