DIV CSS 佈局教程網

　　效果簡介：說到雲彩效果的制作，我們會馬上想到用PS的濾鏡，而且我還聽聞FW4自帶的濾鏡Candy4也能夠實現這類的效果，不過我從來都沒有使用過。這個效果的完成非常的簡單，描邊-填充材質-高斯模糊，就這麼三步。但是做這個教程的根本原因在於讓大家了解結構安排上的無序性。整齊的安排結構是為了嚴謹，使人一目了然，隨機的安排結構是為了增加視覺效果。這一點有很深的內涵，而且應用的也極為廣泛。你可以把它視為設計上的一種理論。
　　
　　操作步驟：
　　
　　1、新建場景，背景天藍。選擇Pencil Tool（鉛筆工具）在場景中隨意畫線，完成後，在Stroke（描邊）面板中指定描邊顏色為白色，描邊寬度為2像素。你可以利用其他一切能夠繪制線條的工具來畫線。需要注意的一點是，所畫出的線條不要太過松散，要比較集中。見圖1。 　　

.

　　2、全選場景中線條，在描邊面板的Texture（材質）項目中選擇Swish為線條添加材質，材質總量為100%。

　　3、選擇任意一團線條，打開Effect（效果）面板，在效果列表中選擇Blur--Gaussian blur（模糊--高斯模糊）。在彈出的對話框中，拉動滑桿為線條制定模糊度。切記得一點是，模糊程度不可低2。不然的話線條的形態將呈現出來，就不能夠達到我們欲求得的效果。見圖2。 　

　　4、用上述方法繼續畫線--指定材質--添加模糊效果。要注意調節不同線條的模糊程度和在場景中的位置安排，以體現雲彩的無序性。

　　5、最後，利用Pen Tool（鋼筆工具）畫出一些波浪線，線的起始點要和終點結合。填充顏色為藍色。創造類似海洋的效果作為點綴。完成全圖的制作。最終效果見圖3。.