Adobe Illustrator 2023

ハートの作り方は何通りもある！

たまたまTikTokを見ていたら（海外のデザイン会社と思われる）、たくさんのデザイナーさんがハートの作り方を１つづつ紹介しているものがありました。

それのパクリと言うかアイデアをそのまま頂いたのですが、今回私も思いつく限りのハートの作り方をご紹介したいと思います。

（ハートの作り方自体は、パクっていません。私の思いつきです）

ダンスチャレンジならぬ、「ひとりハートチャレンジ」をやってみたいと思います。
今回はその１回目です。

TOP画像は、数年後振り返ったら懐かしいって思いそうな
デザインにしてみました

ちょびとみい

気になる箇所だけ見ることもできます。
目次から気になる箇所をクリック、またはタップしてください。

ハートの作り方　Vol.１

その１．テキストでハートを作る

超簡単、まずはテキストでハートと入力する方法です。

制作時間：約１５秒　難易度：　

作り方はコチラの動画をご覧ください。
20秒の動画です。再生ボタンをクリックまたはタップしてご覧ください。

１.　ハートと入力し、スペースバーでハート形が出るまで変換する。

２.　ハートになったら文字をアウトライン化する。

３.　完成

　完成はコチラです。

「わざわざ説明するな」とツッコミが入りそうなくらいカンタンですね（笑）。

形がやや長体がかっているので、整形しても良いと思います。

ちなみにフォントはゴシック系でも明朝系でもハートはできます。
にじみゴシックだと滲んだハートになりますし、うつくし明朝だと角Rのハートになりました。

その２．　ブラシツールを使って、フリーハンドでハートを描く

続いても超簡単、ブラシツールを使って描く方法です。

制作時間：約１５秒　難易度：

作り方はコチラの動画をご覧ください。
23秒の動画です。再生ボタンをクリックまたはタップしてご覧ください。

１.　ツールバー＞ブラシツール＞ブラシオプション（ダブルクリックでオプションパネルを表示させます）で精度や太さなどを設定する

２.　フリーハンドでハートを描く

３.　完成

完成はコチラです。

ブラシツールを使うフリーハンドは、筆っぽさや手書き感を出したいときに有効な手段です。
ブラシの精度を滑らかにすることで、フリーハンドでもそれなりなハートを作れます。

まとめ

動画を差し込むと重くなるため、今回はこの２つのみご紹介しました。

今後、思いつく限りのハートの作り方をご紹介していきたいと思います。

ハートの作り方続編のVol.２が気になる方はコチラから

Vol.2はコチラ

【Adobe Illustrator】ハートの作り方　Vol.２

ちょびとみい

アートディレクター、グラフィックデザイナー

X

都内の広告代理店で働く、アートディレクターです。

デザイナー必須のAdobeアプリの操作方法や、
小技とpremiereproの初心者の備忘録を中心にご紹介しています。

Adobe Illustrator・Photoshop歴／20年
Adobe premierepro歴／2024年5月から始めた超初心者
ブログ歴／2024年2月から始めた超初心者