用Photoshop設計微形3D介面

來源:互聯網
上載者:User
設計  效果預覽:

    1.建立一個檔案,300X200象素,解析度為72DPI,白色背景的檔案。

    2.建立圖層1,選擇圓角矩形工具,在畫布中央拉出一個圓角矩形的路徑來!並將此路徑轉換為選區。再選擇漸層填充工具,在矩形選區中拉出如(圖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,此時矩形路徑上會出現個變換框,然後再按住CTR+SHIFT+ALT將變換框下端兩側的任意一個角向中間水平移動(圖4)。

圖4
  6.完成上述步驟後,將此變形的矩形路徑轉換為選區,再選擇漸層工具,將深淺色兩端的顏色都設定為白色,並將淺色端的不透明度設定為0。在此選區內至上而下垂直拖拉(圖5)。

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

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

圖7  9.按住CTRL點擊此圖層,使其選區浮起,再執行菜單-選擇-修改-收縮,將選區收縮3個象素,再按CTRL+U將其選區內圖象的明度降低(圖8)。

圖8
  10.不要取消選區,再執行菜單-選擇-修改-收縮,將選區再收縮2個象素,同時在此圖層的上方再建立一個圖層,如上述第6步中所說的,將簡便色相同設定,並在選區中拖拉(圖9)。

圖9
  11.回到原先合并的,圖層,將其複製一個為副本,並下下面的圖層水平象下移動4-5個象素,再回到上面的圖層,用滑鼠雙擊此圖層,在圖層樣式面板中選內發光跟投影效果,投影的距離設定為10,擴充為10,大小為15,其它不變,再將內發光的發光色設定為白色,阻塞為0,大小為8個象素,並將等高線設定為第2排第5種樣式(圖10)。

圖10
  12.好了~此時的介面已經完成了!若要在上面做別的修飾與美化,自己可以發揮(圖11)。

圖11

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。