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

背景教程!教你利用PS和AI制作蜂巢背景圖片(5)

來源:ifeiwu 作者:飛屋睿UIdesign 學(xué)習(xí):22361人次

今天我們要學(xué)的蜂巢炫彩圖案,過程簡(jiǎn)單,且學(xué)會(huì)這個(gè)方法,可以幫你打造成千上萬的背景。相信我,相比到圖庫(kù)里找現(xiàn)成的背景,動(dòng)手制作永遠(yuǎn)是退貨率最低而自己也能從中學(xué)習(xí)到更多的方式。

背景教程!教你利用PS和AI制作蜂巢背景圖片
一、制作背景色

這里,我將采用我習(xí)慣的利用圖片作為炫彩背景色素材的取色方式,找圖的時(shí)候最好找一些顏色相對(duì)豐富一點(diǎn)的圖片。然后打開PS,新建一個(gè)1800px*1200px的文檔,將圖片拖入其中,調(diào)整到合適的大小。

背景教程!教你利用PS和AI制作蜂巢背景圖片

采用快捷鍵Ctrl+J復(fù)制背景圖,將復(fù)制后的背景層的圖層名稱改為模糊層。根據(jù)改動(dòng)的名稱,大家也許已經(jīng)猜到我要做什么了。沒錯(cuò)!對(duì)這個(gè)模糊層進(jìn)行高斯模糊。進(jìn)入【濾鏡>模糊>高斯模糊】,模糊大小盡量偏大,我在這里設(shè)置為400px。

背景教程!教你利用PS和AI制作蜂巢背景圖片

接下來讓我們?yōu)閳D層增加一點(diǎn)雜色顆粒效果,復(fù)制模糊層(Ctrl+J),進(jìn)入【濾鏡>雜色>添加雜色】,雜色數(shù)量為15%,高斯分布,取消單色。大家可以在玩參數(shù)的時(shí)候,仔細(xì)觀察相應(yīng)的效果變化,日后對(duì)該濾鏡的運(yùn)用會(huì)更加自如,當(dāng)然也就更加方便快捷。

背景教程!教你利用PS和AI制作蜂巢背景圖片

這時(shí),讓我們將雜色層的混合模式改為“疊加”,并對(duì)填充降低至60%。

背景教程!教你利用PS和AI制作蜂巢背景圖片

如果對(duì)色彩效果不甚滿意,還可以利用調(diào)色工具繼續(xù)調(diào)試。例如我在這里利用“亮度/對(duì)比度”調(diào)整圖層,稍微增加了一些亮度和對(duì)比度。這里由于使用的圖片不一樣,大家對(duì)圖片調(diào)色方式也不太一樣。我的背景色最后效果如下:

背景教程!教你利用PS和AI制作蜂巢背景圖片
二、繪制蜂巢圖案

打開AI,繪制蜂巢圖案。新建一個(gè)和PS里原有圖像大小相同的文檔。

背景教程!教你利用PS和AI制作蜂巢背景圖片

在新建文檔中,利用多邊形工具,在畫布上繪制第一個(gè)六邊形。對(duì)于蜂巢,相信大家已經(jīng)見過很多,大自然的視覺秘密之一就是任何圖案都可以利用最基礎(chǔ)的幾何圖形加以組合就能繪制出來。對(duì)于這個(gè)秘密,AI軟件應(yīng)該對(duì)此心知肚明,所以只為我們準(zhǔn)備了基礎(chǔ)的幾何圖形,通過相應(yīng)的組合和變化我們就可以創(chuàng)作出任何圖像。對(duì)于這一點(diǎn),我們平時(shí)就要細(xì)心留意大自然給我們的視覺信息,加以收集積累。

選中“多邊形圖形工具”,在畫布上雙擊鼠標(biāo)左鍵,即彈出多邊形的對(duì)話框。在此可以設(shè)置多邊形的大小和邊數(shù)。我們的蜂巢圖案是由6個(gè)等邊組成,因此邊數(shù)設(shè)置為6,這里的半徑也是指多邊形的邊長(zhǎng)到中心點(diǎn)的距離,這里我設(shè)置為30px。這時(shí)的填充是保持為默認(rèn)的白色填充和黑色描邊。

背景教程!教你利用PS和AI制作蜂巢背景圖片

如果我們?cè)僮屑?xì)回憶蜂巢的圖案造型,就會(huì)發(fā)現(xiàn)組成蜂巢的多邊形角度和我現(xiàn)在畫上的多邊形角度是不同的,我所畫的多邊形是邊長(zhǎng)為底,蜂巢的圖案則是邊角為底。這就需要為這個(gè)基礎(chǔ)圖案進(jìn)行旋轉(zhuǎn)處理。旋轉(zhuǎn)的角度,根據(jù)多邊形的法則,每個(gè)邊角角度為60°,那么現(xiàn)在我們要將邊角旋轉(zhuǎn)60°的一半,也就是30°。藝術(shù)的本質(zhì)是科學(xué),大家在這里可以稍加體會(huì)。

