GIMPプラグイン: Glossy Button 1

「Glossy Button 1」は、光沢のあるボタンを生成するGIMPプラグイン。

このプラグインを使うには、GIMP用Pythonモジュールが必要である。

インストール

配布ページ:GIMP Plugin – Glossy Button 1

「glossy_btn_01.zip」をダウンロードし、解凍。

解凍して出てきた「b&p_glossy_btn_01_v1.2.py」ファイルを、plug-ins フォルダに入れる。

plug-insフォルダは、Windowsの場合、「C:\Users\ユーザー名\.gimp-2.8\plug-ins」である。

GIMPを再起動する。

メニューの「 ファイル ≫ 画像の生成 ≫ Webページテーマ ≫ www.bytes-and-pixels.com 」内に、「 Glossy button 01 」が追加されていれば成功。

「Glossy Button 1」の使い方

File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01

「 画像の生成 ≫ Webページテーマ ≫ www.bytes-and-pixels.com 」内の、「 Glossy button 01 」をクリックし、「python-fu-Glossy_Button_01」ダイアログを呼び出す。

「python-fu-Glossy_Button_01」ダイアログ

File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-dialog
Button Width

ボタンの幅。

Button Height

ボタンの高さ。

Corner Radius

角の丸みの半径を指定。

「0」を指定すると、丸めない。

Shadow amount

影の量を指定。

「0」を指定すると、影を描かない。

Color

ボタンの色を指定。

Add Text

ボタンに、テキストを追加するか、しないかを選択。

Text Size(px)

テキストのサイズを指定。

Text

ボタン上に描くテキストを入力する。

Font

ボタン上に描くテキストのフォントを指定。

Text Color

テキストの色を指定。

Flatten Image

テキストや影や反射などのレイヤーを結合するか、しないかを選択。

「する」を選択すると、1つのレイヤーに結合する。

「しない」を選択すると、テキストや影や反射などを個別のレイヤーに出力する。

Generate Button States

マウスオーバー時と、クリック時のボタンを生成するかしないかを選択。

「する」を選択すると、マウスオーバー時と、クリック時のボタンも、別画像に生成する。

Flatten Image

File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--layer

「python-fu-Glossy_Button_01」ダイアログの「Flatten Image」を「しない」で適用すると、テキストや影や反射などを個別のレイヤーに出力する。

「Glossy Button 1」による生成例

File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--default

初期設定値で適用。

File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--buttonWidth-200
  • Button Width: 200
File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--buttonWidth-100
  • Button Width: 100
File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--buttonHeight-100
  • Button Height: 100
File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--buttonHeight-25
  • Button Height: 25
File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--cornerRadius-0
  • Corner Radius: 0
File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--cornerRadius-24
  • Corner Radius: 24
File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--shadowAmount-0
  • Shadow amount: 0
File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--color-red
  • Color: Red
File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--AddText-No
  • Add Text: しない
File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--Font-ElephantItalic
  • Font: ElephantItalic
File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--textSize-10
  • Text Size: 10
File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--textColor-red
  • Text Color: 赤
File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--GenerateButtonStates-Yes-2

「Generate Button States」を、「する」に指定し生成した時の、マウスオーバー時用のボタン画像。

File-Create-WebPageThemes-wwwBytesAndPixelsCom-GlossyButton01-ex--GenerateButtonStates-Yes-3

「Generate Button States」を、「する」に指定し生成した時の、クリック時用のボタン画像。

スポンサード リンク

カテゴリー: GIMP, プラグイン パーマリンク