GIMP 文字をカーブに沿って配置してみよう

GIMP 文字をカーブに沿って配置してみよう

GIMPでどうしたら文字(テキスト)をきれいなカーブに沿わすことができるんだろう?って思ったことありませんか?今回は、文字(テキスト)を作成した曲線に沿って変形させる方法をご紹介します。

それではさっそく、あなたが思ったような曲線やカーブに沿って文字(テキスト)を配置して素敵な画像を作成してみましょう。

GIMPで文字(テキスト)をカーブに沿って配置する方法

GIMPを使って下のように文字を曲線に沿って配置する方法をご紹介します。

以下の手順に沿っていっしょに文字(テキスト)を変形してみましょう。

文字をカーブに沿って配置したサンプル画像

新しい画像を開こう

まずはいつものようにGIMPを起動して、ファイル新しい画像を作成してキャンバスを開きましょう。

新しい画像を開く

パスツールで曲線(カーブ)を作成しよう

キャンバスを開いたら、ツールボックスから「パスパスツールアイコン」ツールを選び、あなたがイメージしている曲線をキャンバスに作成しましょう。

パスツールで曲線を作成

カーブに沿わせたい文字(テキスト)を入力しよう

パスツールで曲線を描くことができたら、ツールボックスから「テキストテキストツールアイコン」ツールを選び、あなたが思っているフォント(書体)と文字の大きさを設定して、キャンバス内ならどこの場所でもいいので曲線にしたい文字を入力しましょう。

このときの入力する文字の色は、曲線につける色ではないので、今はどんな色でもいいです。
文字を入力するときに先ほど描いたパスが消えちゃいますけど、ご心配なく。 気にしないで文字を入力しましょう。
キャンバスに文字を入力

テキストをパスに沿って変形させよう

文字を入力することができたら、メニューバーからレイヤーパスに沿ってテキストを変形をクリックしましょう。

パスに沿って変形

パスに沿ってテキストを変形をクリックしたら、先ほど入力した文字の輪郭パスがでてきました。

一瞬、赤い色で縁取りされてしまったって思いますが大丈夫ですよ。赤で縁取りされたように見える線は、パスの輪郭線です。
曲線になったパスが生成

テキストがパスに上手く沿わないときは

文字(テキスト)の長さより作成したパスが短いときは、下のようにパスの範囲に文字が収まりません。このような場合は、パスを編集するか、入力したテキストを編集してみましょう。

パスの範囲に文字が収まっていない

パスの長さを調整してみよう

先ほど、「パスに沿ってテキストを変形」で生成されたパスは削除しましょう。

パスのダイアログを開き、文字(テキスト)の輪郭が生成されたパスの上で右クリックして、パスの削除をクリックしましょう。

テキスト変形パスの削除

つぎに、パスダイアログから曲線で作成したパスの上で右クリックしてパスの編集をクリックしましょう。

パスの編集をクリック

パスの編集をクリックすると、パスツールが選ばれて作成したパスを編集することができるようになります。ここでパスの長さなどを調節しましょう。

パスを編集

パスの編集ができたら、ツールをパスツール以外を選び、レイヤーダイアログの曲線にしたいテキストのレイヤーが選択中(アクティブ)なのを確認して、メニューバーからレイヤーパスに沿ってテキストを変形をクリックしましょう。

パスに沿ってテキストを変形

これで、テキストがパスに収まりました。

テキストがパスに収まる

入力したテキストを編集してみよう

一文字ぐらいが、パスに収まらなかったときは、パスはそのままで文字を詰める方法もあります。先ほど、パスの長さを編集すると同じように、「パスに沿ってテキストを変形」で生成された文字の輪郭パスを削除しましょう。

パスのダイアログを開き、文字(テキスト)の輪郭が生成されたパスの上で右クリックして、パスの削除をクリックしましょう。

テキスト変形パスの削除

つぎに、カーブに沿って配置したい文字にテキストボックスを表示し「テキストテキストツールアイコン」ツールのツールオプションから「文字間隔文字間隔アイコン」の数値を、画面ウィンドウの文字を見ながらマイナス(-)方向に調整しましょう。

文字間隔の調整

文字と文字の間隔を調整することができたら、再びメニューバーからレイヤーパスに沿ってテキストを変形をクリックしましょう。

パスに沿ってテキストを変形

文字の間隔を調整することでテキストが曲線のパスに収まりました。

テキストがパスに収まった

テキストレイヤーを削除しよう

思い通りに変形した文字の輪郭パスができたら、テキストレイヤーはもう必要がありません。

レイヤーダイアログを開き、テキストのレイヤーを選び右クリックしてレイヤーの削除をクリックして削除しましょう。

レイヤーの削除をクリック

新しいレイヤーを追加しよう

文字が変形したパスには、まだ色がついていません。色をつけるには新しいレイヤーが必要となります。

メニューバーからレイヤー新しいレイヤーの追加をクリックしましょう。

キーボードのShift+Ctrl+Nを押すことでも新しいレイヤーを追加することができます。
新しいレイヤーを追加

新しいレイヤーの追加ダイアログが開きます。塗りつぶし色を「Transparency(透明)」に設定し「OK」をクリックしましょう。

塗りつぶし色を設定

文字に色を付けるための新しいレイヤーを追加することができました。

新しいレイヤーを追加

選択範囲にして色をつけよう

メニューバーから選択パスを選択範囲にをクリックして、文字(テキスト)の輪郭パスを選択範囲にしましょう。

キーボードのShift+Vを押すことでもパスを選択範囲にすることができます。
パスを選択範囲に

選択範囲を作成することができたら、ツールボックスから描画色か背景色のどちらでもいいのでクリックしましょう。今回は描画色を選びました。

「描画色の変更」または「背景色の変更」ダイアログが開きます。曲線にしたい文字の色を設定しましょう。

文字の色を設定

色が決まったら、メニューバーから編集描画色で塗りつぶすをクリックして選択範囲に色をつけましょう。

背景色で色を決めた場合は「背景色で塗りつぶす」をクリックしましょう。
選択範囲を塗りつぶす

選択を解除しよう

選択範囲を塗りつぶすことができたら、メニューバーから選択選択を解除をクリックましょう。

キーボードのShift+Ctrl+Aを押すことでも選択を解除することができます。
選択を解除

変形させたテキストのパスを非表示にしよう

文字(テキスト)を変形させた輪郭パスが表示しているので、パスダイアログを開き、文字(テキスト)の輪郭パスを選択して、「目のマーク目のマーク」をクリックしてパスを非表示にしましょう。

パスを非表示

出来上がり

これでGIMPでテキストをカーブに沿って配置することができました。

テキストをカーブに沿って配置の完成

おわりに

GIMPを使って文字(テキスト)をカーブに沿って配置する方法をご紹介しました。曲線パスの中にテキストを入れるのは、パスが短いとテキストが入りきらないし、長すぎてもテキストが思ったような曲線を描いてくれないので、テキストの大きさやパスの長さの調節が必要です。いろいろ試してみてくださいね。

スポンサーリンク
同じカテゴリーのコンテンツ一覧