0

私のページには以下のウェブグラデーションのcssコードがあります。Gimpを使用して、このグラデーションに正確な背景画像を作成したいと思います。誰かがこれを行う専門知識を持っていて、アドバイスを与えることができるかもしれませんか？ありがとう

background-image:-webkit-linear-gradient(90deg, rgba(51, 51, 51, 1.00) 0.0% , rgba(26, 26, 26, 1.00) 50.5% , rgba(51, 51, 51, 1.00) 50.7% , rgba(77, 77, 77, 1.00) 100.0% );
4

2 に答える 2

1

GIMPはそれを直接解析できませんが、GIMP 2.8には、このCSS構文でグラデーションを出力できるPythonスクリプトが付属しています。

python-scriptを作成して、CSSグラデーション構文をGIMPグラデーションに解析し、画像でこのグラデーションを使用することができます。

もちろん、それが一度だけ必要な場合はやり過ぎです-GIMPで新しいグラデーションを作成し、記録されたファイルを手動で編集することをお勧めします（* nixを使用している場合は〜/ .gimp-2.8 / gradientsフォルダー、それ以外の場合はチェックしてください）環境設定のユーザーグラデーションフォルダーの場合）。

GIMPのグラデーションファイルは単純です-次のようなテキストのみのファイルです。

GIMP Gradient
Name: Untitled
2
0.000000 0.243464 0.486928 0.000000 0.000000 0.000000 1.000000 0.000000 1.000000 0.000000 1.000000 0 0 0 0
0.486928 0.743464 1.000000 0.000000 0.000000 1.000000 1.000000 1.000000 1.000000 1.000000 1.000000 0 0 0 0

つまり、これは2つのセグメントを持つ単一のグラデーションです。各線には、始点、各セグメントの終点、開始ARGB色、終了ARGB色があり、...気にしないで、4つのゼロを終了：ほとんどの場合、これらは各エンドポイントの色のタイプを説明するために使用され、0が必要です。

于 2012-08-27T19:50:34.967 に答える
1

これらのrgba色は、次のhtml表記に対応しています。

rgba(51, 51, 51, 1.00) - #333333 (Color A)

rgba(26, 26, 26, 1.00) - #1a1a1a (Color B)

rgba(51, 51, 51, 1.00) - #333333 (Color A)

rgba(77, 77, 77, 1.00) - #4d4d4d (Color C)

長方形の画像（高さは幅の2倍）を作成してみてください。上半分を色Aから色Bへのグラデーションで塗りつぶし、下半分を色Aから色Cへのグラデーションで塗りつぶします。次に、「繰り返し」プロパティを有効にして、背景画像として設定します。

于 2012-09-05T19:13:24.290 に答える