像往常一樣，希望通過實例教程傳遞布局構架理念，不只是在告訴大家網站是如何一點點設計出來的。所以希望看到靈活應用的更多擴展版本。期待你的創新。

　　在本教程中，你將學習如何創建一個Fancy的設計工作室網頁布局。

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

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

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

　　3、創建新文件，Size：1100*1260px。

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

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

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

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

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