|
在網(wǎng)頁中，有一個好的背景往往能產(chǎn)生很特別的效果。但無縫的網(wǎng)頁背景的制作，卻著實讓我費了不少腦筋，因為初始時，由于計算錯誤，背景總是不能很好的接合在一起，直到今天我在研究斜線背景才領悟了其中的道理。
讓我們來看看下面的斜線圖片：
圖一：
這是一個斜線背景，通過它可以得到非常漂亮的斜線背景。如下。
要隨意做出這樣的斜線有什么竅門呢，通過我的觀察，我發(fā)現(xiàn)了利用補充法可以的到很好的無縫背景。
讓我簡單來做個說明：
1、首先畫出你想要的背景，然后開始定義文檔，我做了兩個實驗都是10x10個象素，因為這樣計算起來要簡單的多。
2、然后我開始畫出一部分斜線，我的想法是3個象素寬的斜線，間隔7個象素寬，現(xiàn)在我從文檔的定部開始布局，為了方便布局和計算簡單，我把網(wǎng)格打開，并設置它的間距和子網(wǎng)格為1個象素，接著我又設置矩形選框工具的樣式為固定大�。�1x1個象素，這樣最上邊的斜線很快就出來了。如下圖：
3、接下來要間格7個象素畫另一條斜線了。這就是我們要做的關(guān)鍵了，要是我們只是簡單的數(shù)夠7個象素，然后開始畫另一條斜線的話，我們會得到非常糟糕的結(jié)果。就是圖片拼接錯誤。原因在什么呢？
4、讓我用詳細的圖片來說明如何畫另一條斜線。如圖：
為了能清楚的看明白如何補充，我將原來的背景(10x10象素大小)填充成淺灰，并將畫板擴展成17x17個象素的大小�，F(xiàn)在在畫板上，紅色的是表示黑色斜線應該連接的圖案，為了補充連續(xù)背景缺少的元素，我們將紅色的部分移動到右邊來，也就是代表我們補充元素的灰色色塊。只要定義好了開頭，后面的象素就很好補充了。
按照上面的思路，我又做了第二個實驗，同樣是10x10個象素的畫板，看下圖：
效果圖如下：
按照我上面說的，我只畫出了一部分我想要的背景，然后用補充法，完成了這個作品。
如果大家還有興趣，可以試著做其他的背景圖片試試，會非常有趣的。
出處：U66
責任編輯：moby
◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
