photoshop圖文教程:微型界面的制作

出自：天極

1.新建一個(gè)文件，300X200象素，分辨率為72DPI，白色背景的文件。

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



NO.1

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



NO.2

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



NO.3

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



NO.4

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



NO.5

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



NO.6

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



NO.7

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



NO.8

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



NO.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）。



NO.10

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



NO.11