背景教程,教你制作無縫的背景填充圖案(3)
這時的圖形會顯得中間的位置有些空,因?yàn)槭菑?fù)古風(fēng)格,那么花紋盡量保持豐滿,因此我再添加上一圈橢圓,模擬花朵的形狀。然后再添加兩個重疊的小圓圈在每個矩形直角的頂部作為裝飾。外面的小圓圈的描邊線條為2px,內(nèi)部的為1px。
請記得檢查矩形的錨點(diǎn)是否和像素網(wǎng)格對齊。還是縮放到正常大小,將我們的中型的圖案編為一組,將其隱藏。
大型圖案的繪制
大型的圖案當(dāng)然是最為復(fù)雜的,但其實(shí)在演示了上面兩個圖案的繪制過程后,大家會發(fā)現(xiàn)其實(shí)這些圖案都是由非常簡單的圖形所構(gòu)成的。運(yùn)用簡單的幾何圖形就能創(chuàng)造出某種復(fù)雜美。
還是來繪制中心。這個中心的位置采用兩個圓組成,再在圓心中用橢圓組合一朵花型,大家可以仔細(xì)觀察發(fā)現(xiàn)花瓣是梭型的,這需要你先畫好長條的橢圓,然后利用轉(zhuǎn)換點(diǎn)工具點(diǎn)擊兩端對齊的錨點(diǎn),這時橢圓就變?yōu)榱怂笮汀?/p>
在圓的外部再用小圓組合圍繞,你可以先畫一個圓,再對稱放一個圓,然后把這個兩個圓旋轉(zhuǎn)30度,這樣重復(fù)這一步驟就能形成圍繞的圖形。然后用同樣的方式畫三角形。三角形的錨點(diǎn)對齊像素網(wǎng)格。
再畫上兩個大圓,描邊為2px,這時大圓外再在四角位置放置小圓,小圓內(nèi)用上自帶的矢量圖形,放置其中。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps制作實(shí)例
- 背景教程
- 飛屋睿UIdesign
- 背景圖案
- 圖案背景
學(xué)習(xí) · 提示
相關(guān)教程