ＧＩＭＰフラットデザインボタン作成方法チュートリアル

流行のフラットデザインボタンの作成をＧＩＭＰでやってみました

これは非常に簡単で何のテクニックも必要ありません

色はもう少し明るめにした方が良かったな。と反省しております。

ではまず200×60で画像を作成しましょう

次に透明レイヤーを作成します

選択範囲をお好みで作り、角を丸めます。

ここでは5ｐｘ丸めておりますが、3ｐｘ位が良かったかな？

好きな色で塗りつぶします
図は♯3377ｂｂ

 

文字の入力です

ガイドラインを引き真ん中に配置しましょう

文字のフォントはお好みで
カラーは＃ＦＦＦです

このままでは味気ないという方は

ボタンを複製し、1ｐｘ下にずらします

色→トーンカーブ

少し暗くします



これで完成！
（ノイズなんかも入れて試しましたが、無い方が良かったです）

ボタン色をマウスオーバーなどで変化させたい場合は色違いのボタンも作成しておきましょう


ボタンを選択し、色→着色

お好みの色に着色して出来上がり。

シャドウ部分も同様に。