解析PS的Velositey插件在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用

首先，你需要在Header組中找到那個(gè)名為L(zhǎng)OGO的圖層，鼠標(biāo)右鍵點(diǎn)擊它，將其轉(zhuǎn)換為智能對(duì)象。

為了將LOGO置入這個(gè)圖層，我們?cè)谶@個(gè)圖層上點(diǎn)擊右鍵，選擇“編輯內(nèi)容”。

這個(gè)時(shí)候，我們會(huì)在PS中打開(kāi)一個(gè)PSB格式的新文檔，原來(lái)PSD中的這個(gè)矩形的智能對(duì)象會(huì)變?yōu)橐粋€(gè)透明圖層，我們將準(zhǔn)備好的LOGO置于這個(gè)PSB文檔中，左對(duì)齊，這個(gè)時(shí)候如果你保存了這個(gè)PSB文檔，原來(lái)的PSD文檔中會(huì)同步改變。

此時(shí)，我們可以將這個(gè)LOGO智能對(duì)象圖層輕松改變、調(diào)整。為了更為有效地使用，我們可以在這個(gè)圖層上點(diǎn)擊右鍵，選擇“轉(zhuǎn)換為鏈接…”選項(xiàng)。

隨后，PS將會(huì)提醒你保存PSB格式的智能對(duì)象文件。作為網(wǎng)站圖片體系的重要組成部分，這個(gè)LOGO你會(huì)用上的。通常，我們會(huì)將其保存到一個(gè)名為“image”的文件夾中。

“盡量將圖片和圖標(biāo)的文件夾放在靠近PSD的地方，而不是放在桌面上某個(gè)名為Others的文件夾里面。”——PS禮儀書(shū)

設(shè)計(jì)師的必讀書(shū)：《PS禮儀書(shū)》

你在Header中編輯好了LOGO的智能對(duì)象，它還可以在Footer中復(fù)用。在Footer的組中找到LOGO的圖層，右鍵點(diǎn)擊它，選擇“替換內(nèi)容”。

這個(gè)時(shí)候打開(kāi)你保存那個(gè).PSB 文件的文件夾，選擇LOGO，那么底部需要用到LOGO的地方也搞定了。

其他地方的處理方式也是類(lèi)似的。

增加Slider區(qū)域（Slider Section）

盡管大尺寸Banner和slider區(qū)域有缺陷，但是很多網(wǎng)站依然選擇保留這個(gè)區(qū)域。Velositey中內(nèi)置了許多樣式，增加slider區(qū)域和添加Header一樣容易，點(diǎn)擊選擇即可。