GIMPプラグイン: Simple Web Button 1

「Simple Web Button 1」は、シンプルなグラデーション・ボタンを生成するGIMPプラグイン。

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

インストール

配布ページ:GIMP Plugin – Simple Web Button 1

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

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

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

GIMPを再起動する。

「 画像の生成 ≫ Webページテーマ ≫ www.bytes-and-pixels.com 」内に、「 Simple Web Button 1 」が追加されていれば成功。

「Glossy Button 2」の使い方

File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1

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

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

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

ボタンの幅。

Button Height

ボタンの高さ。

Corner Radius

角の丸みの半径を指定。

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

Color

ボタンの色を指定。

Add Text

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

Text Size(px)

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

Text

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

Font

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

Text Color

テキストの色を指定。

Flatten Image

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

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

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

Autocrop Result

ボタンを自動切り抜きするかどうか。

「Flatten Image」で「Yes」を選択する必要がある。

File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-layer

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

「Glossy Button 2」による生成例

File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--default

初期設定値で適用。

File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--buttonWidth-200
  • Button Width: 200
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--buttonWidth-100
  • Button Width: 100
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--buttonheight-100
  • Button Height: 100
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--buttonheight-25
  • Button Height: 25
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--cornerradius-0
  • Corner Radius: 0
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--cornerradius-3
  • Corner Radius: 3
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--cornerradius-6
  • Corner Radius: 6
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--cornerradius-10
  • Corner Radius: 10
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--Color-red
  • Color: 赤色
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--addtext-no
  • Add Text: No
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--textsize-10
  • Text Size: 10
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--text-sample
  • Text: サンプル
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--Font-ElephantItalic
  • Font: ElephantItalic
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--textcolor-red
  • Text Color: 赤色
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--flattenImage-yes
  • Flatten Image: Yes
File-Create-WebPageThemes-wwwBytesAndPixelsCom-SimpleWebButton1-ex--flattenImage-yes--AutocropResult-Yes
  • Flatten Image: Yes
  • Autocrop Result: Yes

スポンサード リンク

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