ウープスデザインブログ (デザイナーまめこ)

東京都でフリーランスデザイナーをしているイシジマミキのブログです。制作実績やその作り方とか。あと運営しているコワーキングスペース「こけむさズ」に関して。書評などのレビューもします。

円ガイドの引き方コツ

2013年1月20日

いつもうまくいかないのでメモ。

スクリーンショット 2013 01 19 23 54 03

カンタンにフリーハンドで線を引きます。注目すべきは右側、頭部分。

スクリーンショット 2013 01 20 0 12 23

このように大きさの違う2つの円をなめらかにつなげなくてはいけません。

自分はいつもここが苦手で凸凹してしまいます。

理系の人に相談してみたところよいアドバイスがもらえたのでメモ。

スクリーンショット 2013 01 20 0 14 31

2つの円だけでつなごうとするからうまくいかないのだそうです。ここで両方の円に接する第3の線を引いてやることでなめらかな曲線を確保できます。図だと緑の部分ですね。

今回は内接の円を描きました。自分はよく外接にしてしまい、Illustratorのキャンバスに入りきらない円が必要になっていて困ってたんですよね。そうか内側の線でもいいのか。と当たり前のことながら目からウロコです。

それができたら必要な辺だけ残します。一番楽チンなのはパスファインダーで「分割」ですね。そして不要なところを削除すれば勝手にキレイな辺だけ残ります。

スクリーンショット 2013 01 20 0 16 37

色をまとめると分かりやすい。

スクリーンショット 2013 01 20 0 22 21

これで円ガイドの難関1つクリアしました!やったー!

少しでも役だったらシェアしたり、コメントもらえると記事を書くモチベーションが跳ね上がります!

▲ ページ上部へ戻る

2 Responses 円ガイドの引き方コツto “”

  1. @webzine_japan より:

    円ガイドの引き方コツ http://t.co/JLvCdagv

  2. @satoko より:

    fmfm:円ガイドの引き方コツ | ウープスデザインブログ (デザイナーまめこ) http://t.co/EYSyFDW99f

Leave a Reply