當(dāng)前位置:首頁>ps實(shí)例教程>ps制作實(shí)例>背景壁紙>教程內(nèi)容

背景圖案,設(shè)計幾何圖案背景圖片(6)

來源:站酷 作者:daxiachica 學(xué)習(xí):9670人次

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

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

2.第一個幾何形狀

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP 5:選擇多邊形工具,畫一個六角星,參數(shù)如下。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

1.第二個形狀

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

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP3:畫一個稍大的圓,直徑30px。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP5:復(fù)制這個三角形,移動到圓形下方并翻轉(zhuǎn),達(dá)到如下效果。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP6:選擇這兩個三角形,復(fù)制并旋轉(zhuǎn)30度。然后重復(fù)這個步驟,達(dá)到如下效果。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP8:畫一個橢圓,參數(shù)及位置如下。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP9:選擇轉(zhuǎn)換錨點(diǎn)工具,將橢圓的上下兩個錨點(diǎn)變?yōu)榧饨恰?/p>

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP10:復(fù)制這個形狀,放在下方。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP11:選中這兩個圖形,復(fù)制并旋轉(zhuǎn)15度,最終達(dá)到如下效果。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP13:畫一個六角星,不要忘記調(diào)整錨點(diǎn)哦。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP14:復(fù)制這個小圓和六角星,放置到大圓的右上、右下、左下,就完成啦。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

4.第三個圖案

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP2:選中這兩個圓,復(fù)制并旋轉(zhuǎn)60度。最終達(dá)到如下效果。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP5:復(fù)制并旋轉(zhuǎn)30度,重復(fù)這個步驟,最終效果如下。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP8:再細(xì)致點(diǎn)就可以把每個六邊形調(diào)成上下方向的。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP11:復(fù)制并旋轉(zhuǎn)15度,重復(fù)這個步驟,效果如圖。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

STEP2:同樣的方法應(yīng)用于第二個圖形,這次是放在四個角上。

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

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

背景圖案,設(shè)計幾何圖案背景圖片_www.theoat.com.cn

總結(jié):

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!