使用ps打造一個企業(yè)網(wǎng)站首頁設(shè)計制作全(2)
把最右側(cè)的文字吸附在右側(cè)輔助線上。(按住shift鍵拖拽)
選擇所添加的導(dǎo)航文本圖層。(點擊第一個,按住shift點擊最后一個。)
點擊水平居中對齊。
整體文本效果就對齊了。
新建一個文件夾,用來存放導(dǎo)航欄上方空白處的內(nèi)容。我們寫上熱線電話。
選擇鉛筆工具吧,一起來手繪下。
放大面板,畫了一個小電話。
看看右上角的效果。
在menus下新建一個圖層。
使用鉛筆 按住shift繪制兩條豎線。一條為深,一條為淺。
使用快捷鍵,ctrl+j 復(fù)制剛才所繪制的圖層
選擇第一個繪制的結(jié)果以及第一個與第二菜單,使用對齊工具對齊。
選擇最后一個鉛筆繪制的豎線,同樣選擇左右兩側(cè)的文本使用對齊工具對齊。
初步看見的效果。
選擇所有的鉛筆繪制的豎線,使用快捷鍵ctrl+e合并圖層。
使用套索工具,設(shè)置余羽化像數(shù)。
選擇上下邊緣,使用delete鍵刪除達到羽化效果。
最后完成后的導(dǎo)航。
繪制一個鼠標經(jīng)過的效果矩形給該矩形添加漸變及描邊,內(nèi)發(fā)光。(根據(jù)自己需求)。
新建banner文件夾,并在里面繪制一個滿屏,高度為350px(根據(jù)情況而定)的矩形。
使用矩形選擇工具選擇在輔助線內(nèi)的banner實際大小。
在圖層面板使用蒙板針對該文件夾做遮罩。
學(xué)習(xí) · 提示
相關(guān)教程
- ps設(shè)計電影網(wǎng)站實例
- ps設(shè)計懷舊復(fù)古的網(wǎng)頁
- PS創(chuàng)建一款簡潔大方的歐美商務(wù)網(wǎng)站首頁
- PS設(shè)計iPhone蘋果應(yīng)用電子網(wǎng)站
- 如何創(chuàng)建一個Fancy的設(shè)計工作室網(wǎng)頁布局
- ps設(shè)計制作古樸風(fēng)格的網(wǎng)站
- ps設(shè)計制作wordpress主題網(wǎng)站
- PS設(shè)計制作一個清爽的藍色海洋風(fēng)格網(wǎng)
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
推薦教程
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- Photoshop制作禮品店網(wǎng)站模板
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細教程
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop繪制好看的老式wordpress主題