GIMPチュートリアル: 縁がカラフルに渦巻く半透明丸ボタン

浴びせ」、「渦巻きと吸い込み」などを使い、縁がカラフルに渦巻く半透明丸ボタンを描く方法。

新しい画像を作成

gimp-tutorial-edgeSpiralButton-file-new

「ファイル⇒新しい画像」で、「新しい画像を作成」ダイアログを開く。

gimp-tutorial-edgeSpiralButton-file-new-dialog

「高さ:256px」、「幅:256px」、「塗りつぶし色:透明」の画像を新規作成。

浴びせ

gimp-tutorial-edgeSpiralButton-filters-noise-randomize-hurl

フィルタ⇒ノイズ⇒浴びせ」で、「浴びせ」ダイアログを呼び出す。

gimp-tutorial-edgeSpiralButton-filters-noise-randomize-hurl-dialog

下記の設定で適用。

  • 乱数種: 10
  • 乱数度 (%): 100
  • 繰り返し: 1
gimp-tutorial-edgeSpiralButton-2

右の画像のようになる。

渦巻きと吸い込み

gimp-tutorial-edgeSpiralButton-filter-distort-whirl-pinch

フィルタ⇒変形⇒渦巻きと吸い込み」で、「渦巻きと吸い込み」ダイアログを呼び出す。

gimp-tutorial-edgeSpiralButton-filter-distort-whirl-pinch-dialog

下記の設定で適用。

  • 渦の方向: -720.00
  • 吸い込む量: -1.000
  • 半径: 2.000
gimp-tutorial-edgeSpiralButton-3

右の画像のようになる。

gimp-tutorial-edgeSpiralButton-filters-reapply5

同じ設定の「渦巻きと吸い込み」を5回繰り返し適用する。

gimp-tutorial-edgeSpiralButton-4

右の画像のようになる。

余分な部分を切り取る

gimp-tutorial-edgeSpiralButton-tool-select-ellipse

ツール⇒選択ツール⇒楕円選択」で、「楕円選択」ツールを呼び出す。

gimp-tutorial-edgeSpiralButton-5

右の画像のように、端から端までを選択。

「表示⇒キャンパス境界にスナップ」をクリックし有効にしておくと選択しやすい。

gimp-tutorial-edgeSpiralButton-6

選択すると、右の画像のようになる。

gimp-tutorial-edgeSpiralButton-selection-invert

選択⇒選択範囲の反転」で、選択範囲を反転する。

gimp-tutorial-edgeSpiralButton-7

選択範囲を反転すると、右の画像のようになる。

gimp-tutorial-edgeSpiralButton-edit-cut

編集⇒切り取り」で、切り取る。

gimp-tutorial-edgeSpiralButton-8

切り取ると、右の画像のようになる。

完成

gimp-tutorial-edgeSpiralButton-complete

縁がカラフルに渦巻く半透明丸ボタンの完成。

ボタンとして使うには、文字やアイコンなどを入れ、縮小する。

半透明が不都合であれば、背景色を入れ、先に色付けしておけばよい。

使用例

gimp-tutorial-edgeSpiralButton-complete-HOME-alpha gimp-tutorial-edgeSpiralButton-complete-HOME-alpha-128 gimp-tutorial-edgeSpiralButton-complete-HOME-alpha-64

下のように、背景色を入れ、先に色付けしておくのもよい。

gimp-tutorial-edgeSpiralButton-complete-HOME gimp-tutorial-edgeSpiralButton-complete-HOME-w128h128 gimp-tutorial-edgeSpiralButton-complete-HOME-w64h64

スポンサード リンク

カテゴリー: GIMP, チュートリアル, ボタン, 実践 パーマリンク