今回もシンプルですが、少しだけオシャレなボタンの作成方法を説明します。
GIMPで以下のようなボタンを作ることができるようになります。
多少奥行を持たせるため、枠に影を出し、ボタンに立体感を演出します。
それでは行ってみましょう。
1.ボタンの形を決める
適当な大きさのキャンバスを作成します。
新規レイヤーを追加します。
追加したレイヤーをクリックして作業を開始します。
ツールボックス[矩形選択]をクリック
適当なサイズにします。
[選択] メニュー → [角を丸める]をクリックします。
角の丸まり具合を設定します。
2.ボタンの内側の色をブレンドする
ツールボックス[ブレンド]をクリックします。
描画色から背景色(RGB)を選択します。
ここでは、描画色・背景色は次のように設定しています。
描画色:4f4fa4
背景色:000000
好みに応じて変更すれば良いと思います。
そして、下から上へドラッグして塗りつぶしましょう。
そうすると、このようばボタン素材が出来上がると思います。
3.ボタンに影を付ける
[フィルター]メニュー → [証明と投影] → [ドロップシャドウ]
オフセットや色を決定したら、OKをクリックします。
そうすると、ボタンの周りに影ができましたよね。
4.見た目を整える
なんとなく、このままでもボタン素材として使えそうですが、
さらに格好良くするために修正を加えていきます。
新規レイヤーを追加します。
ツールボックス[ブレンド]をクリックします。
描画色を白色に設定します。
描画色から透明を選択します。
下図のようにドラッグして、上部を白色にしていきます。
こんな感じになればOKです。
気に入るスタイルができるまで挑戦してみましょう。
ツールボックス[矩形選択]をクリックします。
矩形選択ツールを使って、濃淡をハッキリとしたいと思います。
そこで、ボタン素材の半分より下の部分を切り取ります。
右クリック → [編集] → [切り取り]
そうすると、このようなボタン素材が完成します。
あとは文字を入れたり、ブラシを使って矢印を書いたりすれば、
シンプルでスタイリッシュなボタン素材が出来上がります。
お疲れ様でした。






















