Skip to main content

GIMPを使って対の文字間の間隔を調整する

Photoshop テキストの文字詰め(カーニング)のテクニック (六月 2026)

Photoshop テキストの文字詰め(カーニング)のテクニック (六月 2026)
Anonim
05の01

GIMPを使って文字間の間隔を調整する

このチュートリアルでは、GIMPの特定の文字のペア間の文字間隔を調整する方法を説明します。このプロセスはカーニングと呼ばれています。しかし、これは、会社のロゴデザインの主な言葉遣いのように、ごく少量のテキストでのみ使用するのに適した、ハッキリなアプローチであることに注意してください。

これを押す前に、GIMPでロゴを作成しないように助言するのは、ウェブ上でのみで印刷物ではないことを100%確信していない限りです。将来、あなたのロゴを印刷で作成する必要があると思われる場合は、Inkscapeのようなベクターベースのアプリケーションを使用して設計する必要があります。これにより、任意のサイズでロゴを再現する柔軟性が得られるだけでなく、テキストを編集するためのより高度なコントロールも利用できます。

しかし、私は一部の人々がGIMPを使ってロゴを作成することに決め、それがあなたに当てはまるならば、このテクニックはあなたのロゴのテキストコンテンツができるだけよく表示されるようにするのに役立ちます。

GIMPは非常に強力な画像エディタで、片面リーフレットやポスターなどのデザインを作成するのに十分なテキストコントロールも提供しています。しかし、それはイメージエディタであり、最終的にテキストコントロールは少し限られています。ベクターライン描画とDTPアプリケーションの共通の特徴は、他のテキストとは無関係に文字のペア間のスペースを調整できるカーニング機能です。これは、ロゴや見出しにテキストを設定するときにのみ重要になります。これは、ユーザーによってはGIMPを使用してやりたいことです。残念ながら、GIMPは文字の間隔を普遍的に調整するオプションしか提供していませんが、これは複数行のテキストを拘束されたスペースに絞り込むのに役立ちますが、文字を個別に切り分けることはできません。

次のステップでは、この一般的な問題の例と、GIMPとレイヤーパレットを使用して文字間隔を調整する方法を示します。

05の02

GIMPドキュメントにテキストを書く

最初に、空白の文書を開き、テキストの行を追加し、いくつかの文字の間隔が少し不均衡に見えているかを確認します。

に行く ファイル > 新しい 空白の文書を開き、 テキストツール の中に ツール パレット。とともに テキストツール ページをクリックし、GIMPテキストエディタを入力します。入力すると、テキストもページに表示されます。場合によっては、すべての文字の間隔がそのまま表示されますが、フォントサイズが大きくなると、文字の間隔が視覚的に少し不均衡になることがあります。ある程度、これは主観的なものですが、フリーフォントでは、しばしばいくつかの文字間の間隔を調整する必要があります。

たとえば、Windowsに付属のSansフォントを使用して「Crafty」という単語を入力しました。

03/05

テキストレイヤのラスタライズと複製

残念ながら、GIMPでは、文字間の間隔を個別に調整できるコントロールはありません。しかし、ロゴやWebバナーのテキストのような少量のテキストを扱う場合、この小さなハックを使用すると、同じ効果を得ることができますが、やや丸め方です。このテクニックは、元のテキストレイヤーを複製し、異なるレイヤー上のテキストの異なる部分を削除し、1つのレイヤーを水平方向に移動して、1対の文字間のスペースを調整することです。

最初のステップは、テキストをラスタライズすることです。 レイヤー パレットと選択 テキスト情報を破棄する 。もし レイヤー パレットは表示されません。 Windows > ドッキング可能なダイアログ > レイヤー それを表示する。次に、 層 > 重複レイヤー をクリックするか、 重複レイヤー ボタンの下部にあるボタン レイヤー パレット。

04/05

各レイヤーの一部を削除する

最初のステップは、テキストの一部を削除する前に、テキストを見て、どの文字のペアがそれらの間にスペースを必要とするかを決定することです。これを行う1つの方法は、視覚的に見える文字のペアを探して、それらの間に正しいギャップがあるように見せてから、選択したペアとバランスを取るように調整する必要がある他の文字のペアを調べます。あなたは文字を不明瞭にするために少しsquintingすると、ギャップが理想よりも大きいか小さいかを見るのを助けるでしょう。

「Crafty」という言葉を使った私の例では、「t」と「y」の間のスペースを理想的な間隔として使用することに決めました。これは、 'f'と 't'がそれらの間にもう少し空気を使うことができ、最初の4文字の間隔が少し狭められたスペースを使用できることを意味します。

'f'と 't'の間のギャップを広げたいので、このステップで最初に行うことは、 't'と 'y'の周りに選択肢を描くことです。あなたは、 フリーセレクトツール 直線辺を使用して選択を描画するか、または 長方形選択ツール 。後者を使うと、 'f'と 't'があまり重なり合わないので、あなたは2つの矩形を描画する必要があります。 現在の選択モードに追加 。 't'と 'y'だけを含む選択を描画したら、その中の下のレイヤーを右クリックします。 レイヤー パレットと選択 レイヤーマスクを追加 。表示されたダイアログで、 選択 ラジオボタンをクリックして OK 。さあ行く 選択 > 反転 レイヤーパレットの複製されたレイヤーにレイヤーマスクを追加します。

05/05

文字間隔を調整する

前のステップでは、 'Crafty'という言葉を2つの部分に分け、2つの部分の間のスペースを調整して、 'f'と 't'の間のスペースを少し大きくすることができます。

クリックしてください 移動ツール の中に ツール パレット、続いて アクティブなレイヤーを移動する ラジオボタンの ツールオプション パレット。ここで、下のレイヤーをクリックします。 レイヤー パレットを使って 't'と 'y'レイヤーをアクティブにします。最後に、ページをクリックし、キーボードの左右の矢印キーを使って 'f'と 't'の間のスペースを調整します。

あなたが 'f'と 't'の間隔に満足しているときは、 レイヤー パレットと選択 マージダウン 。これは、2つのレイヤーを1つのレイヤーに結合し、そのレイヤーに「Crafty」という単語があります。

明らかに、これは 'f'と 't'の間のスペースしか調整していないので、編集が必要な他の文字間の間隔を調整するために前の2つのステップを繰り返す必要があります。私のステップの結果は、この記事の最初のページで確認できます。

これは本当にテキスト内の文字の文字間隔を調整するための非常に流動的な方法ではありませんが、非常に時折の文字間隔を調整する必要があるダイの硬いGIMPファンなら、これはもっと簡単です別のアプリケーションで把握しようとしています。しかし、この種の作業を何らかの規則で実行しなければならない場合は、InkscapeまたはScribusの無料コピーをダウンロードして、使用方法を学ぶのに少しでも時間を費やすなら、それらのはるかに強力なテキスト編集ツールです。後でそこからテキストをいつでもGIMPに書き出すことができます。