如何創(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、這是第二張圖片。請(qǐng)下載原始尺寸圖片,或者在下載壓縮包里找到它。
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、對(duì)該圓角矩形使用下面的圖層樣式。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 網(wǎng)頁設(shè)計(jì)
- 設(shè)計(jì)
- 制作教程
- 一款
- Photosh
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁模版,個(gè)人網(wǎng)站建設(shè)入門知識(shí)
- 網(wǎng)頁模板,設(shè)計(jì)酒吧主題網(wǎng)頁模板實(shí)例
- 網(wǎng)頁設(shè)計(jì)基礎(chǔ)技巧
- 網(wǎng)頁設(shè)計(jì)的分割布局秘密
- ps設(shè)計(jì)電影網(wǎng)站實(shí)例
- ps設(shè)計(jì)懷舊復(fù)古的網(wǎng)頁
- PS創(chuàng)建一款簡(jiǎn)潔大方的歐美商務(wù)網(wǎng)站首頁
- PS設(shè)計(jì)iPhone蘋果應(yīng)用電子網(wǎng)站
- PS電子商務(wù)在線購物網(wǎng)站美工教程
- ps設(shè)計(jì)心形網(wǎng)頁模板教程
推薦教程
- Photoshop制作禮品店網(wǎng)站模板
- photoshop網(wǎng)頁應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop網(wǎng)頁設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop繪制好看的老式wordpress主題
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁特效
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板