アクア風ボタン(GIMP)

アクア風ボタン

さて、色々な場所で色々ソフトで解説があります・・・。
アクア風なボタンを作成して見ました。
今回もフリーソフトのGIMPで手順を公開します。
流れは他のソフトでも応用が利くかと思います。

ファイル作成

ファイルを新規作成。
レイヤーを背景は透明で作成します。
作成したレイヤーを選択します。
選択ツールで適当な長方形を描画して黒で塗りつぶします。
塗りつぶしたら、選択→なしで選択を解除します。

ぼかし

• フィルタ→ぼかす→ガウシアンぼかし

水平：30.0(px)
鉛直：30.0(px)
ぼかし方法IIRで適応。
（好みによって違う値にしても面白いかも・・・。）

しきい値変更

• レイヤー→透明部分→アルファチャンネルしきい値

127くらいで実行して見ました。

レイヤー複製

作成した物を複製し新規レイヤーを作成する。
一番上に重なっているレイヤーを編集していきます。
二番目に重なっているレイヤーは後で影になります。

流れ図

アクアボタン作成過程

1. 複製した上のレイヤーにグラデーションで色を付けます。今回は上から下に掛けて青から薄い水色のグラデーションで作成しました。（場合によって好みで変えても面白いと思います）
2. さらに新しいレイヤーを追加し、円形の選択ツールと塗りつぶしツールを使い隅に円を二つ描画します。
3. 先ほど描画した円を長方形で塗りつぶします。
4. はみ出している部分を選択し、消去します。
5. 現在描画しているレイヤーの白い部分で選択範囲を作成し、現在のレイヤーは破棄し、新しいレイヤー上で白から透明に塗りつぶします。
6. 最初に複製して置いた影になるレイヤーをフィルター→ぼかす→ガウシアンぼかし（10くらい）でぼかし影を作ります。
7. 影を少し下の方に移動します。

レイヤー構造