新建760 x 770 文件，拖動(dòng)一張沙發(fā)家具圖片到圖層中

使用矩形工具

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

隨后我們?cè)僦谱饕粋€(gè)箭頭，用于搜索部分

本信息代表文章來(lái)源網(wǎng)頁(yè)教學(xué)webjx.com請(qǐng)大家去www.webjxcom瀏覽！

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

|||

你可以自己選一個(gè)喜歡的箭頭，這里我們使用如下圖的箭頭，如果你的ps里沒(méi)有，請(qǐng)下載 shape-mania.

制作完箭頭形狀

為箭頭添加圖層樣式

帶效果的箭頭

|||

使用直線工具

繪制線條

現(xiàn)在我用圓角矩形工具來(lái)制作搜索區(qū)域，填充顏色為#7f7f7f

依然用圓角矩形工具制作內(nèi)部的區(qū)塊

使用矩形工具來(lái)制作搜索條的輸入部分

看到此信息請(qǐng)您諒解！webjxcom為了防采集加上的！請(qǐng)到網(wǎng)頁(yè)設(shè)計(jì)瀏覽更多信息。

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

|||

這個(gè)網(wǎng)站由于主題是家具，所以設(shè)計(jì)思路是開(kāi)放式的版面，我們只用圖片與文字將整個(gè)網(wǎng)站分割成一塊塊區(qū)域，雖然我們沒(méi)有使用線條與區(qū)塊分割，不過(guò)由于我們每塊區(qū)域本身比較緊籌，同時(shí)區(qū)塊與區(qū)塊之間的空隙比較大，所以感覺(jué)上并沒(méi)有相互影響，這種版面也是經(jīng)常在視覺(jué)與藝術(shù)類(lèi)網(wǎng)站中見(jiàn)到

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