如何創(chuàng)建一個Fancy的設(shè)計工作室網(wǎng)頁布局
來源:站酷
作者:wangyufeng_888
學(xué)習(xí):6341人次
像往常一樣,希望通過實例教程傳遞布局構(gòu)架理念,不只是在告訴大家網(wǎng)站是如何一點點設(shè)計出來的。所以希望看到靈活應(yīng)用的更多擴展版本。期待你的創(chuàng)新。
在本教程中,你將學(xué)習(xí)如何創(chuàng)建一個Fancy的設(shè)計工作室網(wǎng)頁布局。
1、首先,你需要下載以下兩個素材圖片。
用PS打開第一張圖片,然后點擊 編輯>定義圖案。選擇這種模式的名稱,然后就可以關(guān)閉這個文件了。
2、這是第二張圖片。請下載原始尺寸圖片,或者在下載壓縮包里找到它。
3、創(chuàng)建新文件,Size:1100*1260px。
選擇油漆桶工具,選擇圖案模式,找到剛設(shè)置的素材圖片,點擊背景層,你將看到畫布有了想要的紋理。
4、在頁面布局的底部,填入第二張圖片,命名該圖層為“bottom”,設(shè)置圖層模式為正片疊底。
5、Copy第二張圖片得到“bottom副本”,移動到頁面中上部位置。
6、接下來制作導(dǎo)航。使用圓角矩形工具,設(shè)置半徑為15px,Size:940*99px。
7、對該圓角矩形使用下面的圖層樣式。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop制作禮品店網(wǎng)站模板
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細教程
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop繪制好看的老式wordpress主題
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!