以下の内容はhttps://mochimoffu.hateblo.jp/entry/2019/07/11/003000より取得しました。


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でエクスポートすれば、それっぽい光沢ボタン画像の完成。






以上の内容はhttps://mochimoffu.hateblo.jp/entry/2019/07/11/003000より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14