新建760 x 770 文件，拖動一張沙發家具圖片到圖層中

使用矩形工具

在新建的圖層上繪制一個十分小的正方形

隨后我們再制作一個箭頭，用于搜索部分

本信息代表文章來源網頁教學webjx.com請大家去www.webjxcom瀏覽！

我們使用ps自定義形狀工具

|||

你可以自己選一個喜歡的箭頭，這里我們使用如下圖的箭頭，如果你的ps里沒有，請下載 shape-mania.

制作完箭頭形狀

為箭頭添加圖層樣式

帶效果的箭頭

|||

使用直線工具

繪制線條

現在我用圓角矩形工具來制作搜索區域，填充顏色為#7f7f7f

依然用圓角矩形工具制作內部的區塊

使用矩形工具來制作搜索條的輸入部分

看到此信息請您諒解！webjxcom為了防采集加上的！請到網頁設計瀏覽更多信息。

結合上面所做的一些圖層，完成樣子如下的搜索框

|||

這個網站由于主題是家具，所以設計思路是開放式的版面，我們只用圖片與文字將整個網站分割成一塊塊區域，雖然我們沒有使用線條與區塊分割，不過由于我們每塊區域本身比較緊籌，同時區塊與區塊之間的空隙比較大，所以感覺上并沒有相互影響，這種版面也是經常在視覺與藝術類網站中見到

添加上我們的搜索條與家具圖片，我們的網站就算完成了