擬物界面是怎麼做成的?
用photoshop和illustrator都可以繪製出這種擬物的圖標,下面我就用PS繪製一個。
效果圖:
一、時鐘外殼框處理
1.新建一個尺寸800*600像素,解析度72的畫布。
2.用形狀工具繪製一個380*380的圓角矩形,圓角參數值100,填充線性漸變顏色。
3.為它添加圖層樣式,具體參數見下圖,僅供參考。設置所有參數時要關閉全局光。
4.做錶盤的外包邊,繪製一個302*302的大圓,顏色#ce3232,再繪製258*158小圓,兩個圓垂直水平居中對齊,然後圖層 - 合併形狀 - 減去頂層形狀,得到一個正圓環。
5.為外包邊添加圖層樣式。
這時表鍾外殼就做好了。
關注小編:懂點微設計,回復【PS】獲取最新版PS軟體破解版(安裝包和安裝教程)
二、錶盤處理
1.在時鐘外殼框內建一個258*258的正圓,填充顏色#e9e3e3。
2.為它添加圖層樣式,設置「內發光」和「外發光」。
這樣錶盤就做好了
3.下面開始做錶盤刻度,先用矩形工具做一個6*20的矩形,填充顏色#222222,然後Ctrl+T,按住Alt鍵用滑鼠把矩形的中心點移動到錶盤的正中心,接著旋轉矩形15度,回車確認,之後按住shift+ctrl+alt鍵不鬆手按T鍵,繼續按,總共按11下。
4.下面做小刻度,先做4*10的矩形填充顏色與大刻度相同,之後方法和做大刻度的方法一樣,旋轉角度是5度,然後再畫兩個大圓圈,不填充顏色,描邊2px,描邊顏色#222222.
5.做好刻度和大小圓環之後,複製一遍,複製的這些顏色全部改成#ffffff,然後把複製的這些刻度和線環向右移動一個像素,再向下移動一個像素,做出凹凸感。
6.現在做時鐘和轉軸。
7.下面為各個針和轉軸添加投影。
投影加好之後
8.時針和分針的投影還不夠,需要再加一層投影,首先複製出一個時針放在原時針的下層,然後羽化10px,分針方法相同。
9.給紅色轉軸添加圖層樣式使他有立體感。
再給它添加點高光,繪製一個小橢圓填充#ffffff羽化0.5px,調整位置建立剪貼蒙版。
10.最後在處理一下錶盤細節,把錶盤白底複製出一個放在所有圖層頂層,填充設置為0,之後添加圖層樣式。
圖層樣式設置好之後
11.最後再給時鐘加上陰影,複製出一個時鐘外殼大底放在時鐘底層,填充顏色#2e1515,添加蒙版之後再擦除不需要的地方,這樣時鐘就算完成了。
關注小編:懂點微設計,回復【PS】獲取最新版PS軟體破解版(安裝包和安裝教程)
推薦閱讀: