在今天的教程里，你學(xué)到的最有價(jià)值的東西是，作者巧妙的創(chuàng)作思路，突破了平常設(shè)計(jì)思維的墻。當(dāng)然，還有他對(duì)幾何形狀的高超使用技巧，教程不長(zhǎng)，非常適合新手練習(xí)！

抽象幾何圖案在西方也被叫做“希臘藝術(shù)”，或者“地中海風(fēng)格”，相傳它起源于公元前900年到700年間的古希臘，最初是在花瓶裝飾畫(huà)中產(chǎn)生的。它是由諸如方形、圓形、三角形等基本的幾何圖案經(jīng)過(guò)藝術(shù)的處理和加工產(chǎn)生的一種藝術(shù)形式。

抽象幾何的風(fēng)格鮮明，經(jīng)過(guò)歲月的演化，它從古典藝術(shù)中分離出來(lái)，搖身變?yōu)槟Φ?、時(shí)尚、簡(jiǎn)潔的代言風(fēng)格。在我們?nèi)粘Ｉ钤O(shè)計(jì)中，會(huì)常?？吹剿拇嬖?，甚至在最近流行的低多邊形也可以看到這類藝術(shù)形式的影子。

最近流行的低多邊形效果超簡(jiǎn)單創(chuàng)作教程，迅速上手戳：《簡(jiǎn)易教程出來(lái)啦！教你幾步創(chuàng)建超火的多邊形背景》

今天我們就來(lái)學(xué)習(xí)如果制作這類抽象幾何風(fēng)格的海報(bào)，并且我們要為這幅海報(bào)添加GRUNGE的質(zhì)感，讓它顯得懷舊，又不失大氣、時(shí)尚。

素材微盤(pán)下載：GRUNGE紋理圖案

二、幾何圖形的構(gòu)建

1、打開(kāi)AI開(kāi)始畫(huà)圖形的基本結(jié)構(gòu)

讓我們先畫(huà)上幾個(gè)最基礎(chǔ)的長(zhǎng)方形，長(zhǎng)方形按照下面的方式排列，你也可以根據(jù)自己喜歡的方式構(gòu)圖。沒(méi)錯(cuò)！有人說(shuō)這是不是有些像建筑戶型圖？這也許是這類構(gòu)圖最直接的靈感來(lái)源哦！

抽象構(gòu)圖似乎沒(méi)有明確的規(guī)律可循，自然隨機(jī)的進(jìn)行創(chuàng)造即可，如果實(shí)在對(duì)此有疑問(wèn)的，可以參考云朵在天空上的那種自由自在的復(fù)雜變化。停下來(lái)好好觀察晴朗的天空吧~

在畫(huà)基礎(chǔ)圖形時(shí)，必須注意這里要用長(zhǎng)方形來(lái)構(gòu)圖，而切忌讓直線參與進(jìn)來(lái)。這樣做的理由是等下當(dāng)我們?cè)跒槊總€(gè)長(zhǎng)方形填充色彩的時(shí)候，用直線的地方顯然是無(wú)法順利填充的。

當(dāng)然了，每個(gè)長(zhǎng)方形邊緣都保持兩兩重疊的，沒(méi)有縫隙，這樣的圖形才會(huì)看上去更精美。

讓我們?cè)倮^續(xù)多添加幾個(gè)長(zhǎng)方形，它最終變成了這個(gè)樣子

2、變形

接下來(lái)，按照上下兩個(gè)矩形為一列，對(duì)圖形進(jìn)行變形。變形的方式有很多，今天我們所使用的是“傾斜”工具。

選擇【對(duì)象>變換>傾斜】，彈出傾斜設(shè)置面板，在面板中的角度內(nèi)輸入-40度，“軸”這個(gè)選項(xiàng)里選擇“垂直”，點(diǎn)擊確認(rèn)后，圖形就發(fā)生了變換。

當(dāng)你把角度變?yōu)?0度時(shí)，圖形就朝著相反的地方傾斜，經(jīng)過(guò)這樣相錯(cuò)傾斜的角度的調(diào)整后的效果如下：

3、上色

讓我們開(kāi)始為每一塊圖形上色吧，在這里我使用的是紅黃藍(lán)三種顏色，你也可以自由發(fā)揮。有的選擇整塊填充，有的使用漸變，而其中有的我還選用了色板中的基本線條圖案。

【窗口>色板>打開(kāi)色板庫(kù)>圖案>基本圖形>基本圖形-線條】

當(dāng)選中你要填充的對(duì)象，再點(diǎn)選相應(yīng)圖案，對(duì)象就變?yōu)榱司€條圖案填充。

如果你不懂上色，那么這組資源太及時(shí)了，立刻幫上忙！《隨取隨用！專屬扁平化設(shè)計(jì)的PS色板（配色庫(kù)）》

這里對(duì)色彩的協(xié)調(diào)搭配是重要的，基本的要點(diǎn)有一個(gè)那就是盡量保持在3—5個(gè)顏色內(nèi)，這樣會(huì)讓整個(gè)畫(huà)面不顯凌亂，最后我做出的效果如下：

三、PS里的效果處理

1、將圖形輸出為PNG文檔后，記得去掉背景色。然后打開(kāi)PS，新建一個(gè)文檔，尺寸自理。填充背景色為黑色，然后將剛剛做好的PNG圖案加入。

2、夜光效果

怎樣添加一點(diǎn)夜光效果呢？大家可以在此停下來(lái)想想，將它的顏色減淡？透明度調(diào)低？增加一層顏色漸變圖層？還是？……

這里我要使用的是一個(gè)新方法：復(fù)制圖案的圖層，將圖案的復(fù)制層進(jìn)行高斯模糊。再將模糊的圖層模式改為濾色，透明度降低為80%。高斯模糊的像素根據(jù)你的圖像大小而定，目標(biāo)是讓圖案看上去稍微有點(diǎn)在黑暗中的夜光效果。

3、懷舊效果

增加懷舊感的做法是，打開(kāi)最初準(zhǔn)備好的紋理圖案，圖層模式為正片疊底。這時(shí)它就整個(gè)與圖案相融合，讓圖案變出了懷舊感的紋理。

這時(shí)我們還可以試用GRUNGE畫(huà)筆繼續(xù)進(jìn)行修飾，讓整個(gè)海報(bào)的懷舊氛圍更加濃郁哦~

總結(jié)

將一張圖案變成GRUNGE風(fēng)格顯得好像真的很容易，但是往往在實(shí)踐過(guò)程中，有時(shí)候我們的思維就是兜不了我們想要去到的地方，試錯(cuò)也是成功的開(kāi)始。希望大家能繼續(xù)尋找更好的制作方法，享受設(shè)計(jì)的過(guò)程！

超有范的海報(bào)教程合集！

新手起步！手把手教你做復(fù)古海報(bào)！
《新手教程！教你利用PS制作一個(gè)復(fù)古風(fēng)格的行星景觀海報(bào)》

中級(jí)教程！最新的Apple發(fā)布會(huì)海報(bào)詳細(xì)教程！
《PS教程：手把手教你做蘋(píng)果WWDC2014 風(fēng)格海報(bào)》

高級(jí)教程！學(xué)會(huì)了就再也不怕海報(bào)創(chuàng)作咯！
《PS高級(jí)教程：教你合成超酷的時(shí)尚音樂(lè)海報(bào)》

原文地址：jianshu
作者：@飛屋睿UIdesign

【優(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ì)微博：擁有粉絲量77萬(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
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：