FANDOM


Linear-gradient

渐变效果

许多访问Fandom的用户的电脑屏幕像素都有所不同。一张背景图片可能对你来说已经非常棒了,但是对于具有更高像素屏幕的用户来说可能就非常难看。因为,在the 主题设计器背景图片中添加渐变效果就非常重要,它将让你的图片和背景颜色融为一体。

什么是渐变?

Background gradient step 1

使用的背景

渐变可以让颜色逐渐进行过度。有两种渐变可以使用:线性和迳向。线性一般是直线行的渐变,而迳向则是从中心向四周扩散的渐变。我们此次讨论的是线性渐变效果。

使用渐变

Background gradient step 2

注意边界颜色

我们以右侧的Windows背景图片为例。你可能需要使用工具完成这种渐变,我们推荐一款免费的软件GIMP

  1. 从右侧图片你可以看出蓝色并不能和背景图片匹配,中间没有任何过度。我们需要先看一下背景颜色是什么。你可以对颜色截屏,然后复制粘贴(CTRL+V)在GIMP软件中。
  1. 在GIMP中,选择"颜色选择器 (Color Picker)"工具(GIMP color picker),查看背景颜色的代码。
  1. 接下来在GIMP中打开背景图片(windows桌面),然后选择渐变工具(GIMP gradient),之后点击图片在下拉菜单中选择"FG to transparent "进行颜色渐变 (Gradient image)。
    Background gradient step 3

    (Step 4) 中间,靠左,放大

  2. 将鼠标移动至图片左侧中间位置。单击鼠标然后拖拽到图片中心位置。这样图片上就出现渐变。你可以用同样的方法对图片底部和右侧进行同样的设置。
  1. 对图片进行保存为jpg格式。请确保图像在300kB像素以下,否则你将无法上传背景图片。
    Background gradient step 4

    调整后的样式

  1. 访问主题设计器上传带有渐变效果的图片。怎么样,是不是感觉更棒一些?

查看其他

除了特别提示,社区内容遵循CC-BY-SA 授权许可。

Fandom may earn an affiliate commission on sales made from links on this page.

Stream the best stories.

Fandom may earn an affiliate commission on sales made from links on this page.

Get Disney+