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

関連記事

ランディングページに動画を埋め込む効果は?やり方や活用のためのポイントを解説

ランディングページに動画を埋め込む効果は?やり方や活用のためのポイントを解説

今、ランディングページに動画を取り入れる企業が増えています。 動画は、視覚と聴覚の両方に訴えかけられるため、ユーザーの理解を深めたり、信頼感を高めたりするのに効果的です。 しかし、ただ動画を載せるだけ …

ランディングページとは?その意味やメリット、ホームページとの違いを解説!

ランディングページとは?その意味やメリット、ホームページとの違いを解説!

LPは特定のアクションへ誘導する強力な営業ツールであり、成果を最大化させるための戦略的な構成と設計が成功のための不可欠な要素です。 成果につながるランディングページと、ただの情報ページの違いは何でしょ …

【Illustrator】簡単!マーブル模様の作り方

【Illustrator】簡単!マーブル模様の作り方

マーブル模様って、パターンと違って規則性もないし、表現するのは大変ですよね。 アナログで作るのにも道具を引っ張り出すのも面倒・・・失敗するのも怖い・・・ そこで、Illustratorで簡単にマーブル …

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

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

ランディングページのデザインは、見た目の美しさだけでなく、コンバージョン率(CV)にも大きく影響します。 どれだけ優れたサービスや商品を紹介していても、情報が伝わりにくかったり、ユーザーにストレスを与 …

【Illustrator】多角形を使った簡単な花形の作り方

【Illustrator】多角形を使った簡単な花形の作り方

みなさまこんばんは、新人Aです。 今日は、多角形を使って一瞬でお花の形にする方法をお話しようと思います! 数値をずらすだけで形が簡単に変わるので、とってもおすすめです。 WEBサイト制作事業 WEBサ …