困った時の自分用メモ

読んだ本を考察してメモったり、自分でいじった物の感想をメモったりする場。週1更新を目指します。

GIMPの話~光沢っぽいボタン画像を作る方法1~

自作アプリをしていると、画像は商用OKの素材を探すか自分で作るかの2択になってしまう。
そこで、素人仕事ながら、それっぽく見えるボタンの作り方をメモしておく。

 

design.atompro.net

 

ここの情報を参考にした。

1.グラデーションウィンドウを開く
ウィンドウ→ドッキング可能なダイアログ→グラデーション

f:id:mochimoffu:20190710234443p:plain

 

2.新しいグラデーションを作成する
f:id:mochimoffu:20190710234506p:plain



3.色の設定
右クリ→左終端色のタイプ→背景色

f:id:mochimoffu:20190710234508p:plain

 

右クリ→右終端色のタイプ→背景色(透明度あり)

f:id:mochimoffu:20190710234511p:plain

 

右クリ→セグメントを中間点で分割

f:id:mochimoffu:20190710234513p:plain

 

こうなる

f:id:mochimoffu:20190710234516p:plain

 

左の白三角を、一番左に、
右の白三角を、真ん中に合わせる

f:id:mochimoffu:20190710234519p:plain

 

4.グラデーションを作成する
ここからは適当。どうも、参考にした人のようなグラデーションが引けなかったが、
これは筆者のやり方に問題あり。
とりあえず、Ctrl押しながら直線引いて、それっぽい画像を作る

f:id:mochimoffu:20190710234521p:plain

 

4.色を付ける
全選択→右クリ→色→Colorize

f:id:mochimoffu:20190710234525p:plain

こんな感じで着色すると、それっぽくなる。

f:id:mochimoffu:20190710234527p:plain


あとは、これをPNGでエクスポートすれば、それっぽい光沢ボタン画像の完成。