photoshop設(shè)計vista風(fēng)格網(wǎng)頁
來源:未知
作者:空來風(fēng)
學(xué)習(xí):1259人次
以下是詳細(xì)的photoshop教程步驟:新建一個800*900,背景為#1e1e1e的文件。選擇圓角矩形工具,在頂部拖出一個高約30px的黑色矩形框。并添加以下樣式:
現(xiàn)在黑色圓角矩形條應(yīng)該有點vista的意思了吧,選擇自定義形狀,添加網(wǎng)站首頁圖標(biāo),和站點地圖圖標(biāo)。
打開一張vista風(fēng)格的壁紙,這里用vistagrass壁紙,(點著下載),調(diào)整、裁剪大小。
下面制作高光區(qū),用鋼筆工具做出下面選取:
填充白色,并添加圖層模板,梯度漸變。
添加網(wǎng)站標(biāo)題和口號
復(fù)制第一步里面的黑色矩形框,去掉內(nèi)陰影效果,移動到綠色草地下面作為導(dǎo)航欄。并添加導(dǎo)航文字。
13 5下面制作,下面的內(nèi)容板塊。同樣用圓角矩形工具,做出一個大小適當(dāng)?shù)模瑯?biāo)題欄。添加如下樣式:
標(biāo)題欄做好后,仍然是圓角矩型工具,在下面添加內(nèi)容框。
最終得到頁面:
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop繪制好看的老式wordpress主題
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop制作禮品店網(wǎng)站模板
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!