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

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

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

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

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

素材微盤下載：GRUNGE紋理圖案

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

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

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

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

在畫基礎(chǔ)圖形時，必須注意這里要用長方形來構(gòu)圖，而切忌讓直線參與進(jìn)來。這樣做的理由是等下當(dāng)我們在為每個長方形填充色彩的時候，用直線的地方顯然是無法順利填充的。

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

讓我們再繼續(xù)多添加幾個長方形，它最終變成了這個樣子

2、變形

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

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

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

3、上色

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

【窗口>色板>打開色板庫>圖案>基本圖形>基本圖形-線條】

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

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

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

三、PS里的效果處理

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

2、夜光效果

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

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

3、懷舊效果

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

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

總結(jié)

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

超有范的海報教程合集！

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

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

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

原文地址：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"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量77萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：