GIMPでアイキャッチ画像を作成する。その2パターン活用編

今回は、前回の記事で作成したパターンに文字を入れて
アイキャッチ画像を作成する方法をご紹介します。

 

パターンを使ってみましょう(^^♪

 

アイキャッチ画像を作成してみます。

 

「ファイル」→「新しい画像」

幅200px × 高さ200pxに設定します。

image[157]

 

 

「塗りつぶし」ボタンを選択します。

image[96]

 

 

 

 

ツールオプションから

①「パターン」を選択

②使用したいパターンをクリックします。

image[160]

 

 

 

画像上でクリックすると、パターンで塗りつぶされます。

image[93]

 

今度は、アイキャッチ画像に文字を入れます。
ツールボックスから、「テキスト」ツールを選択します。

image

 

 

画面上で斜めにドラッグします。

image

 

 

新しく、レイヤーが作成されます。

image

 

 

 

文字を入力します。
ここでは、文字色は黒、フォントはRounded-x M+ 1c Medium
文字の大きさは20pxにしています。

image

 

 

ツールオプションで、文字はテキストボックスの中で
中央揃えにします。

image

 

 

こんな感じになります。

image

 

 

選択解除すると、ちょっと見ずらいようですね~(^-^;

image

 

 

 

文字に白い枠を付けてみますネ。

白い枠のレイヤーを作成していきますヨ。
文字レイヤーを選択します。

image

 

 

「レイヤー」→「透明部分」→「不透明部分を選択範囲に」をクリックします。

image

 

 

こんな感じになります。

image

 

 

 

「選択」→「選択範囲の拡大」をクリックします。

image

 

 

「選択範囲の拡大」のウィンドウが出てきたら
拡大量を2pxにして「OK」をクリックします。

image

 

この状態のもので新しいレイヤーを作成します。

「新しいレイヤー」のボタンをクリックします。

image

 

 

レイヤーの名前を入力します。
ここでは「白枠」にします。

レイヤーの塗りつぶしを「透明」にして
「OK」をクリックします。

image

 

 

白枠のレイヤーが出来ました~(^^)/

image

 

 

範囲を拡大した部分を白で塗りつぶします。

「塗りつぶし」ボタンをクリックし
描画色を「白」にして
「塗りつぶし」で描画色を選択します。

image

 

 

点線で囲まれているところでクリックします。

image

 

 

こんな感じで白で塗りつぶされます。

image

 

 

「白枠」のレイヤーを文字レイヤーの下に移動します。
緑の↓のボタンをクリックします。

image

 

 

こんな状態になります。

image

 

 

 

「選択」→「選択解除」するとこんな感じです。

これで、文字入り画像の完成です(^^)/

image

 

 

ここまでできたら、

GIMPのxcf形式で保存します。
保存の方法についてはこちらの記事をさんこうにどうぞ~。

→ GIMPのxcf形式形式で保存する方法

 

それから、PNG形式で保存すると
ブログに使用できるファイル形式にします。

その方法はコチラの記事をさんこうにどうぞ~。

→ PNG形式で保存で保存する方法

 

ぜひ、自作のアイキャッチ画像をチャレンジしてみてくださいね(^^♪

2 Responses to “GIMPでアイキャッチ画像を作成する。その2パターン活用編”

  1. しょうこ より:

    こんにちは。
    人気ブログランキングより訪問させて頂きました。
    何やら難しいツールみたいですが、細かく画像付きで
    教えてくださってるのでわかりやすかったです。
    読ませて頂きありがとうございました。
    応援クリック完了です。

    • ikura2 より:

      しょうこさん、コメントありがとうございます。

      チャンスがありましたら
      ぜひ、GIMP使ってみてくださいネ!

      これから、GIMPでいろいろなブログパーツの作成方法を
      ご紹介していきますので、よろしくお願い致します!

      応援ありがとうございました。

コメントを残す

サブコンテンツ

プロフィール

ikurademo

こんにちは!ikuraです。

こちらのブログでは、フリーで使えるGIMPを使ってネットビジネスのサイトに必要な画像編集のノウハウをお伝えしていきます(^^♪

サクセスアフィリ塾リーダー

→ 詳しいプロフィール

スカイプ無料相談受付中!

skypeside

ブログランキングに参加中♪

応援ありがとうございます♪

おきてがみ

ご訪問ありがとうございます♪

 

 

このページの先頭へ

pagepeel by webpicasso.de