最終效果圖：

第一步：

新建一個600X400PX的畫布，把我們提供的紋理丟進去。

現在我們使用“圓角矩形工具”，設置半徑為“10PX”，拉出一個長條矩形。

第二步：

現在我們來設置矩形的混合樣式，把它命名為：矩形1。然后雙擊圖層，設置如下：

-內發光：顏色就是默認的黑色。

-圖案疊加： 這個圖案需要加載“藝術表明”，默認的里面有。

-描邊：

最完后應該是這樣的效果：

第三步：

現在我們在到“矩形1”，里面畫一個小一點的矩形，命名為“矩形2”，如下：

然后雙擊設置混合樣式：

-外發光：

-漸變疊加：

現在我們新建一個圖層，然后把它和“矩形2”同時選上，然后合并。這樣出來的圖層會是“圖層2”，然后我們把這個圖層復制一個，把老的隱藏掉。因為我們后面還要做效果。

第四步：

雙擊“圖層2”，混合樣式設置如下：

-顏色疊加：

-圖案疊加：上面我們為你準備了，這里不制作了，因為有很多小菜們不知道制作圖案。

做完后應該是這樣的效果：

現在我們在用矩形工具，畫兩根短線條。顏色分別是黑色和白色，這是在網頁設計中制作導航條廢材常見的方式，如下;然后設置他們的混合樣式：

制作好后將它復制幾個，依次擺好，然后移動到進度條中。如下：

好了，我們第一個已經完成了，你覺得怎么樣?下面是我們將這種效果的延伸，只需要幾步就OK了。

第二種效果：第一步：

在“矩形1”繪制一個矩形，比上面的要短一點。然后按照上面的方法制作出下面的效果(和上面是一樣的，這里我為什么在上面沒有讓大家保存，目的是想讓大家多做一次，能記得住，哈哈)

-漸變疊加：

-圖案疊加：

完成后應該是這樣的效果：

然后我們在到上面添加一些文字說明：

最終效果圖：