基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

2022-12-26 10:57:27 來(lái)源/作者: / 己有:21人學(xué)習(xí)過(guò)

教程不僅深入淺出解釋了基礎(chǔ)形狀的原理與運(yùn)用,而且手把手教你如何巧用Photoshop的基礎(chǔ)形狀繪制圖標(biāo),是新手入門(mén)的絕佳指南,強(qiáng)烈推薦學(xué)習(xí)

什么叫基本形狀,具體的定義,估計(jì)需要回小學(xué)問(wèn)一下老師。在我的理解中,基本形狀不外乎圓形與多邊形。圓形有正圓、橢圓、卵圓。而多邊形則更多,三角形,四邊形,五邊形,六邊形等等。三角形又有直角三角形,等邊三角形,等腰三角形。四邊形有規(guī)則的四邊形,又有不規(guī)則的四邊形。不規(guī)則的四邊形,例如梯形,梯形又有等腰梯形,直角梯形。規(guī)則的四邊形有正方形,矩形,平行四邊形,菱形。

當(dāng)然,今天我們并不是在上幾何課,我們步入正題。

PS中,什么是基本形狀,先來(lái)看個(gè)圖。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

點(diǎn)開(kāi)形狀工具,我們可以看到,其中包含矩形工具,圓角矩形工具,橢圓工具,多邊形工具,直線工具,自定義形狀工具。除去直線工具和自定義形狀工具,其他的,我認(rèn)為均可看成是PS中的基本形狀。我們可以運(yùn)用這些形狀來(lái)拼湊組成一些復(fù)雜的形狀。

我們首先來(lái)看一組圖。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)
基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)
基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)
基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

通過(guò)上面四個(gè)圖,我們可以清楚的看到兩個(gè)形狀之間,相加,相減,交叉重疊,排除重疊四個(gè)路徑關(guān)系下的形狀形態(tài)。相加相減這兩個(gè)很好理解,也沒(méi)有什么可解釋的。交叉重疊就是兩個(gè)形狀相交,只顯示重疊的區(qū)域。反之,排除重疊就是兩個(gè)形狀相交,不顯示重疊的區(qū)域。需要注意的是路徑操作需要的是兩個(gè)形狀都位于同一個(gè)形狀圖層,就這一點(diǎn)來(lái)說(shuō),CS 6以上版本會(huì)更具優(yōu)勢(shì),因?yàn)镃S 6以上版本,可以合并形狀圖層,并保持形狀屬性,低版本只能在畫(huà)的時(shí)候利用SHIFT和ALT來(lái)實(shí)現(xiàn)。

也許有小伙伴要問(wèn)了,路徑操作在哪。你使用選擇工具時(shí),在頂部的菜單欄里。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

理解了路徑的基本操作,接下來(lái)就是見(jiàn)證奇跡的時(shí)刻了。我們可以通過(guò)對(duì)這些基本形狀的復(fù)制,路徑操作更改,來(lái)實(shí)現(xiàn)一些看上去較為復(fù)雜的形狀。

首先,我們通過(guò)一個(gè)小例子來(lái)理解一下,如何去拼湊形狀?,F(xiàn)在,我想要畫(huà)一個(gè)圓角六邊形。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

上面的圖片,從我選擇住形狀的截圖來(lái)看,大家可以很清楚的看出來(lái),同樣是矢量形狀,同樣是圓角六邊形,左邊的形狀是通過(guò)六個(gè)圓六個(gè)矩形拼湊而來(lái)的,而右邊的圖是三個(gè)圓角矩形來(lái)拼湊而成的。左邊的明顯差評(píng),右邊的才是個(gè)好辦法,很明顯右邊的圓角六邊形,更為精準(zhǔn),效率更高。

這里沒(méi)有別的意思,只是說(shuō),看到一個(gè)形狀,首先我們需要思考,而不是隨便動(dòng)手,我們可以先有個(gè)思路,為什么要這樣做,有什么好處。例如本例中的圓角六邊形,我們只需要畫(huà)一個(gè)圓角矩形,然后復(fù)制,旋轉(zhuǎn)60度,就輕易的得到我們需要的形狀了,而且,圓角矩形的圓角我們可以隨意更改。至于為什么旋轉(zhuǎn)60度,你稍微思考一下,就會(huì)明白的,這里我不說(shuō)。

下面,我們用幾個(gè)例子來(lái)練練手。

首先,來(lái)一個(gè)簡(jiǎn)單的分享圖標(biāo)。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)

這個(gè)圖標(biāo),應(yīng)該可以說(shuō)是非常的簡(jiǎn)單,我們第一眼看上去,可以明顯的看出,這個(gè)圖標(biāo),我們可以拆分成三個(gè)空心圓和兩個(gè)矩形,這就是我們的第一步,分析圖標(biāo)的基本形狀構(gòu)成。

理清了思路后,我們就可以開(kāi)始動(dòng)工,橢圓工具畫(huà)一個(gè)正圓,再?gòu)?fù)制一個(gè)圓,等比縮小,使用減去,我們就可以得到一個(gè)空心圓。

基礎(chǔ)教程,用基礎(chǔ)形狀繪制圖標(biāo)