@設(shè)計(jì)達(dá)人網(wǎng) 多邊形是可以很漂亮的，今天我們分享一個(gè)使用Photoshop來制作三角形像素效果的banner教程，只需幾個(gè)簡(jiǎn)單的步驟即可完成，而且出來的效果也很贊哦，先來看看效果圖，如果有興趣，請(qǐng)繼續(xù)往下看。

相關(guān)教程：
使用PS創(chuàng)建夢(mèng)幻迷離的彩虹背景
輕松幾步創(chuàng)建簡(jiǎn)潔幾何組合背景

使用軟件：Photoshop CS5（當(dāng)然較舊版本也可以）
教程難度：初級(jí)
所需要時(shí)間：5-10分鐘

第1步

準(zhǔn)備一張作為banner背景的照片，下面我們以下圖作為演示。

第2步

復(fù)制兩次背景層。

第3步

使用自由變換工具（Ctrl + T 或選擇主菜單”編輯”>”自由變換”）讓圖像水平傾斜45度。

第4步

主菜單”濾鏡”>”像素化”>”馬賽克”，調(diào)整單元格的大小，大小根據(jù)你的banner圖像大小來設(shè)置，這里是3888x2554px，所以我們?cè)O(shè)置為128px大小。

第5步

使用自由變換工具（主菜單”編輯”>”自由變換”）讓圖像水平傾斜「-45度」。（其實(shí)就是第3步的相反方向）

第6步

設(shè)置此圖層的不透明度為50%」。

第7步

選擇中間層，使用自由變換工具（Ctrl + T），讓圖像水平傾斜「-45度」。

第8步

再使用一次相同的馬賽克濾鏡（提示：Ctrl+F就可以重復(fù)上一次的濾鏡操作）

第9步

使用自由變換工具（Ctrl + T）讓圖像水平傾斜45度。

第10步

這步差不多完成了，把圖像放大一點(diǎn)，我們可以看到邊緣不是很對(duì)齊，解決方法是通過鍵盤左或右鍵來輕移圖層，全其對(duì)齊，對(duì)齊后是三角形狀的。

接下來banner的背景已經(jīng)完成。

最終效果圖

這里我們可以添加一些漂亮的字體來設(shè)計(jì)這個(gè)banner，推薦你來這里瞧瞧 ?→ ?最值得收藏的65套英文字體，微盤打包好哦
如果想查找一些排版靈感，可以來這里看看 → 排版技巧及優(yōu)秀排版欣賞

原文地址：設(shè)計(jì)達(dá)人

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請(qǐng)國(guó)內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：15335158）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量41萬的人氣微博@優(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è)哥的全拼
您也可以通過掃描下方二維碼快速添加：