解析PS的Velositey插件在網頁設計中應用

首先，你需要在Header組中找到那個名為LOGO的圖層，鼠標右鍵點擊它，將其轉換為智能對象。

為了將LOGO置入這個圖層，我們在這個圖層上點擊右鍵，選擇“編輯內容”。

這個時候，我們會在PS中打開一個PSB格式的新文檔，原來PSD中的這個矩形的智能對象會變為一個透明圖層，我們將準備好的LOGO置于這個PSB文檔中，左對齊，這個時候如果你保存了這個PSB文檔，原來的PSD文檔中會同步改變。

此時，我們可以將這個LOGO智能對象圖層輕松改變、調整。為了更為有效地使用，我們可以在這個圖層上點擊右鍵，選擇“轉換為鏈接…”選項。

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

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

設計師的必讀書：《PS禮儀書》

你在Header中編輯好了LOGO的智能對象，它還可以在Footer中復用。在Footer的組中找到LOGO的圖層，右鍵點擊它，選擇“替換內容”。

這個時候打開你保存那個.PSB 文件的文件夾，選擇LOGO，那么底部需要用到LOGO的地方也搞定了。

其他地方的處理方式也是類似的。

增加Slider區域（Slider Section）

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