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

2023-11-04 17:40:02 來(lái)源/作者: / 己有:3人學(xué)習(xí)過(guò)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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