有些簡單的單網頁，如果利用等高線效果的背景圖片，再配合合適的背景色，能達到絢麗的效果。如下圖所示：
本文就介紹該等高線效果的背景圖片是如何制作的。Follow Me！！！！
1、新建文檔，尺寸：1000px*1000px
2、用矩形工具創建一個矩形，尺寸：500px*500px
3、給這個矩形添加雜色（點擊：濾鏡 > 雜色 > 添加雜色，參數如下圖所示）
4、復制這個圖層3次，調整這4個矩形到四角上（位置分別是（0，0），（500，0），（0，500），（500，500））
5、將這四個圖層合並到一個圖層，並給它添加高斯模糊（點擊：濾鏡 > 模糊 > 高斯模糊），參數如下：
6、點擊：濾鏡 > 風格化 > 查找邊緣，仔細看看，能看到等高線的雛形了。
7、點擊：圖層 > 新建調整圖層 > 色階。在彈出的對話框上勾選“使用前一圖層創建剪貼蒙版”。
在其后出現的對話框，有三個通道可選。可依次選擇紅、綠、藍三個通道，參數依照下圖所示，可以得到三個效果圖，從中挑一個最滿意的
下面的圖是紅色通道：
下面的圖是綠色通道：
下面的圖是藍色通道：
可以看出，在圖的邊緣有線聚集的情況，這不適合做背景（背景要平鋪，邊緣要順和），故還得再處理一下（我選的是綠色通道的那張圖）
8、將色階圖層和原圖層選中並右鍵選擇轉換為智能對象，然后柵格化該圖層。用矩形選框工具新建矩形選區，調整選區為（250，250，500，500）
9、按Ctrl + Shift + I反選選區，並刪除多余部分。可以看出剩下的矩形上邊和下邊是線條對應的、左邊和右邊是線條對應的。
10、調整畫布大小為500px*500培訓，使之正好是整個圖像
11、點擊：圖像 > 調整 > 閾值，調整合適的參數：
至此，等高線背景圖就基本制作完成了。我們可以通過魔棒工具（把參數欄上的“連續”前的勾去掉），把白色背景去掉，再利用顏色疊加的圖層樣式，改變線條的顏色（建議用淺灰色，為了演示方便，我改成紅色）
把上面的圖片（線條改為淺灰色，）作為網頁的背景圖片，再配合合適的背景色，能達到絢麗的效果。
再把自己的作品推薦一下：http://bertin.duapp.com/，利用百度開發者平台，只是不太穩定，經常會有503錯誤。背景圖就是一個等高線效果圖，再配合藍色，效果驚艷。
