天天看點

用PS設計等高線效果的背景圖檔

有些簡單的單網頁,如果利用等高線效果的背景圖檔,再配合合适的背景色,能達到絢麗的效果。如下圖所示:

用PS設計等高線效果的背景圖檔

本文就介紹該等高線效果的背景圖檔是如何制作的。Follow Me!!!!

1、建立文檔,尺寸:1000px*1000px

用PS設計等高線效果的背景圖檔

2、用矩形工具建立一個矩形,尺寸:500px*500px

用PS設計等高線效果的背景圖檔

3、給這個矩形添加雜色(點選:濾鏡 > 雜色 > 添加雜色,參數如下圖所示)

用PS設計等高線效果的背景圖檔
用PS設計等高線效果的背景圖檔

4、複制這個圖層3次,調整這4個矩形到四角上(位置分别是(0,0),(500,0),(0,500),(500,500))

用PS設計等高線效果的背景圖檔

5、将這四個圖層合并到一個圖層,并給它添加高斯模糊(點選:濾鏡 > 模糊 > 高斯模糊),參數如下:

用PS設計等高線效果的背景圖檔
用PS設計等高線效果的背景圖檔

6、點選:濾鏡 > 風格化 > 查找邊緣,仔細看看,能看到等高線的雛形了。

用PS設計等高線效果的背景圖檔

7、點選:圖層 > 建立調整圖層 > 色階。在彈出的對話框上勾選“使用前一圖層建立剪貼蒙版”。

用PS設計等高線效果的背景圖檔

在其後出現的對話框,有三個通道可選。可依次選擇紅、綠、藍三個通道,參數依照下圖所示,可以得到三個效果圖,從中挑一個最滿意的

下面的圖是紅色通道:

用PS設計等高線效果的背景圖檔

下面的圖是綠色通道:

用PS設計等高線效果的背景圖檔

下面的圖是藍色通道:

用PS設計等高線效果的背景圖檔

可以看出,在圖的邊緣有線聚集的情況,這不适合做背景(背景要平鋪,邊緣要順和),故還得再處理一下(我選的是綠色通道的那張圖)

8、将色階圖層和原圖層選中并右鍵選擇轉換為智能對象,然後栅格化該圖層。用矩形選框工具建立矩形選區,調整選區為(250,250,500,500)

用PS設計等高線效果的背景圖檔

9、按Ctrl + Shift + I反選選區,并删除多餘部分。可以看出剩下的矩形上邊和下邊是線條對應的、左邊和右邊是線條對應的。

用PS設計等高線效果的背景圖檔

10、調整畫布大小為500px*500教育訓練,使之正好是整個圖像

用PS設計等高線效果的背景圖檔

11、點選:圖像 > 調整 > 門檻值,調整合适的參數:

用PS設計等高線效果的背景圖檔
用PS設計等高線效果的背景圖檔

至此,等高線背景圖就基本制作完成了。我們可以通過魔棒工具(把參數欄上的“連續”前的勾去掉),把白色背景去掉,再利用顔色疊加的圖層樣式,改變線條的顔色(建議用淺灰色,為了示範友善,我改成紅色)

用PS設計等高線效果的背景圖檔

把上面的圖檔(線條改為淺灰色,)作為網頁的背景圖檔,再配合合适的背景色,能達到絢麗的效果。

用PS設計等高線效果的背景圖檔

繼續閱讀