當(dāng)前位置:首頁>ps實(shí)例教程>ps制作實(shí)例>制作實(shí)例>教程內(nèi)容

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

來源:不詳 作者:佚名 學(xué)習(xí):134人次
Photoshop實(shí)例:微型精致界面完成效果



  繪制步驟:

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


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

001

圖1


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

002

圖2


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

003

圖3


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

004

圖4


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

005

圖5

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

006

圖6


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

007

圖7


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

008

圖8


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

009

圖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)。

010

圖10


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

011

圖11



學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!