選中圖形,點(diǎn)擊鼠標(biāo)右鍵,右鍵彈出的菜單中點(diǎn)擊“旋轉(zhuǎn)”,在旋轉(zhuǎn)設(shè)置面板中,旋轉(zhuǎn)角度設(shè)置為30°。

背景教程!教你利用PS和AI制作蜂巢背景圖片

讓我們?yōu)榉涑蔡钌以谶@里打算利用漸變來為它填色,描邊繼續(xù)保持不變。這樣的填色方式讓最終效果顯現(xiàn)出透明感。選中圖形,然后進(jìn)入外觀的面板。在外觀的填色中選擇漸變色板,然后打開漸變填色,漸變的設(shè)置如下圖所示。

背景教程!教你利用PS和AI制作蜂巢背景圖片

采用快捷鍵Ctrl+U,打開智能參考線,然后選中這個(gè)多邊形后,同時(shí)按下ALT鍵,拖動(dòng)圖形,這時(shí)智能參考線會(huì)幫助你對(duì)齊兩個(gè)圖形。讓它們并列排列在一起。這時(shí)再選中復(fù)制后的圖形,繼續(xù)使用快捷組合鍵Ctrl+D,重復(fù)上一步操作。也就是不斷重復(fù)將新的拷貝圖形再進(jìn)行拷貝并對(duì)其排列。這樣我們很輕松就獲得一排整齊多邊形。這時(shí)為了讓多邊形方便不斷重復(fù)操作形成排列,最好把第一個(gè)多邊形放置于畫布的一角。

背景教程!教你利用PS和AI制作蜂巢背景圖片

把一整排多邊形編組后,再?gòu)?fù)制該組,放置于其上方。然后繼續(xù)這樣復(fù)制,讓多邊形鋪滿差不多整個(gè)畫布。當(dāng)然你也可以完成第一次復(fù)制后,剩下的重復(fù)步驟采用Ctrl+D的快捷鍵方法。前提是要保證第一步要讓多邊形的邊對(duì)齊。

這時(shí),它已經(jīng)有了蜂巢的樣式了。

背景教程!教你利用PS和AI制作蜂巢背景圖片
三、融合背景色

做好的蜂巢圖案可以將它們?cè)贏I全部編組后,點(diǎn)擊Ctrl+C,直接復(fù)制,然后打開第一步在PS中做好的背景色文檔,直接粘貼Ctrl+V。在彈出的粘貼選項(xiàng)中選擇“智能對(duì)象”,點(diǎn)擊確定。

背景教程!教你利用PS和AI制作蜂巢背景圖片

如果我們要為這個(gè)圖案變換顏色,只需要增加一個(gè)顏色疊加的圖層樣式。例如我在這里選擇白色疊加。

背景教程!教你利用PS和AI制作蜂巢背景圖片

然后將這個(gè)圖案圖層的混合模式改為“顏色減淡”,透明度降低為30%。

背景教程!教你利用PS和AI制作蜂巢背景圖片

作為背景來搭配相應(yīng)的圖形和文字,表現(xiàn)效果良好。

背景教程!教你利用PS和AI制作蜂巢背景圖片

看了我的實(shí)例,相信還是只有動(dòng)手才能對(duì)本篇教程深入體會(huì)。認(rèn)真感受每個(gè)步驟所能探索的極限,而不要完全參照實(shí)例。嘗試讓自己走得更遠(yuǎn)!

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
默默守護(hù)NM2017-01-30 06:22
這. 合背景就合不上了 ,, 自學(xué)的話 還真有點(diǎn)困難。
默默守護(hù)NM2017-01-30 06:01
這. 合背景就合不上了 ,, 自學(xué)的話 還真有點(diǎn)困難。
金牛菲菲552015-03-07 01:41
新方法學(xué)習(xí)了
龍城柯少2015-03-06 11:04
學(xué)習(xí)了,好東東
記憶淩亂不堪2015-03-06 08:36
真是復(fù)雜啊
琴淺唱2015-03-06 07:21
擠出一定要打好
天氣好你還好嗎2015-03-06 06:13
謝謝!樓主提供!好樣的
斷橋殘雪2015-03-06 06:08
真心是看不懂 做不出來啊
彪彪闖天涯2015-03-06 10:56
比較猛比較猛,就是那個(gè)太麻煩了沒看懂
零點(diǎn)反恐2015-03-06 09:09
我是新來的 多向大家學(xué)習(xí)啊
賣燒餅的小土豆2015-03-06 07:15
謝謝大大提供那么棒的教學(xué)喲
天綠華揚(yáng)許2015-03-06 04:23
真復(fù)雜啊~~~~~

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

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