グラフィックデザイン

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

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

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

ぜひお試しください。

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

カロナール500mg/1回を12歳の小児に使っていいのか?という話前のページ

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

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

tipLog

関連記事

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

    GIMPで秋の行楽・旅行バナーを作りました。

    秋の旅行をイメージしてGIMPでバナーを作成してみました。以下…

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

    Inkscapeのシェイプとパス編集でいろんな「吹き出し」を作ってみた

    多角形や星型をノードツールで変形させることでいろいろな吹き出しを作るこ…

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

    簡単にテキストレイアウトができるinkscapeの「テキストの流し込み」機能の使い方

    写真付きのパンフレットでよくあるテキストレイアウトには被写体を邪魔しな…

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

    アイコンの基本は抽象化!特徴を見つけて基本図形に落としこむ方法

    作りたいアイコンやロゴがあるときに、なかなかアイデアが浮かばないという…

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

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

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

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

    inkscapeの基本機能だけで矢印を描く方法

    今回はよく検索されている、inkscapeで矢印を作るための基本チュー…

コメント

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

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

CAPTCHA


スポンサードリンク

スポンサードリンク

inkscapeを学ぶ

Inkscapeの入門書

カテゴリー

ピックアップ記事

  1. 特集

    inkscapeの使い方を集めたスキルアップのための日本語チュートリアル集
  2. 特集

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

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

    月額100円から使える「ロリポップレンタルサーバー」
  5. ブログやサイトの作り方

    TCDテーマ比較「CUBEY」と「BlogPress」どっちがいい?
PAGE TOP