現役エンジニア・デザイナーの備忘録ブログ

2019.7.29 / 更新日: 2024.5.22
デザイン

【デザイン】Illustratorでオブジェクトに均等な幅を保ちつつ縁取りを付ける

通常の拡大・縮小では均等に幅を維持したまま変形することはできませんよね…

ここでは均等な幅を保ちつつ、オブジェクトを変形させる方法をご紹介します。

(Illustrator ccの作業環境でご紹介しております。)

 

このように、通常のドラッグでの拡大・縮小ではうまく縁取りができません。

Illustratorでオブジェクトに均等な縁取りを付ける

 

なので、以下の手順で縁を付けていきましょう。

 

1.オブジェクト>パス>パスのオフセットを選択

縁を付けたいオブジェクトを選択し、上部メニューから
オブジェクト>パス>パスのオフセット を選択します。

 

 

2.オフセットの部分で縁の大きさを調整

オフセットの部分で縁の大きさを調整できます。もちろん縮小もできます。

基準のオブジェクトよりも大きくしたい場合は拡大したいだけ、幅の数値を入力します。
小さくしたい場合は数値の前に「-」マイナスを入力すればOK。

下記の画像の例は基準のオブジェクトよりも+20pxほど、ひと回り大きいオブジェクトが生成されます。

角の形状はマイター、角の比率は4にデフォルトで設定されています。こちらはこの初期値のままでも大丈夫です。

 

パスのオフセットとは?

選択しているパスを基準に、新たなパスを作成する機能です。

オフセットは、選択したオブジェクトからどれだけの距離を作るか?ということで、設定することで任意の数値だけ拡大したり縮小したりできます。
数値がプラスなら元のオブジェクトの外側に、マイナスなら内側に新たなオブジェクトが作成されます。

 

角の形状とは?

新しく作成されるパスの角をどのような形にするかを設定できます。
設定できる角の形状は3種。

Illustratorでオブジェクトに均等な幅を保ちつつ縁取りを付ける

マイター:選択しているパスと同じ角になります
ラウンド:角が丸くなります
ベベル:角が面取りされます

 

角の比率とは?

角の形状をマイターにしたときに有効な設定です。

適応結果は比率の値と角の角度によって変わるので、プレビューを見ながら設定しましょう。

Illustratorでオブジェクトに均等な幅を保ちつつ縁取りを付ける

 

3.色や線の太さなどを調整

OKを押すと設定が終わりレイヤーが増えます。ここから色や線の太さなどを変更できます。

 

 

 

以上です!良かったら参考にしてください◎

関連記事