通過設(shè)置ps圖層樣式制作個(gè)性化主頁(9)
來源:
作者:
學(xué)習(xí):6553人次
效果圖:
步驟 1、創(chuàng)建新畫布,將樹木素材置于畫布左上角。
步驟 2、使用圓角矩形工具在樹的下方繪制一矩形框。
步驟 3、繪制其他矩形內(nèi)容框。
步驟 4、在背景層上方創(chuàng)建新圖層,并用漸變工具填充該層,得到如下效果。
步驟 5、在漸變層上方創(chuàng)建新圖層,選擇云彩筆刷(沒有此筆刷請上網(wǎng)搜索下載),添加云彩效果。
步驟 6、選擇圓角矩形工具繪制導(dǎo)航按鈕(注意將按鈕層置于棕色內(nèi)容框下方)。
步驟 7、為按鈕添加圖層樣式。
得到如下效果:
步驟 8、設(shè)置棕色內(nèi)容框圖層樣式。
得到如下效果:
步驟 10、為導(dǎo)航按鈕添加標(biāo)題。
步驟 11、充實(shí)內(nèi)容框。
步驟 12、創(chuàng)建新圖層,添加導(dǎo)航符號。
最終效果如下:
學(xué)習(xí) · 提示
相關(guān)教程
- ps設(shè)計(jì)游戲網(wǎng)頁實(shí)例
- ps設(shè)計(jì)懷舊復(fù)古的網(wǎng)頁
- PS創(chuàng)建一款簡潔大方的歐美商務(wù)網(wǎng)站首頁
- PS設(shè)計(jì)iPhone蘋果應(yīng)用電子網(wǎng)站
- PS簡潔網(wǎng)頁美工教程
- 如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局
- 使用ps打造一個(gè)企業(yè)網(wǎng)站首頁設(shè)計(jì)制作全
- PS設(shè)計(jì)教程之如何制作一個(gè)時(shí)尚的商業(yè)模
- PS設(shè)計(jì)教程之制作WordPress新聞博客模
- ps設(shè)計(jì)制作古樸風(fēng)格的網(wǎng)站
推薦教程
- Photoshop制作禮品店網(wǎng)站模板
- PS網(wǎng)頁制作技巧:從切圖到網(wǎng)頁生成全攻略
- Photoshop設(shè)計(jì)個(gè)人簡歷介紹網(wǎng)站過程
- Photoshop制作漂亮的暗紅色網(wǎng)頁框架
- ps cs6設(shè)計(jì)時(shí)尚促銷專題頁教程
- Photoshop繪制精美的企業(yè)網(wǎng)站模板
- ps設(shè)計(jì)網(wǎng)頁視頻游戲界面
- 教你用PS打造網(wǎng)頁效果圖全過程
- 從零手把手教你設(shè)計(jì)網(wǎng)頁
- Photoshop設(shè)計(jì)教程:設(shè)計(jì)一款漂亮的網(wǎng)頁模板
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!