Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

長方形の角を部分的に丸くする方法(イラストレーター)

長方形の角を部分的に丸くする方法(イラストレーター)

長方形の角を部分的に丸くする方法(イラストレーター)

イラストレーターで四角形の対角線部分だけが角丸のオブジェクトを描くときや、タブのような四角形の上の部分だけが角丸のオブジェクトを描くときなど、簡単なようで意外と、どのように描いていいのかと迷うことがあります。様々な方法があると思いますが、その書き方をメモしておきます。

AdobeCS5風のアイコンが簡単に作成できるアイコンジェネレーターhttp://icon-generator.net/

四角形の対角線部分だけが角丸のオブジェクトを描く

長方形ツールを基に作成
四角形の対角線部分だけが角丸のオブジェクト上記のようなオブジェクトを描く方法です。意外とその描き方に悩むのでは…?

リボン作成手順2矩形ツールより長方形ツールを選択し、任意の大きさを描きます。
次に、今描いたオブジェクトを選択した状態でCtrl+Cでコピーします。(まだ貼り付けは行いません)
次に、メニューの「オブジェクト」より、「パス」「アンカーポイントの追加」を選択します。
次に、Ctrl+Fで前面に貼り付けを行います。
角を丸く変形させます
角を丸くするメニューの「効果」より「スタイライズ」「角を丸くする」を選択し、「半径」を入力します。ここでは7mmに設定しています。

次にメニューの「オブジェクト」「アピアランスを分割」を選択します。角丸のパスが取れた状態になります。ここまで行った結果、下に長方形、上に角丸のオブジェクトが存在していればOKです。
長方形の不要な部分を削除します
長方形の不要な部分を削除「アンカーポイントの削除ツール」を選択します。(ペンツール部分をの長押しして、ペンツールに-(マイナス)付いたツールを選択)角を丸くしたい箇所(長方形の角が不要な場所)のアンカーポイントをクリックすれば、アンカーポイントが削除され、上記のようになります。
仕上げ
仕上げオブジェクトを全て選択し、メニューの「ウィンドウ」「パスファインダー」より「合体」を選択すればOKです。あとは、色を付けたり装飾して完成です。
四角形の上の部分だけが角丸のオブジェクトを描く
四角形の上の部分だけが角丸のオブジェクト次にタブのような、上部だけが角丸になっているオブジェクトを作成する方法です。

同じ要領で行いますこちらは、最初の手順が少し異なりますが、同じ要領で行います。
長方形を描き、Ctrl+Cでコピーします。(まだ貼り付けは行いません)[1]
次に、長方形に平体をかけます。[2]
次に、Ctrl+Fで前面に貼り付けます。[3]のような状態になっていればOKです。
角を丸く変形させます
角を丸くするメニューの「効果」より「スタイライズ」「角を丸くする」を選択し、「半径」を入力します。ここでは7mmに設定しています。

アピアランスを分割次にメニューの「オブジェクト」「アピアランスを分割」を選択します。角丸のパスが取れた状態になります。
仕上げ
仕上げオブジェクトを全て選択し、メニューの「ウィンドウ」「パスファインダー」より「合体」を選択すればOKです。あとは、色を付けたり装飾して完成です。

楽してプロっぽいデザイン|Forty-N-Five Blog Trackbacks

このエントリーのトラックバックURL

コメントを投稿

Name:
Mail:
URL:
この情報を登録しますか?

長方形の角を部分的に丸くする方法(イラストレーター)の前後の記事

前の記事は「Illustrator(イラストレーター)でリボンのイラストを描く方法

次の記事は「おばさんイラスト、Illustrator(イラストレーター)形式で無料配布します

関連する情報

              

楽してプロっぽいデザイン|Forty-n-FiveBlog ホームへ戻る

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

ポートフォリオサイト|Forty-N-Five

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

健康美人30代から始める美と健康は、MovableTypeを使用して制作した通販サイトです。

健康美人30代から始める美と健康 もてもてSHOP NOLOOKS 和彩

元気をくれた本

「夢をかなえるゾウ」この本に出会えて良かったとホントに良かった思います。Webには関係ないですが、これからの人生を楽しくしてくれる本です。ガネーシャどうもありがとう(笑)

Copyright Forty - N - Five. All rights reserved.