如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁(yè)布局(2)

　　8、使用直線工具畫一些垂直的線。我使用下列顏色進(jìn)行填充 #5e5a59。

　　9、然后使用矩形工具，繪制一個(gè)簡(jiǎn)單形狀，加入較深的顏色。這個(gè)形狀用于按鈕事件。當(dāng)你用鼠標(biāo)滑動(dòng)時(shí)就可以從頁(yè)面上看到它的變化，當(dāng)然有程序員配合時(shí)，它可以用CSS實(shí)現(xiàn)，同樣非常的棒!

　　10、想導(dǎo)航區(qū)域加入一些文字。

　　個(gè)人感覺比較喜歡這樣的導(dǎo)航樣式，寬敞的高度布局，融入了主副標(biāo)題的設(shè)計(jì)，注意小號(hào)字不是二級(jí)導(dǎo)航，而是用一些簡(jiǎn)單的詞語(yǔ)概括每個(gè)一級(jí)導(dǎo)航是什么。類似擴(kuò)展說明。比較有新意。

　　11、然后，要使用鉛筆工具繪制一些箭頭。當(dāng)使用鉛筆工具時(shí)，可以設(shè)置1px的畫筆筆尖。你可以看到，白色像素箭頭下，同時(shí)橢圓工具創(chuàng)建了一個(gè)圓形底框。

　　12、在導(dǎo)航下方創(chuàng)建一個(gè)較大的圓角矩形，用于放置幻燈片式的圖片動(dòng)畫翻滾區(qū)域。

　　13、為banner的動(dòng)畫區(qū)域添加操作按鈕，這里使用與導(dǎo)航相同的箭頭樣式。

　　14、在banner矩形下方，使用橢圓工具添加一個(gè)黑色的形狀，如下圖。

　　15、然后使用濾鏡>模糊>高斯模糊。設(shè)置8-10px為半徑。

　　16、然后使用編輯>變換>扭曲,設(shè)置如下圖。