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制作

関連記事

起業時のホームページはどうしたらいい?必要となるシーンや作り方を解説

起業時のホームページはどうしたらいい?必要となるシーンや作り方を解説

起業時のホームページは、社会的信用の獲得や集客の基盤として不可欠なため、ビジネスの機会損失を防ぐべく早期に開設すべきです。 「うちの会社もそろそろホームページを…」――起業して間もない経営 …

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

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

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

ホームページ制作を依頼するときに重要となる契約書の書き方は?トラブルを防ぐための記載内容を解説

ホームページ制作を依頼するときに重要となる契約書の書き方は?トラブルを防ぐための記載内容を解説

Web制作の契約はトラブルを防ぐ基盤であり、業務範囲や著作権、保守内容を事前に明確化し、書面で確認することがプロジェクト成功の鍵です。 ホームページの制作を依頼するとき、「契約書は後回しでいいだろう」 …

ランディングページ(LP)の作り方を徹底解説!初心者でも簡単に制作する方法をご紹介

ランディングページ(LP)の作り方を徹底解説!初心者でも簡単に制作する方法をご紹介

ランディングページ(LP)は商品やサービスの販売促進に特化した重要なマーケティングツールですが、制作の仕方がわからず悩んでいる方も多いのではないでしょうか。この記事では、初心者でも簡単に成果の出るラン …

【2024年最新版】ホームページのリニューアル制作で利用できる補助金は?申請の注意点などについても解説

【2024年最新版】ホームページのリニューアル制作で利用できる補助金は?申請の注意点などについても解説

ホームページのリニューアルは、ビジネスの成長に不可欠ですが、費用面で課題を感じる企業も多いと思います。そこで注目したいのが、制作費用の一部をカバーできる補助金制度です。本記事では、ホームページリニュー …