Photoshop實(shí)例：微型精致界面

Photoshop實(shí)例：微型精致界面完成效果：



　　繪制步驟：

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

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

圖1

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

圖2

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

圖3

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

圖4

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

圖5

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

圖6

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

圖7

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

圖8

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

圖9

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

圖10

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

圖11