關于圖片背景的研究

在網頁中，有一個好的背景往往能產生很特別的效果。但無縫的網頁背景的制作，卻著實讓我費了不少腦筋，因為初始時，由于計算錯誤，背景總是不能很好的接合在一起，直到今天我在研究斜線背景才領悟了其中的道理。

讓我們來看看下面的斜線圖片：

圖一：

這是一個斜線背景，通過它可以得到非常漂亮的斜線背景。如下。

要隨意做出這樣的斜線有什么竅門呢，通過我的觀察，我發現了利用補充法可以的到很好的無縫背景。

讓我簡單來做個說明：

1、首先畫出你想要的背景，然后開始定義文檔，我做了兩個實驗都是10x10個象素，因為這樣計算起來要簡單的多。

2、然后我開始畫出一部分斜線，我的想法是3個象素寬的斜線，間隔7個象素寬，現在我從文檔的定部開始布局，為了方便布局和計算簡單，我把網格打開，并設置它的間距和子網格為1個象素，接著我又設置矩形選框工具的樣式為固定大小：1x1個象素，這樣最上邊的斜線很快就出來了。如下圖：

3、接下來要間格7個象素畫另一條斜線了。這就是我們要做的關鍵了，要是我們只是簡單的數夠7個象素，然后開始畫另一條斜線的話，我們會得到非常糟糕的結果。就是圖片拼接錯誤。原因在什么呢？

4、讓我用詳細的圖片來說明如何畫另一條斜線。如圖：

為了能清楚的看明白如何補充，我將原來的背景(10x10象素大小)填充成淺灰，并將畫板擴展成17x17個象素的大小。現在在畫板上，紅色的是表示黑色斜線應該連接的圖案，為了補充連續背景缺少的元素，我們將紅色的部分移動到右邊來，也就是代表我們補充元素的灰色色塊。只要定義好了開頭，后面的象素就很好補充了。

按照上面的思路，我又做了第二個實驗，同樣是10x10個象素的畫板，看下圖：

效果圖如下：

按照我上面說的，我只畫出了一部分我想要的背景，然后用補充法，完成了這個作品。