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

　　像往常一樣，希望通過實(shí)例教程傳遞布局構(gòu)架理念，不只是在告訴大家網(wǎng)站是如何一點(diǎn)點(diǎn)設(shè)計(jì)出來的。所以希望看到靈活應(yīng)用的更多擴(kuò)展版本。期待你的創(chuàng)新。

　　在本教程中，你將學(xué)習(xí)如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局。

　　1、首先，你需要下載以下兩個(gè)素材圖片。

　　用PS打開第一張圖片，然后點(diǎn)擊 編輯>定義圖案。選擇這種模式的名稱，然后就可以關(guān)閉這個(gè)文件了。

　　2、這是第二張圖片。請下載原始尺寸圖片，或者在下載壓縮包里找到它。

　　3、創(chuàng)建新文件，Size：1100*1260px。

　　選擇油漆桶工具，選擇圖案模式，找到剛設(shè)置的素材圖片，點(diǎn)擊背景層，你將看到畫布有了想要的紋理。

　　4、在頁面布局的底部，填入第二張圖片，命名該圖層為“bottom”，設(shè)置圖層模式為正片疊底。

　　5、Copy第二張圖片得到“bottom副本”，移動(dòng)到頁面中上部位置。

　　6、接下來制作導(dǎo)航。使用圓角矩形工具，設(shè)置半徑為15px，Size：940*99px。

　　7、對該圓角矩形使用下面的圖層樣式。