ホームページ制作 名古屋

問い合わせ先


インクスケープでテキストをパスの縁取り(アウトライン)に沿わせる

 

テキスト(文字)を図形の輪郭に沿わせてみよう

インクスケープ(Inkscape)には、テキスト(文字)を図形の縁取り(アウトライン)に沿わせる機能があります。
これは同じドローソフトのIllustratorにもある機能で、シンプルながらデザイン性に優れた技です。
ぜひ使いこなして“文字によるデザイン”に挑戦してみてはいかがでしょう?

テキストをパスに沿わせる

インクスケープ(Inkscape)でテキスト(文字)をパス(アウトライン)に沿わせる01

まずはペンツールを使って適当なパスを描き、テキストツールで長めの文字列を用意します。

 

インクスケープ(Inkscape)でテキスト(文字)をパス(アウトライン)に沿わせる02

パスとテキストを両方選択した状態で、「テキスト」-「テキストをパス上に配置」をクリックします。

 

インクスケープ(Inkscape)でテキスト(文字)をパス(アウトライン)に沿わせる03

テキストがパスに沿った形に変形して配置されました。たったこれだけでできてしまうんですね。

 

インクスケープ(Inkscape)でテキスト(文字)をパス(アウトライン)に沿わせる04

重なりを外してあげればこのとおり。くねくねした文字ができました。

 

インクスケープ(Inkscape)でテキスト(文字)をパス(アウトライン)に沿わせる05

こんならせん状のパスではどうでしょう。
らせんはツールバーの「らせんツール(らせんを作成)」で描くことができます。

 

インクスケープ(Inkscape)でテキスト(文字)をパス(アウトライン)に沿わせる06

こんな風にくるくるした文字ができました。

目次にもどる

その他のパス図形の輪郭に沿わせる

インクスケープ(Inkscape)でテキスト(文字)をパス(アウトライン)に沿わせる07

もちろん「矩形(くけい)ツール」や「円/弧ツール」で描いた図形の輪郭にもテキストを沿わせることができます。

 

インクスケープ(Inkscape)でテキスト(文字)をパス(アウトライン)に沿わせる08

ただし注意点があります。
テキストを沿わせるときは対象図形がパス図形である必要がありますので、矩形ツールで描いたあとで「パス」-「オブジェクトをパスへ」でパスに変換してから行います。

 

インクスケープ(Inkscape)でテキスト(文字)をパス(アウトライン)に沿わせる09

テキストを水平・垂直に反転させたりすれば、こんな風にもできますね。
簡単で効果的なのでぜひ使ってみてください。

目次にもどる

作成者:J-ACT Co.,Ltd.
http://j-act.jp/
Copyright(C) 2015
名古屋のホームページ制作・システム・デザイン会社J-ACT-ジェイアクト
All Rights Reserved.