![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978217)
適当にガリガリいじくってできたチュートリアルです。透明感があるかどうかはイマイチですが、なんとも表現しづらかったので、こんなタイトルになりました。相変らずネーミングセンスはありません…。
まぁ、出来上がりは右の画像のような物です。クリックすると大きな画像が開きます。
詳しくは以下の通りです。
GIMPを立ち上げ、新しいファイルを作成します。サイズは適当でいいです。ここでは500×300ピクセルで説明していきます。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1193867267)
(塗りつぶし)で背景を黒く塗りつぶします。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1193867249)
(文字)を使って適当な文字を打ち込みます。ここでの設定等は以下の通り。
フォント:Serif
大きさ :130
色 :#20a5d5
文 字:GIMP
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978218?w=260&h=538)
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1193867222)
(移動)を使って適当な位置に動かします。今回は左へゆがめて、下に伸ばすので右上寄りに配置しています。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978219?w=400&h=240)
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1193867247)
(遠近法)をクリック。続けて文字部分をクリックします。四隅に四角いマークが表示されるので左下の四角を左の方へ伸ばします。自分の気に入る所まで伸ばしたら「変換」をクリック。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978220?w=400&h=333)
「レイヤー → レイヤーを画像サイズに合わせる」をクリック。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978221?w=400&h=240)
「レイヤー → レイヤーを複製」からレイヤーを複製します。
複製したレイヤーを選択して、「フィルター → ぼかす → モーションぼかし」をクリック。
以下のように設定して「OK」クリック
長さ:35
角度:270
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978254?w=395&h=570)
モーションぼかしをかけた後はこんな感じ
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978255?w=400&h=239)
「色 → カーブ」をクリック。チャンネルを「アルファ」にします。マウスでドラッグして、下の画像のように直線を曲げてください。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978256?w=400&h=210)
「レイヤー → 透明部分 → 選択領域をアルファチャンネル」をクリック。
「レイヤー → 新規レイヤー」で新しい透明なレイヤーを作成します。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1193867268)
(ブレンド)を以下のように設定して、真横にグラデーションをかけます。
グラデーション:Flare Rays Size 1
形状 :Linear
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978257?w=260&h=538)
「選択 → None(Ctrl+Shift+A)」で選択を解除します。続けて、レイヤーダイアログでレイヤーのモードを「スクリーン」に変更します。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978258?w=400&h=155)
さらに、不透明度を「70」にします。続けて一つ下のレイヤー(モーションぼかしをかけたレイヤー)を指定して、透明度を「40」にします。ここでは40くらいにしています。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978293?w=400&h=120)
コレで終わりでもいいんですが、なんかパッとしないので、もう少し手を加えます。
「レイヤー → 新規レイヤー」で新しい透明なレイヤーを作成します。レイヤーは一番上に配置します。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1193867268)
(ブレンド)を使って、今度は縦方向にグラデーションをかけます。設定は先ほどと同じです。
「フィルタ → 歪み → 波紋」で以下のように設定して「OK」クリック。
向き:鉛直
波長:30
振幅:2
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978295?w=395&h=598)
波紋を適用したらこんな感じ
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978296?w=400&h=239)
一つ下のレイヤーを選択します。「レイヤー → 透明部分 → 選択領域をアルファチャンネル」をクリックして、文字部分を選択します。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978297?w=400&h=240)
もう一度、一番上のレイヤー(「波紋」を適用したレイヤー)を選択します。
「選択 → 反転(Ctrl+I)」で選択領域を反転させます。
「編集 → 消去」をクリックして消去します。
「選択 → None(Ctrl+Shift+A)」で選択を解除します。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978320?w=400&h=239)
最後にレイヤーダイアログでレイヤーのモードを「オーバーレイ」に設定します。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978321?w=264&h=342)
で完成。
![](http://blog.cnobi.jp/v1/blog/user/4d4434f1cd51bd008a449b05065fa3ae/1208978322)
いつも書いてますが、使っている値などは適当です。お好みの値に設定して自分好みのものにして下さい。
という事で、おしまい。
・関連記事テキストやアイコンを立体的にする方法RSSアイコンを立体的にする方法PR