天氣圖標(biāo),設(shè)計(jì)扁平化風(fēng)格的天氣主題圖標(biāo)

2022-12-26 17:34:24 來(lái)源/作者: / 己有:43人學(xué)習(xí)過(guò)

3. 畫一個(gè)陰雨天的圖標(biāo)

第一步

使用橢圓工具(U)畫一個(gè)200 x 200 px藍(lán)色正圓。 在左右兩側(cè)加些小圓,使云彩看著萌一點(diǎn)。

_0324052111-19.jpg

第二步

選擇所有的圓,然后圖層菜單>合并形狀。 前往圖層面板,鼠標(biāo)右鍵單擊合并好的云圖層,將圖層?xùn)鸥窕苑奖阄覀冎蟮奶幚怼?/p>

現(xiàn)在我們用矩形選框工具,把云彩圖層的下半部分刪除掉,使云的底部變平坦。

_03240553L-20.jpg

第三步

現(xiàn)在我們開(kāi)始畫雨滴的形狀。 使用橢圓型工具(U)畫一個(gè)35 x 35 px藍(lán)色的圓,使用編輯節(jié)點(diǎn)工具(你可以在鋼筆工具(P)的下拉菜單中找到它)選擇圓頂部的錨點(diǎn)。 單擊一下,圓角會(huì)變成尖角。 最后向上拖拽這個(gè)點(diǎn),是它們看起來(lái)更像雨滴的形狀。

_0324054237-21.jpg

第四步

按住Control+J(Command+J )多復(fù)制一些雨滴,把他們散布在云彩底部,看起來(lái)像在下雨一樣。

_0324053496-22.jpg

第五步

加一個(gè)黃色的圓作為圖標(biāo)的背景同時(shí)添加一個(gè)長(zhǎng)陰影。 我們的陰雨圖標(biāo)就這樣做好了! 現(xiàn)在我們就剩下最后一個(gè)圖標(biāo)啦!

_03240551D-23.jpg
4. 做一個(gè)雨傘圖標(biāo)

第一步

首先從畫一個(gè)430 x 430 px 青綠色的圓來(lái)開(kāi)始我們的雨傘繪制工作。 在圖層面板柵格化此圖層,利用矩形選框工具(M)刪除圓的下半部分。

_0324051555-24.jpg

第二步

使用橢圓工具(U)在青綠色半圓的底部畫一排圓。 調(diào)整這組圓的大小,使它們和傘面更匹配。 最后選中這幾個(gè)圓 ,圖層>合并形狀把它們變成一個(gè)圖形。

_03240552U-25.jpg

第三步

切換到鋼筆工具(P),右鍵在圓(這幾個(gè)小圓)上建立選區(qū)。 在圖層面板選擇青綠色的圖層,刪除選區(qū)內(nèi)的部分,傘的底部部分就做好了。

現(xiàn)在我們不在需要橘黃色的小圓了,把它們刪掉就好了。

_0324051M0-26.jpg