グラフィックデザイン

inkscapeのパス操作でテキストをポップにする方法

特別なフォントを使わなくても、パス操作を使うことでポップな書体を作ることができます。

ポップ書体を購入して使うというのも選択肢としてありますが、アルファベットなど簡単なものなら2、3分でできるので、試してみてください。

今回は「inkscape」という文字をポップな書体に変えてみます。

この記事は2014年11月4日の記事を再編集したものです。

テキストオブジェクトを作る

形状をポップにしたい文字列をテキストツールで作成します。

2016-08-11_17h49_43_inkscapeのパス操作でテキストをポップにする方法

テキストツールで普通に書いてOKです。

「レギュラー書体」だと細すぎたりするので、「ボールド書体」で書くことをおすすめします。

2016-08-11_18h01_34_inkscapeのパス操作でテキストをポップにする方法

オブジェクトをパスへ変更

テキストツールで文字を書くとテキストオブジェクトとして作られるので、このままでは形状を変化させられません。

そこでテキストをパスに変換します。

2016-08-11_18h04_45_inkscapeのパス操作でテキストをポップにする方法

見た目の変化はありませんが、これでテキストオブジェクトとしての機能はなくなり、パスとして扱うことができるようになります。

ノードツールで選択した時のアクションが違うはずなので、試してみてください。

パスの形状を変化させる

ノードツールを使ってパスの形状を変化させます。

全てのパスを一気に変化させるために[Shift]キーを押しながらすべての文字を選択します。

2016-08-11_18h11_28_inkscapeのパス操作でテキストをポップにする方法

最後の文字まで選択したら、パスを作っているノードを[Ctrl+A]で全て選択します。

2016-08-11_18h16_14_inkscapeのパス操作でテキストをポップにする方法

最後に形状を変化させます。

ノードが全部青くなっている状態で、ツールコントロールバーから「選択ノードを自動スムーズに」をクリックします。

2016-08-11_18h27_33_inkscapeのパス操作でテキストをポップにする方法

文字の形状が変わっているのがわかると思います。

選択を解除するとよく見えます。

微調整する

少しアンバランスなところを調整していきます。

2016-08-11_18h30_07_inkscapeのパス操作でテキストをポップにする方法

文字間隔の調整をしてバランスを取ります。

2016-08-11_18h47_32_inkscapeのパス操作でテキストをポップにする方法

これで完成しました。

2016-08-11_18h52_58

バランスが取れて、さっきよりも不自然さが消えていると思います。

あとはエクスポートして画像として使うこともできます。

ぜひお試しください。

では今回はこのあたりで。

inkscapeのタイルクローンでドットパターンを作る手順前のページ

inkscapeのタイルクローンで同心円を描く方法次のページ

記事が気に入ったら
tipLog を "いいね!"
Facebookで更新情報をお届け。

tipLog

関連記事

  1. グラフィックデザイン

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使ってみて

    ブログやサイトのロゴを作るときって時間的・金銭的に結構なコストがかかり…

  2. グラフィックデザイン

    inkscapeの「整列と配置」でオブジェクトを綺麗に並べて表を作る方法

    inkscapeには整列と配置を調整するための機能があります。この…

  3. グラフィックデザイン

    inkscapeで「冷えてます。」POPをつくってみたのでデータ配布します

    ちょっと仕事で使うことになったので試しにPOP作成をinkscapeで…

  4. グラフィックデザイン

    写真を「モノクロ+一部カラー」にして画像にメッセージ性をもたせる方法

    モノクロ写真の一部だけに色付けされていると、どことなくメッセージ性を強…

  5. グラフィックデザイン

    GIMPでトリミング画像に影をつけてサクッと立体感を生み出すチュートリアル

    写真から切抜きした画像単体では、立体感がなく物足りないような印象を受け…

  6. グラフィックデザイン

    inkscapeでパターン素材を作るチュートリアル

    inkscapeを使うと簡単にパターン素材を作ることができます。い…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


スポンサードリンク

スポンサードリンク

inkscapeを学ぶ

Inkscapeの入門書

カテゴリー

ピックアップ記事

  1. ブログの収益化

    報酬の受取に苦労してません?初心者でもAmazon・楽天のアフィリエイトで効率的…
  2. 特集

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
  3. グラフィックデザイン

    自作?外注?その前にコレ!ブログのロゴデザインをするなら「Logaster」を使…
  4. ブログやサイトの作り方

    TCDテーマ比較「CUBEY」と「BlogPress」どっちがいい?
  5. ブログやサイトの作り方

    月額100円から使える「ロリポップレンタルサーバー」
PAGE TOP