Photoshop打造三角形酷炫像素banner教程

@設計達人網 多邊形是可以很漂亮的，今天我們分享一個使用Photoshop來制作三角形像素效果的banner教程，只需幾個簡單的步驟即可完成，而且出來的效果也很贊哦，先來看看效果圖，如果有興趣，請繼續往下看。

相關教程：
使用PS創建夢幻迷離的彩虹背景
輕松幾步創建簡潔幾何組合背景

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

第1步

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

第2步

復制兩次背景層。

第3步

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

第4步

主菜單”濾鏡”>”像素化”>”馬賽克”，調整單元格的大小，大小根據你的banner圖像大小來設置，這里是3888x2554px，所以我們設置為128px大小。

第5步

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

第6步

設置此圖層的不透明度為50%」。

第7步

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

第8步

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

第9步

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

第10步

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

接下來banner的背景已經完成。

最終效果圖

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

原文地址：設計達人

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量41萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：