UI教程，設(shè)計(jì)漱口用的杯子圖標(biāo)(4)

最終效果

一、先畫(huà)出杯子的杯身部分：

新建612 * 612（分辨率72）的畫(huà)布大小，選用圓角矩形工具，點(diǎn)擊空白畫(huà)布，在彈出框輸入以下參數(shù)繪制一個(gè)160 * 308大小且左上角圓角弧度為10像素的圓角矩形，并填充顏色：#6dc8e4，如左下圖所示。

然后用直接選擇工具，選中左下角的節(jié)點(diǎn)。并按住Shift鍵配合鍵盤的方向鍵向右點(diǎn)擊7次也就是70像素。

到目前為止杯身的左半邊就大概畫(huà)出雛形了，現(xiàn)在我們只要把左邊復(fù)制一份再水平鏡像變換一次，對(duì)稱放置在右側(cè)就可以得到一個(gè)完整的杯身了。

好，現(xiàn)在杯身的部分完成了，接下來(lái)我們來(lái)給這個(gè)杯身添加一些圖層樣式來(lái)增強(qiáng)立體感。

再接著是畫(huà)出杯口的厚度。

再接著也要給這個(gè)部分賦予一些圖層樣式。

二、畫(huà)出杯子的把手部分：

新建的把手部分要放置在杯身的圖層下面哦，如圖所示。

把手部分分解圖，如圖所示。

三、畫(huà)出牙膏牙刷部分：

畫(huà)出各物體輪廓的方法，和上面畫(huà)杯身方法大同小異，大家可以發(fā)揮自己的想象力用各種幾何圖形去拼湊出來(lái)，如圖所示。

四、牙膏牙刷與杯身合成：

多余部分利用蒙版工具屏蔽。

五、為了增強(qiáng)整體質(zhì)感，潤(rùn)色并加上高光。

最終效果：