簡易教程出來啦!教你幾步創建超火的多邊形背景

最近多邊形太熱門了,今天分享一篇教程,效果類似多邊形背景,但是僅僅11步就可以完成!雖然步驟簡單,但效果絕對是杠杠的!對于甲方催命的設計師來說,這個教程絕對是15分鐘緊急活命工具!特!別!強!調!幾乎任何一張圖都可以利用這種手法完成高大上背景的創建,堪稱背景界的萬金油!

簡單的秘訣在于,我們是利用一張背景圖來完成的,所以,你選擇的大圖決定了背景的色彩,在這里,我們選擇這張圖:

簡易教程出來啦!教你幾步創建超火的多邊形背景

原始圖片鏈接:download the photograph,高清達9M,作者:Fré Sonneveld

Step 1

新建文件,大小根據你的背景需求就好,3000 * 2000px 大小足以覆蓋任何屏幕了。

簡易教程出來啦!教你幾步創建超火的多邊形背景

Step 2

將背景圖拖進來,右鍵轉換成智能對象,復制兩次,這樣你就有了3個相同的圖層

簡易教程出來啦!教你幾步創建超火的多邊形背景

Step 3

重命名后將后倆圖層隱藏起來(單擊前邊的小眼睛)。命名方式圖層1,圖層2,圖層3

簡易教程出來啦!教你幾步創建超火的多邊形背景

Step 4

在第一個背景圖層里應用高斯模糊,半徑是250 px。

簡易教程出來啦!教你幾步創建超火的多邊形背景

Step 5

選擇第二個圖層,重復上一步操作。

簡易教程出來啦!教你幾步創建超火的多邊形背景
簡易教程出來啦!教你幾步創建超火的多邊形背景

Step 6

還是第二個圖層,單擊濾鏡 > 像素化 > 晶格化,大小還是250 px,接著單擊濾鏡 > 風格化 ?> 查找邊緣。

簡易教程出來啦!教你幾步創建超火的多邊形背景
簡易教程出來啦!教你幾步創建超火的多邊形背景

Step 7

添加一個反相調整圖層與色彩/飽和度調整圖層,都為它們創建剪切蒙版,這樣就可以只應用在第二個圖層了。

簡易教程出來啦!教你幾步創建超火的多邊形背景

然后將飽和度拉到-100

簡易教程出來啦!教你幾步創建超火的多邊形背景

Step 8

將第二個圖層的混合方式改為濾色。

簡易教程出來啦!教你幾步創建超火的多邊形背景

Step 9

回到圖層3,同前面一樣,應用高斯模糊和晶格化濾鏡,參數如上。

簡易教程出來啦!教你幾步創建超火的多邊形背景
簡易教程出來啦!教你幾步創建超火的多邊形背景
簡易教程出來啦!教你幾步創建超火的多邊形背景

Step 10

為圖層3創建調色相/飽和度整圖層,創建剪切蒙版,飽和度拉到-100

簡易教程出來啦!教你幾步創建超火的多邊形背景

Step 11

圖層混合模式改為疊加。

簡易教程出來啦!教你幾步創建超火的多邊形背景

吶,就這么簡單!大功告成!

簡易教程出來啦!教你幾步創建超火的多邊形背景
簡易教程出來啦!教你幾步創建超火的多邊形背景

有深淺,有對比,多邊形效果瞬間出爐!

利用這種手法,創建的背景,像這樣:

簡易教程出來啦!教你幾步創建超火的多邊形背景
簡易教程出來啦!教你幾步創建超火的多邊形背景

還有這樣...

簡易教程出來啦!教你幾步創建超火的多邊形背景

附多邊形超火文:
《這效果超火!教你創建高大上的多邊形字體》
《大福利!350M高分辨率低多邊形背景圖打包下載!》

原文地址:medialoot
優設網翻譯:程遠

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量73萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

簡易教程出來啦!教你幾步創建超火的多邊形背景

收藏 15
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。