DIV CSS 佈局教程網

　　現在先看看完成後的作品：

最終效果

下面是制作過程：

　　1、首先建立600x600像素的畫布，各位也可以設置其他適合的尺寸。設置底色黑色。在畫面中間畫一個300x200像素的矩形，並在屬性面板設置Feather羽化值為100。

圖1

　2、設置填充，點擊GradIEnt/漸變-->Folds/折疊漸變，漸變色由紅到白。點擊圖形上的漸變控點拉成水平狀，整個圖案現在看起來類似一張羽化過的條形碼。

圖2

　3、現在把漸變色改為由黑到白，並轉為點陣圖。

圖3