使用ps打造一個(gè)企業(yè)網(wǎng)站首頁(yè)設(shè)計(jì)制作全
先整理好需要做的內(nèi)容至一個(gè)文件夾中。
打開(kāi)photoshop新建一個(gè)空白面板。
選擇矩形工具繪制一個(gè)980*auto的圖形。
結(jié)果如下:
使用選擇工具點(diǎn)擊邊緣節(jié)點(diǎn)。
在菜單欄下方可看見(jiàn)圖片的寬與高。
點(diǎn)擊背景
圖層,再按下shift鍵點(diǎn)擊新建的圖層。
按下選擇快捷鍵"V",在菜單欄下方會(huì)出現(xiàn)對(duì)齊選項(xiàng)。選擇居中對(duì)齊。
從標(biāo)尺區(qū)域按下鼠標(biāo)向右拖動(dòng)會(huì)形成一根輔助線。拖至矩形邊緣自動(dòng)吸附即可。
我們可以看見(jiàn)的結(jié)果如下:
在圖層面板新建header文件夾,并把logo放置進(jìn)來(lái)。
在header文件夾下建立menus目錄,并繪制一個(gè)矩形圖形。
為矩形圖形添加漸變。(或者雙擊圖層空白處也可以編輯效果)
所開(kāi)啟的面板:
描邊參數(shù)如下:
漸變效果如下:
設(shè)置內(nèi)發(fā)光,參數(shù)如下:
菜單導(dǎo)航背景最終效果。
打上文本。文本選擇工具快捷鍵"T"。
把最左側(cè)的文本吸附在左側(cè)輔助線上。(按住shift拖拽)
學(xué)習(xí) · 提示
相關(guān)教程
- ps設(shè)計(jì)電影網(wǎng)站實(shí)例
- ps設(shè)計(jì)懷舊復(fù)古的網(wǎng)頁(yè)
- PS創(chuàng)建一款簡(jiǎn)潔大方的歐美商務(wù)網(wǎng)站首頁(yè)
- PS設(shè)計(jì)iPhone蘋(píng)果應(yīng)用電子網(wǎng)站
- 如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁(yè)布局
- ps設(shè)計(jì)制作古樸風(fēng)格的網(wǎng)站
- ps設(shè)計(jì)制作wordpress主題網(wǎng)站
- PS設(shè)計(jì)制作一個(gè)清爽的藍(lán)色海洋風(fēng)格網(wǎng)
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
推薦教程
- photoshop網(wǎng)頁(yè)應(yīng)用實(shí)例:制作蘋(píng)果導(dǎo)航欄
- Photoshop制作禮品店網(wǎng)站模板
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁(yè)的詳細(xì)教程
- Photoshop網(wǎng)頁(yè)設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁(yè)布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁(yè)模板
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- Photoshop CS5制作放射狀光線網(wǎng)頁(yè)廣告板
- Photoshop繪制好看的老式wordpress主題