用PS做搜尋框的步驟流程（以Adobe Photoshop CS6為例）：

1、開啟Adobe Photoshop CS6軟體，並新建網頁（ctrl+n）。如圖所示。

2、選擇顏色如圖，這裡的背景色是效果需要，一般做網頁搜尋框是不需要這一部的，填充（alt+del），如圖所示。

3、選擇圓角矩形工具（u），設定半徑5畫素，畫合適大小矩形框，根據網頁大小而定，選擇前景色填充，顏色也是根據網頁整體色調而定，命MISTRA層為搜尋框外框，如圖所示。

4、給搜尋框外框圖層新增圖層樣式，內陰影、漸變疊加、描邊；效果如圖所示。

5、複製新建搜尋框外框圖層（Ctrl+j），調整大小（ctrl+t），填充顏色為白色，調整圖層樣式，如圖所示。

6、選擇自定義形狀工具，追加全部圖形，拉到最下面選擇放大鏡，畫合適大小的放大鏡在右邊，選擇顏色填充，設定圖層樣式，並右擊圖層選擇柵格化圖層。如圖所示。

7、到此網頁搜尋框製作完成，效果如圖所示。

注意事項

混合模式設定：

【內陰影】混色模式 正常 fc4242。不透明度 100。距離 2。大小 0。

【漸變疊加】混合模式 柔光。不透明度 30。

【描邊】大小 1；混合模式 正常。顏色 fc4242（搜尋框外框填充顏色）。

放大鏡混合模式設定：

【投影】不透明度 51。角度 90。距離 3。大小 3。

【顏色疊加】混合模式 正常 444748。