Gimp - 创建背景渐变答案

【问题标题】：The Gimp - Creating background gradientGimp - 创建背景渐变
【发布时间】：2012-08-22 04:16:58
【问题描述】：

我的页面上有以下用于 Web 渐变的 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% );

【问题讨论】：

标签： png background-image gimp gradient

【解决方案1】：

GIMP 不能直接解析它，尽管 GIMP 2.8 附带了一个 Python 脚本，可以用这种 CSS 语法输出渐变

您可以制作一个 python 脚本来将 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

所以这是一个单一的渐变，有两段 - 每条线都有起点，每段的终点，起始 ARGB 颜色，结束 ARGB 颜色，以及，...不要在意，只保留四个末尾的零：很可能它们用于描述每个端点中的颜色类型，我们想要 0。

【讨论】：

【解决方案2】：

这些 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)

您可以尝试创建一个矩形图像（高度是宽度的两倍）。用颜色 A 到颜色 B 的渐变填充上半部分，用颜色 A 到颜色 C 的渐变填充下半部分。然后将其设置为启用“重复”属性的背景图像。

【讨论】：