GIMP2とInkscape(インクスケープ)!無料イラストソフトで画像の編集

GIMP2とインクスケープ!無料イラストソフトで画像の編集をしよう

文字をパスの縁取り(アウトライン)に沿って這わせる

文字を使ったデザインに挑戦しよう

Inkscape(インクスケープ)では、テキスト(文字)をパスの縁取りに沿って這わせることもできます。
これは有料ソフトのAdobe Illustrator(イラストレーター)にもあるとても機能な機能です。

 

 

いろいろなパスの縁取りに沿った文字デザインをつくろう

Inkscape(インクスケープ)でテキストをパスに沿って這わせる01

 

まずは適当なパス図形とテキストを用意します。

 

Inkscape(インクスケープ)でテキストをパスに沿って這わせる02

 

パス図形とテキストの両方を選択した状態で、「Text」→「Put on Path」をクリックします。
日本語ソフトの場合は「テキスト」→「テキストをパス上に」です。

 

Inkscape(インクスケープ)でテキストをパスに沿って這わせる03

 

あっという間に文字をパスの縁取りに沿わせることができました。

 

Inkscape(インクスケープ)でテキストをパスに沿って這わせる04

 

合体してしまったわけではありませんので、ちゃんと分解できますよ。

 

Inkscape(インクスケープ)でテキストをパスに沿って這わせる05

 

目次にもどる

 

対象がパスじゃないとできません

ほかにもいろいろなパスで試してみましょう。
こんどはうずまき上のパスです。

 

Inkscape(インクスケープ)でテキストをパスに沿って這わせる06

 

渦巻きのアウトラインに沿った文字ができました。おもしろいですね。

 

Inkscape(インクスケープ)でテキストをパスに沿って這わせる07

 

もちろん矩形や円・楕円でもできます。

 

Inkscape(インクスケープ)でテキストをパスに沿って這わせる08

 

注意点としては、「矩形」ツールを使って描いた図形はオブジェクトの状態になっているのでそのままではできません。
「Path」→「Object to Path」をクリックしてパス編集できる図形に変換してからやりましょう。
日本語ソフトは「パス」→「オブジェクトをパスに」です。

 

Inkscape(インクスケープ)でテキストをパスに沿って這わせる09

 

応用しだいでデザインの幅が広がりますね。この画像は、アーチ状の2つのテキストを組み合わせて作っています。(アーチは円/楕円ツールで作れます。)
文字を加工したデザインは、シンプルなわりにデザイン性が豊かなので、ぜひともチャレンジしてください。

 

目次にもどる

>>サーバー選びは目的に合ったものを<<

 

この記事に関連する記事一覧

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
サイト内検索
目次
Twitter