閉じる
閉じる

あまめも

簡単便利で無料の画像編集ソフトGIMPを使って文字の縁取りをする方法

GIMP

こんにちは! あますた(@amaguristar)です。

  • 簡単に文字の縁取りしたい!
  • ポスターの文字を読み易くしたい
  • ブログで画像に説明を入れる時文字を見易く編集したい

そんな時ありませんか? 無料ソフトのGIMPを使えば直ぐに解決します。

GIMPは、無料にもかかわらず有料グラフィック編集ソフトに匹敵するレベルの機能を備えたフリーソフト。多くの方が愛用しているので、分からないことがあると簡単に調べられるのも嬉しいところ。

 

とりあえずサクッと作成

起動→ファイル→新しい画像
起動→ファイル→新しい画像

GIMPを起動してとりあえず「ファイル」→「新しい画像」と進み作業領域を作成。

画像設定
画像設定

本来であればここで必要なサイズに設定しますが、今回はテストなので適当なサイズでOK。

画像作成完了
画像作成完了

白い領域が中央に描画されたと思います。

文字を表示
文字を表示

左上の『A』と表示されたツールを選択して先ほど作成した白い領域の好きなところに文字を打ち込んで下さい。

文字の大きさやフォント等は左下の赤枠部か文字の上に出現するダイアログで設定可能です。

文字を表示すると右下のレイヤー画面に『文字枠さくせい』というレイヤーが出現。

レイヤーとは、『階層』と言う意味。透明フィルムを重ねて表示しているイメージです。
追加した文字のレイヤー
追加した文字のレイヤー

文字の作成が完了したので、枠を作成していきます。上記に用事されてる文字のレイヤーを右クリックしてメニューを表示。

不透明部分を選択範囲にを選択
不透明部分を選択範囲にを選択

ポップしたメニューの下の方にある『不透明部分を選択範囲に(P)』を選択。

文字の輪郭に点線が表示される
文字の輪郭に点線が表示される

すると上記の様に文字の輪郭に点線が表示されます。

レイヤー→新しいレイヤーの追加
レイヤー→新しいレイヤーの追加

その状態で『レイヤー→新しいレイヤーの追加』を選択。

新規レイヤー設定画面
新規レイヤー設定画面

新しいレイヤーの追加というダイアログがポップされるので、レイヤー名を適当に作成。ここで注意するのはしたの方の『塗りつぶし色(F):』の部分を『Transparency』に設定すること。

設定が完了したらOKを選択。新しく作成したレイヤーが選択されていることを確認して、

選択→選択範囲の拡大
選択→選択範囲の拡大

『選択→選択範囲の拡大』と進み表示されるダイアログの数字を少し大きく設定すると、

枠が表示されます
枠が表示されます

選択範囲が文字をひとまわり大きくした位置になります。先ほどのダイアログの数字を大きくすると文字と枠の距離が変わりますので、実際に変えて確認してみてください。

ツールの「塗りつぶし」を選択
ツールの「塗りつぶし」を選択

あとは左上にあるバケツを傾けたアイコンの『塗りつぶし』を選択して、枠内を塗り潰すだけ。

この時下に表示された色(この場合は赤)で塗り潰されるので、色の変更を忘れずに。

文字枠作成完了
文字枠作成完了

これで枠の作成は完了。今回は分かり易くする為に大袈裟に枠を表示してます。

  • 「なんか大変そうだな」

と思う方も中には居るかもしれませんが、実際にやると簡単です。慣れると30秒もかからずに作成可能ですし、

ちょっとだけ気合いれてみた
ちょっとだけ気合いれてみた

こん感じの文字も簡単に作成できる様になります。

もし「全部塗りつぶされてしまったんだけど」と言う方は、

レイヤーの順番確認
レイヤーの順番確認

レイヤーの順番を変えて調節してください。設定にもよるかと思いますが、通常は上にあるもの程手前に表示されます。

上記の状態の場合は「背景」→「文字枠さくせい」→「waku」の順番で表示されます。なので「背景」→「waku」→「文字枠さくせい」の順番に赤丸の矢印(もしくはレイヤーをドラッグ&ドロップ)で位置を調整する必要があります。

まとめ

  • 文字レイヤーにて右クリック「不透明部分の選択範囲に」
  • 新規レイヤーで「選択範囲の拡大」
  • 好きな色で文字を塗り潰し
  • 文字レイヤーと枠レイヤーの順番を調整

するだけ。長々と説明しましたが、基本はこの4ステップ。慣れると簡単に色々できる様になりますので、まずは実際に設定してみてください。

※ 2020/05/30 インストールの方法を書きました。
>> 最新のGIMPを簡単にインストールする手順

関連記事

  1. [甘]久し振りにやると面白い!『ドラゴンクエスト』

  2. [Mac]ショートカットキーよりも便利!Touch Barのクイ…

  3. Instagramで外部アプリを使わない「リポスト」の仕方を覚…

  4. ショートカットキーの記号を入力しようとしたら「あれ?オプション記…

  5. take029-preview-thumbnail

    【WaznFilm更新】アプリのインストール不要!Macで簡単に…

  6. [甘]Macで『画像を結合したい!』って時にプレビュー機能を使っ…

こんなメモもありますよ♪

  1. パン

Twitter

ページ上部へ戻る