『GIMP』実践技術 №02 〜webサイトに使うバナー第2回〜

今回は、前回の続きです。
前回作成したベースに、テキストを加えていきます。


今回使うツールアイコンは・・・
1・前回と同じで・・・
→「選択ツール(四角)」です。
→「塗りつぶしツール」です。
→「テキストツール」です。
→「パレットツール」(?)です。
に加えて、
2・新たに・・・
→「移動ツール」です。*1
→「反転ツール」です。*2
→「ファジー選択ツール」です。*3
あと、グラデーションツールも前回使いましたが記載忘れしてました。。。orz
今回も使います。。。。(_ _(--;(_ _(--; ペコペコ

今回使う色は、前回下地で使った白(ffffff)のみです。

予定所要時間は・・・5分で・・・・(-ωー)





まず、前回作成したバナーの下地の「xcf」ファイルを「GIMP」で開いてください。
(このblogの「基礎知識」でも書いてますが、必ず保存しておいてください)



次に、「テキストツール」を選択します。(今回はフォントサイズ「17」ピクセル・カラー「白」・フォント「メイリオ・bold」です)


そして、画像の上でクリックすると文字入力のダイアログが表示されます。

任意の文字(今回は「Sampleです」です)を入力して、マウスで文字を移動して微調整が済んだら
ダイアログの右下にある「閉じる」を押してください。


次に、今入力した文字のレイヤーをコピーします。レイヤーの下にあるアイコンをクリックするだけです。


コピーできたら、「反転ツール」で垂直に反転させます。
   


反転できたら、ひっくりかえったほうの文字を「移動ツール」で下に移動します。
移動できたら、「ファジー選択ツール」で選択します。(このときキーボードの「Shift」を押しながら一文字づつクリックしてください)
反転した全ての文字が選択できたら、レイヤーの左側にある「目」のマーク(?)をクリックして
見えないようにします。
そして、新しいレイヤーを作成します。


次に、前回と同じ設定で「グラデーションツール」を使います。(描画色から透明・色は白)
グラデーションをかける方向(マウスを動かす方向)は、前回と逆で「上から下」です。
イイ感じでかけられたら完了です。(失敗したらキーボードの「Ctrl」を押しながら「Z」を押すと一つ前の状態に戻れます)


最後に、左側に好みのブラシでスタンプしたり「選択ツール(丸型)」で丸を描いて塗りつぶしたりして完成です。
(「ブラシツール」に関しては、また別の機会に・・・)



次回は、青い背景の部分を画像にしたりしてみます。。。。(・∀・)/~~

*1:移動させたいレイヤー上でドラッグ&ドロップで画像などを移動できます。キーボードの矢印キーでも可能です。

*2:クリックしたレイヤーを上下(垂直)や左右(水平)にひっくりかえします。

*3:画像のクリックした部分に近い色を選択できます。