UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

2023-12-17 17:22:02 來源/作者: / 己有:1人學(xué)習(xí)過

(7)為第一頁添加日期,今天是30號。將“日期”置于“第一頁平頁”和“第一頁卷頁”之間,效果如下:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

(8)第一頁制作完之后,制作撕掉頁。首先使用鋼筆工具勾出撕掉頁輪廓,然后填充路徑,并為其添加“投影”效果。(最好畫兩條不一樣的撕掉頁,這樣比較真實。)如下圖所示:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

到此,【①日歷的卷頁】部分制作完成,大概是這個樣子的:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)
4、日歷的夾子和金屬環(huán):

(1)日歷的夾子(就是紅色那個部分):首先新建一個稍稍大一丟丟(幾個像素就好啦)的圓角矩形置于最上層。就像這樣的。

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

新建一個矩形置于頂層,如下圖所示:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

選擇圓角矩形(日歷紅色夾子)按住shift加選白色矩形,使用“直接選擇工具”鼠標(biāo)右鍵單擊,在菜單欄中選擇“減去頂層形狀”得到入下效果:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)