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

関連記事

面白い動きや便利な機能をJSで実装! その6:クリックで画像を拡大表示させるアニメーション

面白い動きや便利な機能をJSで実装! その6:クリックで画像を拡大表示させるアニメーション

記事内の画像をクリックしてその場から拡大表示させるアニメーションを実装したいと思います。 今回使用するjavascriptは「zoom.js」になります。 【これまでの関連記事】 面白い動きや便利な機 …

ホームページ制作の流れを徹底解説!制作の注意点や外注する際のポイントもご紹介

ホームページ制作の流れを徹底解説!制作の注意点や外注する際のポイントもご紹介

企業のホームページ制作は、計画から公開まで一連の工程を適切に管理することが成功の鍵となります。本記事では、まず目的とKPIの設定から始まり、競合分析や市場調査、ターゲット定義といった事前準備の重要性を …

集客に強いホームページ制作を行うには?コツや集客方法を徹底解説!

集客に強いホームページ制作を行うには?コツや集客方法を徹底解説!

検索エンジン最適化(SEO)は、中長期的な集客基盤を築き、広告費を抑えながら質の高い見込み顧客を獲得するために不可欠です。 「月間100件の問い合わせ」「Web経由の売上が3倍」—なぜ、ある企業のホー …

ランディングページ(LP)制作の費用相場は?制作を依頼する際の注意点についても解説

ランディングページ(LP)制作の費用相場は?制作を依頼する際の注意点についても解説

LP制作の費用は幅広いため、予算に応じた依頼先の選定と、目的を明確にした事前準備がコストを抑えて成果を出す鍵となります。 成果を出すランディングページの費用は適正なのか?10万円から100万円超まで、 …

ランディングページ(LP)の構成はどう作る?パーツごとの紹介や作成のコツを解説

ランディングページ(LP)の構成はどう作る?パーツごとの紹介や作成のコツを解説

ランディングページ(LP)構成の記事 成果を出すLPは、顧客心理に響く構成でベネフィットを訴求し、公開後も分析と改善を繰り返して成約率を高める運用が鍵だ。 効果的なランディングページ(LP)は、ビジネ …