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 授权许可。