@大俠阿蒼?：對(duì)很多人來(lái)說(shuō)，做一款復(fù)合幾何形圖案看起來(lái)很復(fù)雜（我也是這么覺(jué)得的），事實(shí)上操練一遍就懂里面的門(mén)道了，不信今天我們就來(lái)挑戰(zhàn)一回~

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

2. 第一個(gè)幾何形狀

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

STEP 2：畫(huà)另一個(gè)較小圓，直徑20px，填充無(wú)，描邊1pt，白色。放在下圖的位置，即此圓圓心是大圓頂部和底部的錨點(diǎn)。

STEP 3：同樣的，再畫(huà)個(gè)兩個(gè)更小的圓，直徑10px，放在大圓兩邊。

STEP 4：選中左右兩側(cè)的最小圓，復(fù)制并旋轉(zhuǎn)30度。最終達(dá)到如下效果。

STEP 5：選擇多邊形工具，畫(huà)一個(gè)六角星，參數(shù)如下。

STEP 6：放大來(lái)檢查，選擇視圖-顯示-像素網(wǎng)格，對(duì)六角星的每個(gè)錨點(diǎn)進(jìn)行調(diào)整，讓每個(gè)錨點(diǎn)都對(duì)應(yīng)網(wǎng)格的交叉點(diǎn)。

然后我們第一個(gè)圖案就做好啦~是不是很簡(jiǎn)單呢~

3. 第二個(gè)形狀

STEP 1：建一個(gè)組-med?pattern。在畫(huà)布中心畫(huà)一個(gè)圓，直徑20px，描邊1pt。

STEP 2：給這個(gè)圓添加個(gè)蒙版，達(dá)到如下效果，方法根據(jù)自己的喜好來(lái)。

STEP?3：畫(huà)一個(gè)稍大的圓，直徑30px。

STEP?4：選擇多邊形工具，畫(huà)一個(gè)三角形，描邊1pt，參數(shù)如下。別忘記調(diào)整每個(gè)錨點(diǎn)，讓它們都正好在網(wǎng)格的交叉點(diǎn)上。

STEP?5：復(fù)制這個(gè)三角形，移動(dòng)到圓形下方并翻轉(zhuǎn)，達(dá)到如下效果。

STEP?6：選擇這兩個(gè)三角形，復(fù)制并旋轉(zhuǎn)30度。然后重復(fù)這個(gè)步驟，達(dá)到如下效果。

STEP?7：畫(huà)一個(gè)直徑110px的大圓，描邊2pt。

STEP?8：畫(huà)一個(gè)橢圓，參數(shù)及位置如下。

STEP?9：選擇轉(zhuǎn)換錨點(diǎn)工具，將橢圓的上下兩個(gè)錨點(diǎn)變?yōu)榧饨恰?/p>

STEP?10：復(fù)制這個(gè)形狀，放在下方。

STEP?11：選中這兩個(gè)圖形，復(fù)制并旋轉(zhuǎn)15度，最終達(dá)到如下效果。

STEP?12：畫(huà)一個(gè)圓，放在大圓的左上方，直徑20px，描邊1pt。

STEP?13：畫(huà)一個(gè)六角星，不要忘記調(diào)整錨點(diǎn)哦。

STEP?14：復(fù)制這個(gè)小圓和六角星，放置到大圓的右上、右下、左下，就完成啦。

4. 第三個(gè)圖案

STEP?1：先畫(huà)一個(gè)六角形，寬22px，高24px。再畫(huà)個(gè)圓直徑8px，放在六角形上方和下方。描邊都是2px。

STEP?2：選中這兩個(gè)圓，復(fù)制并旋轉(zhuǎn)60度。最終達(dá)到如下效果。

STEP?3：畫(huà)一個(gè)直徑50px的大圓，描邊2px，放在如下位置。

STEP?4：畫(huà)個(gè)三角形，邊長(zhǎng)30px，放在下圖位置。

STEP?5：復(fù)制并旋轉(zhuǎn)30度，重復(fù)這個(gè)步驟，最終效果如下。

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

STEP?7：用老辦法在每個(gè)小圓里加一個(gè)六角星。效果圖如下。

STEP?8：再細(xì)致點(diǎn)就可以把每個(gè)六邊形調(diào)成上下方向的。

STEP?9：畫(huà)一個(gè)大圓，直徑150px，描邊4pt。再畫(huà)一個(gè)稍小的圓，直徑118px，描邊2pt。

STEP?10：畫(huà)一個(gè)小圓，直徑32px，描邊2pt，如圖。

STEP?11：復(fù)制并旋轉(zhuǎn)15度，重復(fù)這個(gè)步驟，效果如圖。

STEP?12：填加一個(gè)圓和六角星，效果如圖。就大功告成啦。

5. 把這些圖形組合到一起

STEP 1：讓第一個(gè)圖形可見(jiàn)，復(fù)制這個(gè)組并柵格化，圖層命名為S。將S復(fù)制成4個(gè)，分別放在如下位置。需要注意的是，這四個(gè)圖層都要放在每個(gè)邊的中心，這樣后期做成圖案并應(yīng)用的時(shí)候才不會(huì)錯(cuò)位。

STEP?2：同樣的方法應(yīng)用于第二個(gè)圖形，這次是放在四個(gè)角上。

STEP?3：第三個(gè)圖形放在畫(huà)布中心。

STEP?4：將這些圖形存儲(chǔ)為圖案。隱藏背景，Ctrl-A全選，點(diǎn)擊編輯-定義圖案，起個(gè)名字，一個(gè)自己制作的圖案就誕生了。然后就可以應(yīng)用這個(gè)圖案看看效果如何了。最終效果如下：

總結(jié)：

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

【這些超寫(xiě)實(shí)的效果怎么做出來(lái)？】

細(xì)膩逼真的沙子怎么做？
《PS教程！手把手把教你創(chuàng)建超寫(xiě)實(shí)的金屬質(zhì)感沙漏》

西瓜效果的制作過(guò)程！
《AI進(jìn)階教程！手把手教你創(chuàng)建清涼可口的西瓜字效》

鉆石彩虹項(xiàng)鏈怎么做？
《PS教程！手把手教你打造一個(gè)七彩虹文字掛鏈》

作者：@大俠阿蒼

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量100萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com