リファレンス

inkscape テキストツールの基本操作をマスターしよう【映像あり】

inkscapeは無料だけど使い方がよくわからないという声を聞きます。

そこで今回はテキストツールの基本操作を紹介します。

まずはデモ映像を見たほうが、イメージが湧きやすいと思います。

この記事は2016年6月に編集・修正をいたしました。

テキストツールデモ映像

テキストを入力する

テキストツールを選んで、クリックしたところからテキスト入力ができます。

2016-05-31_20h50_52_inkscape_テキストツール基本操作マニュアル

テキストツールのまま、マウスでクリック&ドラッグすると、テキストボックスを作ることができます。

2016-06-02_07h50_58_inkscape_テキストツール基本操作マニュアル

そのまま文字入力をすると、ボックスに収まるように、自動的に折り返すテキストが作れます。

2016-06-02_07h59_34_inkscape_テキストツール基本操作マニュアル

テキストボックスに収まりきらない文字は表示されなくなってしまいます。

2016-06-02_08h25_19_inkscape_テキストツール基本操作マニュアル

テキストボックスの大きさを変えると表示されるようになります。

右下、もしくは左上のアンカーポイントを動かすと、テキストボックスのサイズを変更できます。

2016-06-02_08h33_32_inkscape_テキストツール基本操作マニュアル

文字組みをする

字間・行間などの設定はツールコントロールバーから行います。

2016-06-02_22h21_12_inkscape_テキストツール基本操作マニュアル

ツールコントロールバーは現在選択中のツールによって内容が変わります。

テキストツールを使用しているときはこのツールバーが表示されるようになっています。

では、文字組を始めていきます。

行間を設定する

行間を変更すると、テキストに緊張感をもたせたり、柔らかい印象を持たせたたりすることができます。

設定箇所はこちらです。

2016-06-02_22h21_13_inkscape_テキストツール基本操作マニュアル

数値を直接入力してもOKですし、上下のボタンで変更してもOKです。

2016-06-03_07h38_29_inkscape_テキストツール基本操作マニュアル

1.4倍では行間がしっかり開いていて、柔らかい印象を与えます。

2016-06-03_07h45_09_inkscape_テキストツール基本操作マニュアル

1倍では文字が敷き詰まった状態で、新聞のような硬い印象を与えます。

読みにくさも出てくるので、まずは適度な行間を決めましょう。

フォントを変えることでも違ったイメージを持たせることができるので、明朝体や隷書体でも同じように比較してみてください。

文字間隔を設定する

フォント自体でも文字間隔の調整はされているのですが、自分のイメージするものとマッチしない場合もあります。

  • カタカナの小さい「ツ」とその両隣が開きすぎている
  • 漢字の文字の間隔が開きすぎている
  • 句読点の右側の隙間が開きすぎている

これらは文字間隔を調整することで解決します。

現在使用しているフォントで気になる箇所を調整してみます。

2016-06-04_09h07_05_inkscape_テキストツール基本操作マニュアル

inkscapeでは選択した文字の右側の間隔をピクセル単位で調整できます。

2016-06-04_09h25_47_inkscape_テキストツール基本操作マニュアル

同じ要領で必要な箇所を選択して、文字間隔を調整します。

2016-06-04_10h32_45_inkscape_テキストツール基本操作マニュアル

比べると、違いがわかります。

2016-06-04_10h38_07_inkscape_テキストツール基本操作マニュアル

2016-06-04_10h38_47_inkscape_テキストツール基本操作マニュアル

詰めたことで、漢字の重厚感が強調されます。

四角いフォルムの文字が並ぶと、どうしても文字間隔に違和感が出やすいので、これを使って直してみるのも一つの方法です。

テキストの共通設定を変える

テキストのフォントやサイズ、右寄せ左寄せなどを変えるときにはコントロールバーよりも「テキストとフォント」ダイアログを使った方が簡単です。

2016-06-04_19h45_02_inkscape_テキストツール基本操作マニュアル

ダイアログのフォントタブではツールコントロールバーのフォントやフォントサイズの設定と左右中央寄せの設定ができます。

選択ツールを使っているときでも変更可能なので、レイアウトなどをするときに重宝します。

タブをテキストに変更すると、テキスト編集をすることができます。

2016-06-04_20h02_36_inkscape_テキストツール基本操作マニュアル

あまり知られていない機能なのですが、使いはじめるとツールコントロールバーでフォントを選ぶよりらくだと思います。

終わりに

テキストツールはどんなデザインでも登場するツールです。

ここでは紹介しきれなかったのですが、文字を部分的に回転させたり、1文字だけベースラインを変えたりといったこともできます。

使い始めればなんてこともないツールですが、機能を知らなかったことで損をしていたなんてこともあるので、いろいろ試して見てください。

 

P.S

今回はあまり触れていないのですが、フォントの形状によってもデザインの印象は大きく変わります。

良質なフリーフォントがいくつも紹介されていますが、ずっとフリーフォントを使い続けるわけにも行きません。

ライセンスのことも毎回調べなくてはいけないので、そういうことを考えるとフォントを購入することも検討した方がいいと思います。

普通は1書体を商用利用しようとすると、1万円以上はかかるのですが、フォントパックを利用することでコストを大きく下げることができます。

オススメのパックはFONT×FAN HYBRIDです。

日本語の基本書体(ゴシックや明朝・ポップ書体)や隷書体などの毛筆系フォント、欧文や数字のポップに最適な書体もそろっています。

さらに個性的なクリエイターズフォントなどの特殊フォントも入って商用利用可能なのでお得感しか無いです。

たくさんありすぎて、全部を使い切れるとは思えないのですが、C4フォントやセイビフォントが揃っているので、単体で購入するよりは遥かにお得です。

フォントのバリエーションを増やすために購入してみても良いかと思います。

 

FONT x FAN HYBRID 3

初回特典:映画字幕で使用されている「シネマフォント」収録

収録フォント:12526

日本語フォント:800

TYPE C4フォント・セイビフォントなど、合計94ブランドのフォントが収録されています。

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

tipLog

WordPressテーマ

WordPressテーマ「MAG(TCD036)」

スポンサードリンク

関連記事

  1. ウェブコーディング

    PHPの基本的な文法と変数のまとめ

    どんなPHP文でも必ず従わなければいけない文法があります。その初歩…

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

    レイアウトデザインに最適な無料ソフト「inkscape」(≒Illustrator)

    グラフィックデザインを勉強するには有料のソフトと専門の講座を受講するの…

  3. レイアウト

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

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

  4. トラブルシューティング

    アンインストールしたフォントがinkscapeで表示されているときの対処法

    メインで使用しているPCのフォントを整理した後のことです。Wind…

  5. 素材

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

    同心円を作るのって、結構面倒な作業なのですが、実はinkscapeのタ…

  6. チュートリアル

    超簡単!inkscapeで直角三角形を作る方法

    inkscapeには正三角形を作る機能(多角形・星形ツール)はあるので…

コメント

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

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

CAPTCHA


スポンサードリンク

ピックアップ記事

おすすめの本

使用している素材

カテゴリー

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

    レイアウトデザインに最適な無料ソフト「inkscape」(≒Illustrato…
  2. ブログ収益化

    月額100円から使える「ロリポップレンタルサーバー」
  3. グラフィックデザイン

    フォトレタッチ・グラフィックデザインの無料ソフト「GIMP」(≒Photosho…
  4. ブログ収益化

    無料レポートスタンドの「メルぞう・Xam」を120%使い倒す方法
  5. 素材

    無料でクオリティが高く、検索機能が利用できる画像素材サイト3選
PAGE TOP