gimp-border-character

ブログ運営

【最新版】GIMPで文字を縁取る方法!アイキャッチ(サムネ)画像の作り方もご紹介

2019年9月10日

「GIMPで文字を縁取りたいけど、わからない」

この記事では、そんなお悩みをサクッと解決しちゃいます!

これからご紹介する「GIMPの文字を縁取る方法」は、画像編集初心者だった私でも出来たくらい超簡単です。

また後半では、GIMPでアイキャッチ(サムネ)画像を作る方法も合わせてご紹介していきます。

最後まで読めば、縁取り文字を使った、素敵なアイキャッチ(サムネ)画像がGIMPで作れますよ♪

 

ださママ
実際の画面を使って、わかりやすく説明していきます!

 

 

 

 

GIMPで文字を縁取る方法

colored-pencils

 

さっそく「GIMPで文字を縁取る方法」をご紹介していきます。

これからこの文字を↓

旧シュークリーム

このように縁取りしていきます↓

新シュークリーム

文字を縁取る方法

step
1
「新しい画像」をクリックして画像サイズを指定する

縁取り-1

 

 

縁取り-2

今回は、私がブログのアイキャッチで使っているサイズ「760×428」にしました。

 

step
2
縁取りしたい文字を入力する

縁取り-3

 

step
3
縁取り部分を選択する

縁取り-4

【レイヤー】【透明部分】【不透明部分を選択範囲に】の順に選択していきます。

 

 

縁取り-5

そうすると、文字の縁が選択されます。

 

 

縁取り-6

次に、【選択】【選択範囲の拡大】の順に選択していきます。

 

 

縁取り-7

「選択範囲の拡大量」のところに、好きな数値を入れます。
※この数値が縁の太さになります

今回は「10」にしました。

 

step
4
新しいレイヤーを追加する

縁取り-8

【レイヤー】【新しいレイヤーの追加】の順に選択します。

 

 

縁取り-9

追加するレイヤーの詳細設定画面が表示されるので、「塗りつぶし色」のところを【Transparency】にする。
※その他はそのままでOK

 

 

縁取り-10

そうすると、透明のレイヤーが追加されます。

ちなみに、「塗りつぶし色」の選択肢の意味はこちらです↓

Foreground color 色選択マーク(左にある□)の表面の色
Background color 色選択マーク(左にある□)の裏面の色
White
Transparency 透明
Pattern パターン(右下ある柄)

 

step
5
追加したレイヤーで縁の色を選択する

縁取り-11

縁の色を選択したら、文字のところまでドラッグします。

 

 

縁取り-12

縁取りが後ろに行くように、レイヤーを移動します。

 

step
6
縁取り文字の完成!

縁取り-13

 

縁の色を変更したい場合

縁取り用のレイヤーを選択後

【レイヤー】【透明部分】【不透明部分を選択範囲に】を再度選択すると、文字の縁が選択されます。

文字の縁が選択されたら、先ほどと同様に変更したい色をドラッグすれば、縁の色が変わります。

 

ださママ
写真付きで説明したので長くなってしまいましたが、実際の作業は1分もかからずに出来ちゃいますよ!

 

 

【GIMP】縁取った文字でアイキャッチ(サムネ)画像を作ろう!

lightbulb

 

後半戦は、先ほどの「縁取り文字」を使って、GIMPでアイキャッチ(サムネ)画像を作る方法をご紹介します。

今回作成するアイキャッチ(サムネ)画像はこれです↓

シュークリーム

 

ださママ
よくブログのアイキャッチでみるデザイン!

 

アイキャッチ(サムネ)画像を作る方法

step
1
背景画像を設定する

アイキャッチ-1

背景にしたい画像を用意し、取り込みます。

今回はシュークリームっぽく、文字の色も変えてみました。

 

step
2
白い帯を付ける

アイキャッチ-2

新しいレイヤーを追加します。

 

 

アイキャッチ-3

追加したレイヤーを選択し、右側にある【四角の選択範囲】で文字の上を四角く囲います。

四角く囲ったら、「白」をドラッグして色を付けます。

色を付けたら、背景を見せるために【不透明度】を「50」にして帯を透かします。

 

step
3
全体を整えて完成!

アイキャッチ-4

今回は「シュークリーム 全国おすすめ100選」というブログのアイキャッチにしてみました。
(かなり濃厚なブログ・・・)

「シュークリーム」の文字と同様に、「全国おすすめ100選」の文字も縁取りをし、下のイラストはフリー素材の帝王「いらすとや」さんから拝借しました。

 

ださママ
意外と簡単♪

 

 

GIMPの縁取り文字でインパクトのあるデザインに♪

e-mail

 

今回は写真付きでやり方をご紹介したので、作業工程が多い!と思う人もいると思います。

でも、慣れればあっという間に出来ちゃうので、是非試してみてください!

 

ださママ
アイキャッチ(サムネ)画像も、いろんなデザインを作ってみてください♪

 

-ブログ運営

Copyright© ださブロ , 2020 All Rights Reserved.