背景圖案，設計幾何圖案背景圖片(6)

復合的背景幾何圖案看著很麻煩很難做，其實只要掌握了技巧還是很容易的，今天就教大家怎么做復合的背景幾何圖案。喜歡的可以一起練習一下，練習的時候可以嘗試其他圖案，不用一定照著教程來做，做完記得交作業(yè)。先看看最終效果：


1.新建一個250*250px的文件，添加垂直、水平參考線，位置在畫布中間。這樣比較方便對比位置。畫布顏色改為#5a5b5d。

2.第一個幾何形狀

STEP 1：新建一個組-small pattern。使用橢圓工具，在畫布中心畫一個直徑40px的圓，填充無，描邊2pt，白色。

STEP 2：畫另一個較小圓，直徑20px，填充無，描邊1pt，白色。放在下圖的位置，即此圓圓心是大圓頂部和底部的錨點。

STEP 3：同樣的，再畫個兩個更小的圓，直徑10px，放在大圓兩邊。

STEP 4：選中左右兩側的最小圓，復制并旋轉30度。最終達到如下效果。

STEP 5：選擇多邊形工具，畫一個六角星，參數如下。

STEP 6：放大來檢查，選擇視圖-顯示-像素網格，對六角星的每個錨點進行調整，讓每個錨點都對應網格的交叉點。

然后我們第一個圖案就做好啦~是不是很簡單呢~

1.第二個形狀

STEP 1：建一個組-medpattern。在畫布中心畫一個圓，直徑20px，描邊1pt。

STEP 2：給這個圓添加個蒙版，達到如下效果，方法根據自己的喜好來。

STEP3：畫一個稍大的圓，直徑30px。

STEP4：選擇多邊形工具，畫一個三角形，描邊1pt，參數如下。別忘記調整每個錨點，讓它們都正好在網格的交叉點上。

STEP5：復制這個三角形，移動到圓形下方并翻轉，達到如下效果。

STEP6：選擇這兩個三角形，復制并旋轉30度。然后重復這個步驟，達到如下效果。

STEP7：畫一個直徑110px的大圓，描邊2pt。

STEP8：畫一個橢圓，參數及位置如下。

STEP9：選擇轉換錨點工具，將橢圓的上下兩個錨點變?yōu)榧饨恰?/p>

STEP10：復制這個形狀，放在下方。

STEP11：選中這兩個圖形，復制并旋轉15度，最終達到如下效果。

STEP12：畫一個圓，放在大圓的左上方，直徑20px，描邊1pt。

STEP13：畫一個六角星，不要忘記調整錨點哦。

STEP14：復制這個小圓和六角星，放置到大圓的右上、右下、左下，就完成啦。

4.第三個圖案

STEP1：先畫一個六角形，寬22px，高24px。再畫個圓直徑8px，放在六角形上方和下方。描邊都是2px。

STEP2：選中這兩個圓，復制并旋轉60度。最終達到如下效果。

STEP3：畫一個直徑50px的大圓，描邊2px，放在如下位置。

STEP4：畫個三角形，邊長30px，放在下圖位置。

STEP5：復制并旋轉30度，重復這個步驟，最終效果如下。

STEP6：用之前的方法，在每個三角形里加上一個圓，直徑14px，描邊1pt，效果如圖。

STEP7：用老辦法在每個小圓里加一個六角星。效果圖如下。

STEP8：再細致點就可以把每個六邊形調成上下方向的。

STEP9：畫一個大圓，直徑150px，描邊4pt。再畫一個稍小的圓，直徑118px，描邊2pt。

STEP10：畫一個小圓，直徑32px，描邊2pt，如圖。

STEP11：復制并旋轉15度，重復這個步驟，效果如圖。

STEP12：填加一個圓和六角星，效果如圖。就大功告成啦。

5.最后一步就是把這些圖形組合到一起。

STEP 1：讓第一個圖形可見，復制這個組并柵格化，圖層命名為S。將S復制成4個，分別放在如下位置。需要注意的是，這四個圖層都要放在每個邊的中心，這樣后期做成圖案并應用的時候才不會錯位。

STEP2：同樣的方法應用于第二個圖形，這次是放在四個角上。

STEP3：第三個圖形放在畫布中心。

STEP4：將這些圖形存儲為圖案。隱藏背景，Ctrl-A全選，點擊編輯-定義圖案，起個名字，一個自己制作的圖案就誕生了。然后就可以應用這個圖案看看效果如何了。最終效果如下。

總結：

通過這個教程可以知道，看起來很復雜的圖案，細分析起來都是由多個小圖案組成的。我們要做的就是先分解，之后畫圖形、復制、旋轉、組合……希望大家可以從這篇教程里得到些啟發(fā)。