ps設(shè)計(jì)企業(yè)網(wǎng)站教程(2)
來源:未知
作者:小林設(shè)計(jì)
學(xué)習(xí):1453人次
2, 這個(gè)實(shí)例,以網(wǎng)站實(shí)際寬度為800像素為例進(jìn)行操作。為了加快制作流程,節(jié)省制作的時(shí)間成本。我通常的做法是:a,選矩形選框工具;b,定義固定寬度800px,高度無所謂;c,新建圖層;D,建立選區(qū),填充任何一種顏色;e,選移動(dòng)工具[v鍵],定方水平居中;f,CTRL+R,打開標(biāo)尺;g,定義參考線。這樣,我們就把頁面的實(shí)際寬度定義完成。所有的制作,設(shè)計(jì)部分,都是在這樣的區(qū)域中進(jìn)行。然后,把剛建的圖層刪除。因?yàn)榻ㄟ@個(gè)層的目的是定議參考線
3, 開始制作導(dǎo)航部分。下面還是使用選框工具。定議高度為60px,并在文件中新建圖層,創(chuàng)建一個(gè)矩形的選區(qū)。填充任意一種顏色。CTRL+D取消選擇。對(duì)此矩形選用漸變疊加樣式。如圖所示
4, 在頭部導(dǎo)航的底部,建立兩條直線。高度為1px.一條黑色線,一條白色線。將兩條件合并,使用圖層樣式中的“疊加”就產(chǎn)生了如圖所示的效果
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 導(dǎo)航條
- 小林設(shè)計(jì)
學(xué)習(xí) · 提示
相關(guān)教程
- 從零手把手教你設(shè)計(jì)網(wǎng)頁
- ps cs6設(shè)計(jì)時(shí)尚促銷專題頁教程
- 網(wǎng)頁設(shè)計(jì)基礎(chǔ)技巧
- ps切片工具怎么用
- ps設(shè)計(jì)網(wǎng)頁視頻游戲界面
- ps設(shè)計(jì)懷舊復(fù)古的網(wǎng)頁
- PS創(chuàng)建一款簡(jiǎn)潔大方的歐美商務(wù)網(wǎng)站首頁
- PS設(shè)計(jì)iPhone蘋果應(yīng)用電子網(wǎng)站
- 如何設(shè)計(jì)與PSD模板標(biāo)題導(dǎo)航菜單教程
- PS簡(jiǎn)潔網(wǎng)頁美工教程
推薦教程
- Photoshop繪制好看的老式wordpress主題
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop網(wǎng)頁設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁布局
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁特效
- photoshop網(wǎng)頁應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!