本文由 網頁設計 雨醉 編譯，轉載請保留此信息！

完成的最終效果：

延伸效果：

|||

本文由 網頁設計 雨醉 編譯，轉載請保留此信息！

完成的最終效果：

延伸效果：

|||

1，新建cmyk文檔；使用矩形工具（m）繪制一個黑色填充，無描邊的矩形。

2，使用工具箱中的網格工具，在矩形偏上方點擊，建立一個顏色節點，并將此節點顏色的更改為：

3,使用同樣的網格工具，在中間處點擊，并更改顏色為：c :0;m:100; y:100; k:50.

|||

4,使用網格工具，在下方點擊，并更改顏色為：c :0;m:80; y:100; k:30.

5，建立一個白色填充的矩形，如圖。使用選擇工具選中，按住alt鍵的同時拖動，就可復制一個矩形對象。在保持選中的狀態下，放大矩形的寬度，并更改透明度為20%。

6，同時選中這二個對矩形，打開對齊面板，選擇居中對齊。

7，使用混合工具  ，在二個矩形上各點擊一次。在彈出的混合選項對話框中，設置指定步數為50。

|||

8，建立好混合之后，使用選擇工具拖動矩形對象至畫筆面板 ，在彈出的 新建畫筆對話框中，選擇“新建藝術畫筆”。

9，畫筆選項如下，將著色方法改為“色相轉換”，其余為默認。

10，使用鋼筆工具，繪制白色路徑，無填充 。

|||

11，保持路徑填充，在畫筆面板中選擇剛剛新建的畫筆樣式（單擊即可）。

12，保持路徑選中狀態，打開透明度面板，將模式改為疊加。

13，使用同樣的方法建立多條路徑，并調整形狀和位置。

|||

14，可以通過更改路徑的描邊大小和不透明度，建立不同形狀路徑。如下圖：

15，畫一個白色填充無描邊的圓。

16，使用路徑-偏移路徑（-3pt），復制一個略小的同心圓。將大圓的透明度改為46%。

17，使用混合工具，在二個圓上各自點擊，設置步數50。

|||

18，將混合后的圓對象，移動線條交叉處，在透明度面板上更改為疊加模式。

元件的制作就是這樣，沒有什么難度。要做的漂亮，還是要注意曲線和亮點圓的排列。可以通過更改大小，不透明度多建立一些對象，豐富畫面。大家可以照著最終效果圖，來完成本實例的制作。

本實例的效果很適合用做背景，通過更改顏色和樣式，會有不錯的效果。

譯者的作品：