效果圖：

練習重點：

這次主要分享一個智能對象功能的使用，其次就是光影、顏色對質感的塑造​，對這塊感興趣的小伙伴，可以動手練習一下。

我們首先從把這個小東西做出來，后面我們再講講智能對象的作用。

步驟一：

打開你的Adobe Photoshop，創建一個新文檔。

寬度：800 px

高度：600 px

分辨率：30 px

制作背景：

溫馨提示：給【背景】填充顏色 #343434，其次是用畫筆工具(B)+柔邊畫筆，在整個背景正上半部打個光，顏色#ffffff、圖層模式：柔光、不透明度：70%。

步驟二：

制作底框：

溫馨提示：用圓角矩形工具(U)繪制計時器的底框。

​寬度：226 px

高度：297 px

圓角：15 px​

賦予【底框】光影，制造下陷的感覺：​

溫馨提示：我們經常在使用圖層樣式時，其實可以靈活變通，多思考。例如：在這步里，我們用內陰影做了個底框的陰影，同時也用它來做了高光，其實只是適當的修改了顏色和圖層模式而已，但卻做出了許多不同的效果。

圖層樣式：內陰影 模式：正片疊底 顏色：#000000 不透明度：35% 角度：90° 距離：1px 大小：4px

圖層樣式：內陰影 模式：濾色 顏色：#4a4444 不透明度：35% 角度：-90° 距離：1px 大�。�4px

圖層樣式：漸變疊加 模式：正常 不透明度：55% 樣式：線性 顏色：#262626~ #5d5d5d 角度：-90° 縮放：82%

步驟三：

制作上半頁：

溫馨提示：這里用圓角矩形工具(U)+布爾運算繪制計時器的上半頁，顏色填充#e2e1e0。

寬度：210 px

高度：283 px

半徑：8 px

布爾運算不會的同學可以看看【Ps基礎篇-布爾運算】就會了，我這就不展開了。