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

2022-12-26 05:12:10 來源/作者: / 己有:10人學(xué)習(xí)過

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

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

尋找靈感

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

_024423DB-0.jpg

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

紋理的組合

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

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

_024423C21-1.jpg

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

_024423I32-2.jpg

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

小型圖案的繪制

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

_0244235A9-3.jpg

以中心點的位置為圓心,用橢圓工具畫一個圓。這個圓保持填充為無,線條為1px,線條顏色為白色。

_0244235b9-4.jpg

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

_024423M31-5.jpg

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

_0244232Z5-6.jpg