Photoshop實例：微型精致界面

Photoshop實例：微型精致界面完成效果：



　　繪制步驟：

　　1.在Photoshop中新建一個文件，300×200像素，分辨率為72DPI，白色背景。

　　2.新建圖層1，選擇圓角矩形工具，在畫布中央拉出一個圓角矩形的路徑來。并將此路徑轉(zhuǎn)換為選區(qū)。再選擇漸變填充工具，在矩形選區(qū)中拉出如（圖1）摸樣的漸變色填充。

圖1

　　3.將圖層1復制一個為圖層1副本。再回到圖層1，將圖層1中的矩形垂直向下移動5-6個像素，并用曲線或者明暗命令將其顏色加深至黑色（圖2）。

圖2

　　4.將圖層1副本再復制一個為圖層1副本2，回到圖層1副本，將其垂直向上移動5-6個像素，并同樣用曲線命令將起顏色加深，加深至深灰色即可（圖3）。

圖3

　　5.在圖層1副本2上面新建一個圖層2，再選擇圓角矩形工具，在原先矩形位置的上半部拉出個稍窄的矩形，完成后按CTRL T，此時矩形路徑上會出現(xiàn)個變換框，然后再按住CTR SHIFT ALT將變換框下端兩側(cè)的任意一個角向中間水平移動（圖4）。

圖4

　　6.完成上述步驟后，將此變形的矩形路徑轉(zhuǎn)換為選區(qū)，再選擇漸變工具，將深淺色兩端的顏色都設置為白色，并將淺色端的不透明度設置為0。在此選區(qū)內(nèi)至上而下垂直拖拉（圖5）。

圖5

7.將圖層1，圖層1副本，圖層1副本2及圖層2合并為一個圖層，再執(zhí)行菜單-濾鏡-模糊-高斯模糊，模糊1個像素（圖6）。

圖6

　　8.在合并后的圖層上方新建一個圖層，再選擇圓角矩形工具，在原本矩形的中間位置拉出一個矩形路徑，并轉(zhuǎn)換為選區(qū)，并用原先的灰色漸變色填充，完成后雙擊此圖層，在彈出的圖層樣式面板上鉤選斜面和浮雕選項，取消全局光設置，將大小跟軟化都設置為0，角度為-50度，高度為48，其他不變（圖7）。

圖7

　　9.按住CTRL點擊此圖層，使其選區(qū)浮起，再執(zhí)行菜單-選擇-修改-收縮，將選區(qū)收縮3個像素，再按CTRL U將其選區(qū)內(nèi)圖象的明度降低（圖8）。

圖8

　　10.不要取消選區(qū)，再執(zhí)行菜單-選擇-修改-收縮，將選區(qū)再收縮2個像素，同時在此圖層的上方再新建一個圖層，如上述第6步中所說的，將簡便色相同設置，并在選區(qū)中拖拉（圖9）。

圖9

　　11.回到原先合并的，圖層，將其復制一個為副本，并下下面的圖層水平象下移動4-5個像素，再回到上面的圖層，用鼠標雙擊此圖層，在圖層樣式面板中選內(nèi)發(fā)光跟投影效果，投影的距離設置為10，擴展為10，大小為15，其它不變，再將內(nèi)發(fā)光的發(fā)光色設置為白色，阻塞為0，大小為8個像素，并將等高線設置為第2排第5種樣式（圖10）。

圖10

　　12.此時，界面已經(jīng)完成。若要在上面做別的修飾與美化，可以自由發(fā)揮（圖11）。

圖11