GimpでWeb2.0風-反射ロゴを作ろう！
Gimpによる画像作成を「特別企画」の【Gimp特集】としてまとめることにしました。
過去記事：【Gimp特集】Gimpで飛び出す写真を作ろう！（初心者向け）
=======================================================
【目次】（クリックすると、各ステップへ飛びます。）
ステップ１：文字を書く
ステップ２：反転させる
ステップ３：アルファ（透過）をかける
=======================================================
今回は、Gimpで反射する画像を作るものです！
よくロゴとかで見かけますよね、
水面か氷かなにかわかんないけど 無駄に反射してるやつ。
けっこう手軽に作れます☆
-----------------------------------------------
完成画像
↓
-----------------------------------------------
☆ GimpでWeb2.0反射ロゴを作成 ☆
※かなり詳しく書いてるので、ダラダラしてます。
※Gimpに慣れている人は、適度に飛ばしてゆくといいと思います。
****************
文字色：#AAFF00
背景色：#000000
**************** でやります。
ステップ１：文字を書く
１．Gimpを起動。
２．新規作成。サイズはお好みで＾＾
３．そして、まずは反射させたい文字を書きます。
参考画像：
[T]ってやつで テキスト入力です。
色やフォント、サイズも ここで決めてしまいましょう！
４．文字を書いて、適当な場所へ移動させます。
真ん中より ちょい上においておくと なにかと便利です。
参考画像：
現在、このような感じになっていれば ＯＫです！！
ステップ２：反転させる
１．では、文字を書いたレイヤーを複製しましょう。
参考画像：
２．見た目は何も変化ありませんが、レイヤーが二つに増えています。
参考画像：
レイヤー名は各自分かりやすく変更しておいてください。
変更しなくても、分かるって方は そのままでOKです☆
３．移動ツールで、文字を下へ移動させます。
参考画像：
４．次に、選択ツールで、移動させた文字だけを囲みます。
移動させた文字全体を囲んでください。
参考画像：
５．鏡像反転ツールで、垂直に反転させます。
参考画像：
ここまでの作業でこんな感じになっていればＯＫでーす＾＾
ステップ３：アルファ（透過）をかける
このままじゃ、反射したっぽくないので、透明度を加えて見ます。
１．まず、背景レイヤーを見えなくしておきましょう。
参考画像：
こんな感じになります。
２．塗りつぶしツールで反転した文字を、背景色で塗りつぶします。
今回の場合だと、背景色は#000000（黒）なので、
黒に塗りつぶします！
参考画像：
３．グラデーションツールで、グラデーションをかけます。
ここでは、文字色（今回は#AAFF00）→透明でグラデーションします。
参考画像：
このとき、ちょっとコツがあります。
グラデーションの不透明度を50くらいにして、
グラデーションをかける開始位置を、上の文字の下部から下の文字の下部へかけるといい感じになります☆
参考画像：
これで、反射の完成です！
背景色を見えるようにしましょう。
参考画像：
こんな具合になっていればＯＫじゃないでしょうか＾＾
これで色んな文字や画像などを反射させまくれますね＾＾；
2007年05月06日 | 
この記事に対するコメント
ウイスグ
@2007/05/06 14:30-No.1275
かなり残念。
@2007/05/06 17:48-No.1282
ここって目指してるところはだいたい想像つくけど
何もかも中途半端過ぎワロタ
何もかも中途半端過ぎワロタ
カメきち（管理人）
@2007/05/06 22:10-No.1285
わざわざコメントしていただき、ありがとうございました！＾＾
どらいし
@2007/05/07 02:04-No.1289
スパイダーマン3いいすねぇ^w^
自分はGWの最後に見に行こうとして満席で見れないというオチ><;
自分はGWの最後に見に行こうとして満席で見れないというオチ><;
hiroki
@2007/08/12 20:40-No.2128
これはすごい！
このブログ非常に助かる…。
@2007/09/21 02:57-No.2311
Gimpの画像はブログでアップロードできないみたいなので、
スクリーンショットを撮ってアップロードすることにします。
これからも更新頑張ってください。
このブログ、本当に助かります。
スクリーンショットを撮ってアップロードすることにします。
これからも更新頑張ってください。
このブログ、本当に助かります。
のなめ
@2007/11/15 19:49-No.2504
グラデーションで直接色を塗るのもいいですが、
クイックマスクやレイヤーマスクを使って、透明度を変えてみるのもいいですよ。
クイックマスクやレイヤーマスクを使って、透明度を変えてみるのもいいですよ。
XYX
@2008/08/06 07:23-No.3234
めんどくせーこれ、Script-Fu化誰かしてくれ
びぎな
@2008/10/16 08:38-No.3427
初心者です。参考になりました。ありがとうございました。
コメントの投稿
この記事に対するトラックバック
最強ペイントソフトGIMP（DeepNeter Withオタク道）
前回、illustratorキラー「インクスケープ」を書きましたが 今回はphotoshopキラー「GIMP」です。 ちなみに「GIMP」は「ギンプ」と読むらしいです。 GIMP DL （vector）
メール：20kaido@gmail.com
twitter：
mixi：参加中
はてな：
YouTube：参加中
Flickr：
Last.fm：
Tumblr：
手書きブログ：
iKnow!：
Skype：kamekiti-
