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