マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン WEB制作

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

投稿日:2014年9月29日 更新日:

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

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

 

 

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

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

 

 

 

 

【2.合体!】

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

 

 

 

 

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

4 5 6 7

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

 

 

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

-WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

戦略なきWEBブランディングは効果なし

戦略なきWEBブランディングは効果なし

ブランディングとうい視点で、日本酒について考えてみたいと思います。 旅人・中田英寿 たどり着いた先は「日本酒ビジネス」のなぜ? “旅人”のたどりついた先は酒蔵だった。元サッカー日本代表の中田英寿(37 …

レスポンシブサイトを作る時に私が最低限やっていること【htmlソース編】

レスポンシブサイトを作る時に私が最低限やっていること【htmlソース編】

レスポンシブサイトを作る機会がここ最近かなり増えて来ました。 かくいうこのブログもレスポンシブ対応しています。 レスポンシブサイトを作る時には デザイン面等でも気を付ける事は幾つかありますが、 今回は …

イラスト素材サイトのご紹介

イラスト素材サイトのご紹介

こんばんは、新人Aです。 今日は、イラスト素材のサイトさんをご紹介しようかと思います!       【いらすとや】 http://www.irasutoya.com/ フ …

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(1)

デザイナーの常識!? いいデザインと悪いデザインの見分け方 その(1)

デザイナーのAです。こんにちは。 今日はお客様の立場になって、 WEB制作における良いデザインと悪いデザインの見分け方についてご紹介できればと思います。 デザイナーにとっては、基本的なことでも、以外と …

WEBサイトの配色に迷った時の必見サイト!

こんばんは! 本日社内で勉強の一環で某テストを受けた、風邪気味のKです! 夏休みも目前!早く元気になりたい! さてさて、このところお仕事をさせていただいている際、 セオリーにハマった色使いを真似ている …