WEBデザイン WEB制作

【Illustrator】基本図形で出来ちゃう!ハートマークの作り方

投稿日:2015年10月30日 更新日:

こんばんは、新人Aです。

今日は、Illustratorでハートを作る方法についてお話します!
まぁ、素材サイトさんからデータをお借りしちゃえばそれで済む話なのですが…
理想の形が見当たらない!というときには探すよりも自分で作ってしまったほうが早い気もします^^

 

 

【1.円を2つ、正方形を1つ組み合わせる】


円と正方形、この基本図形2つからでも簡単に出来ちゃいます。
円の中心を、正方形の辺に合わせて配置します。

 

 

 

 

【2.合体!】


パスファインダで合体させます。(こちらはCS2の画面ですので、形状エリアに追加→拡張ですね)

 

 

 

 

これで一番簡単なハートの形ができました!
すぐ出来ちゃうのでお手軽!
他にも

このように、楕円を2つ(回転ツールで30度の角度をつけて反転しています)配置して
余分なアンカーポイントを削除、最後に少しだけ形を微調整すれば…
こちらも丸みのあるハートができあがりました^^

 

 


左右非対称にしたり、八角形を使って左下のハートみたいに折り紙っぽくしてみるのも可愛いと思います。
ハートといっても様々ですね!
WEBサイト制作などに役立ててみてください!

 

弊社では技術力を活かした美しいWEBサイトのデザインをご提案します。
様々な目的に応じたプランを用意しておりますので、ご興味のある方はご覧ください。

WEBデザイン

WEBサイト制作実績3,000サイト以上!
新規作成からリニューアルまで、
多様なご要望にお応えした弊社制作事例から検討したい方はこちら

制作実績を見る

マーカーネットブログ 編集部

マーカーネット株式会社のスタッフが、WEB制作・SEO・マーケティングに関する最新情報や実務に基づいたノウハウをわかりやすく発信しています。

-WEBデザイン, WEB制作

関連記事

ホームページ制作は外注がおすすめ!メリットや制作の流れなどをわかりやすく解説

ホームページ制作は外注がおすすめ!メリットや制作の流れなどをわかりやすく解説

Web制作の外注は、社内リソースをコア業務に集中させ高品質な成果物を得るために有効であり、パートナー選びが成功の鍵です。 あなたのホームページ、本当にそれで大丈夫ですか?「見た目は良くないけど、とりあ …

ランディングページのデザイン方法を徹底解説!CTAを上げるためのコツまとめ

ランディングページのデザイン方法を徹底解説!CTAを上げるためのコツまとめ

成約率を高めるには、ボタンの配置や色、文言を最適化し、ユーザーが迷わずクリックできる導線設計を徹底することが重要です。 ランディングページのデザインは、見た目の美しさだけでなく、コンバージョン率(CV …

動物病院のホームページ制作のポイントとは?掲載すべき内容や作成時の注意点について解説!

動物病院のホームページ制作のポイントとは?掲載すべき内容や作成時の注意点について解説!

動物病院のサイトは、情報の透明性とスタッフの顔が見える安心感を伝え、予約のしやすさを追求することが集客成功の鍵です。 ペットを飼う世帯が急増する現代において、動物病院の集客方法も大きく変化しています。 …

デザインリサーチとは?役割や実際の進め方を手法とともにわかりやすく解説!

デザインリサーチとは?役割や実際の進め方を手法とともにわかりやすく解説!

ユーザーのニーズと行動を深く理解した効果的なWEBサイトを作ることができれば、ユーザーに使いやすいWEBサイトが制作できます。ここで、注目を集めているのが「デザインリサーチ」という方法です。 デザイン …

【Illustrator】アーガイル模様の作り方

【Illustrator】アーガイル模様の作り方

みなさまこんにちは、新人Aです。 今日はまたIllustratorを使って、パターンのお話を。 以前は七宝柄、タータンチェックときて・・・今日はアーガイル柄を作りたいと思います。 アーガイル柄といえば …