「Inkscape」パスのオフセットでオブジェクトを同心円状に広げたい【T】

「Inkscape」でロゴや文字の周りに綺麗なフチを付けようとして、図形を複製して拡大したのに形が歪んでしまった経験はありませんか?


単純な拡大では角の丸みや線の厚みが均一にならず、内側の図形と微妙にズレが生じてしまい、納得のいく仕上がりにならずに悩んでしまいます。

こうした悩みは、形状を維持したまま外側へ一回り大きく広げる「パスのオフセット」機能を使うだけで解決できます。

デザインに深みを出すための、オブジェクトを同心円状に広げるやり方を見ていきましょう。

形状を維持したままサイズを広げる仕組み

図形を同心円状に広げる際、単なる拡大縮小と「オフセット」では計算の仕組みが根本的に異なります。

オフセット機能は、元のパスの各点から垂直方向に一定の距離を保って新しい線を描くため、複雑な形状でもシルエットを崩さずに太らせることができます。

具体的には以下の場面で非常に役立ちます。

  • 文字の周りに太い縁取りを付けて読みやすくする。

  • イラストの外側にカットライン(ステッカーの余白)を作る。

  • 複数の図形を重ねて、等間隔の層状のデザインを作成する。

アドバイスとして、オフセットを適用する前に「オブジェクトをパスへ」変換しておくことで、より正確な計算結果を得られるようになります。


段階的にパスを外側へ広げたい

「Inkscape」のメニューにある標準的なコマンドを使って、視覚的に確認しながら少しずつサイズを大きくする解決策を確認していきます。

作業をスムーズに進めるため、以下の手順で操作を行ってください。

  1. 対象となる「オブジェクト」を選択し、メニューの「パス」から「オブジェクトをパスへ」を実行する。

  2. 再び「パス」メニューを開き、「アウトセット」をクリックして一回り外側へ広げる。

  3. 好みの太さになるまで、繰り返し「アウトセット」を適用して調整する。

  4. 逆に内側へ絞りたい場合は、同じメニュー内にある「インセット」を選択する。

アドバイスとして、キーボードの「Ctrl」キーと「)」キーを同時に押すと、メニューを開かずに素早く「アウトセット」を適用できるため効率的です。


数値を指定して正確な幅のオフセットを作りたい

目分量ではなく、ミリ単位やピクセル単位で正確な余白を作りたい場合には、「動的オフセット」や「連結オフセット」が効果的です。

作品の表現を広げるため、以下の手順で設定を行ってください。

  1. オブジェクトを選択した状態で、メニューの「パス」から「連結オフセット」を選択する。

  2. 図形の上に表示される「小さなダイヤモンド型のハンドル」をマウスでドラッグする。

  3. ハンドルを外側に動かすと、元の図形を維持したまま背後に新しいオフセットパスが生成される。

  4. 正確な数値が必要な場合は、「ノードツール」でハンドルを操作しながら、画面下部のステータスバーで変化量を確認する。

注意点として、「連結オフセット」は元のオブジェクトとリンクしているため、本体の形を変えるとオフセット側の形も自動的に追従して変化します。


オフセット機能を使いこなした際の効果

パスのオフセットを自在に操れるようになると、手作業では不可能な精密なレイアウトが可能になります。

具体的には以下の効果が期待できます。

  • 複雑なロゴマークでも、完璧に等間隔なフチ取りを瞬時に作成できる。

  • 文字と背景の間に適切な余白を作ることで、デザインの視認性が飛躍的に向上する。

  • 重なり合うパーツの境界を強調できるようになり、立体感のあるイラストが完成する。

アドバイスとして、オフセットで作ったパスの色を変えたり、さらにその外側にオフセットを重ねたりすることで、多重の縁取りデザインを楽しむこともできます。


人気のある投稿記事

「Excel」カーソルの白十字を元に戻したい

「Excel」を使ったことはあっても、他人が使ってる「Excel」って、変な設定になってることがありませんか?例えば、カーソルが白い十字のままで、通常ならばセルの右下端をドラッグすることができ、連番を振ったりできるのに、それができないこととか。