題主的圖片效果可以用 多邊形套索填充+疊加/降低不透明度 做出來 多用幾個圖層疊加幾次。抱歉不清楚這種效果的名字：）類似效果的話,有一種叫 低多邊形附製作過程一枚 轉自優設網UISDC使用軟體：Photoshop CS5（當然較舊版本也可以）
教程難度：初級 所需要時間：5-10分鐘
準備一張作為banner背景的照片，下面我們以下圖作為演示。
複製兩次背景層。
使用自由變換工具（Ctrl + T 或選擇主選單”編輯”>”自由變換”）讓影象水平傾斜45度。
主選單”濾鏡”>”畫素化”>”馬賽克”，調整單元格的大小，大小根據你的banner影象大小來設定，這裡是3888x2554px，所以我們設定為128px大小。
使用自由變換工具（主選單”編輯”>”自由變換”）讓影象水平傾斜「-45度」。（其實就是第3步的相反方向）
設定此圖層的不透明度為50%」。
選擇中間層，使用自由變換工具（Ctrl + T），讓影象水平傾斜「-45度」。
再使用一次相同的馬賽克濾鏡（提示：Ctrl+F就可以重複上一次的濾鏡操作）
使用自由變換工具（Ctrl + T）讓影象水平傾斜45度。
這步差不多完成了，把影象放大一點，我們可以看到邊緣不是很對齊，解決方法是透過鍵盤左或右鍵來輕移圖層，全其對齊，對齊後是三角形狀的。
接下來banner的背景已經完成。
題主的圖片效果可以用 多邊形套索填充+疊加/降低不透明度 做出來 多用幾個圖層疊加幾次。抱歉不清楚這種效果的名字：）類似效果的話,有一種叫 低多邊形附製作過程一枚 轉自優設網UISDC使用軟體：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的背景已經完成。
原文地址Photoshop打造三角形酷炫畫素banner教程