背景教程，教你制作無縫的背景填充圖案

把一些漂亮的圖形做成圖案，使用時(shí)直接填充即可，但是前提是要把這些圖案做成無縫圖案，那么怎么制作成無縫的填充圖案呢？今天就來教大家怎么做出無縫拼接的填充圖案。

幾何紋理應(yīng)該算作是頗具現(xiàn)代感的裝飾風(fēng)格，但將幾何形狀經(jīng)過創(chuàng)造性的疊加，就會(huì)組合成新的紋理圖案。這種圖案略帶復(fù)古風(fēng)味，我們可以運(yùn)用這些復(fù)古的紋樣打造無縫圖案，很多時(shí)候在傳統(tǒng)風(fēng)格的設(shè)計(jì)時(shí)，作為素材使用。今天@飛屋睿UIdesign 給同學(xué)們來個(gè)教程，收！

中國的傳統(tǒng)紋樣有很多值得借鑒的地方，于是我們從傳統(tǒng)紋樣的圖片中尋找創(chuàng)作靈感。

這些紋樣相對(duì)比較繁復(fù)，我們?cè)趧?chuàng)作時(shí)可以稍微將其簡化。你也可以在白紙上畫草圖，或者直接用手繪板畫出自己的構(gòu)想。

在開始動(dòng)手繪制圖案前，我們要大致對(duì)成品進(jìn)行一個(gè)總體規(guī)劃，即逆向推理。這聽起來是偵探小說的環(huán)節(jié)，其實(shí)在設(shè)計(jì)中也必不可少。你可以首先在大腦中構(gòu)想出一個(gè)理想效果，然后對(duì)這個(gè)效果進(jìn)行反推。

通常我把整個(gè)設(shè)計(jì)過程簡化為“構(gòu)圖”“細(xì)節(jié)處理”和“最終效果”這三個(gè)大環(huán)節(jié)，其中“構(gòu)圖”部分包括了對(duì)整體版式風(fēng)格的表現(xiàn)方式的選擇，細(xì)節(jié)處理就包括了配色、字體設(shè)計(jì)、排版等，而最終效果包括最終的細(xì)部調(diào)整等。這三個(gè)環(huán)節(jié)是一環(huán)緊扣一環(huán)前后相繼的，然而你也可以采用先通過想象最終效果，再來進(jìn)行構(gòu)圖和細(xì)節(jié)處理的順序。

比如在本例中，我的最終效果紋理是這樣一個(gè)簡單構(gòu)想。紋理由分別由大中小三個(gè)圖案組成。它們?cè)趩蝹€(gè)紋理的構(gòu)圖是這樣的。

有個(gè)大概的構(gòu)圖，我們就可以動(dòng)手開始繪制圖案了。

先讓我們繪制最小的圖案。打開PS，新建一個(gè)250*250px的文檔。打開文檔的標(biāo)尺，并運(yùn)用輔助線，將其定位到中心的位置。然后將前景色設(shè)置為紫色，填充紫色背景。如下圖所示。

以中心點(diǎn)的位置為圓心，用橢圓工具畫一個(gè)圓。這個(gè)圓保持填充為無，線條為1px，線條顏色為白色。

在這個(gè)圓的中心畫上許多小圓，這些小圓由一個(gè)作為花心，四周包圍，組合成一個(gè)簡單的花型。這也是最簡單的花型，取自蓮花花心的創(chuàng)意。

再畫上兩個(gè)長形的橢圓，讓它們擺成十字。放在剛剛的圖形上方，使之有交疊，這樣讓圖案更豐滿。