第1步
準備一張作為banner背景的照片，下面我們以下圖作為演示。
image.png
第2步
復制兩次背景層。
image.png
第3步
使用自由變換工具（Ctrl + T 或選擇主菜單”編輯”>”自由變換”）讓圖像水平傾斜45度。
image.png
第4步
主菜單”濾鏡”>”像素化”>”馬賽克”，調整單元格的大小，大小根據你的banner圖像大小來設置，這里是3888x2554px，所以我們設置為128px大小。
image.png
第5步
使用自由變換工具（主菜單”編輯”>”自由變換”）讓圖像水平傾斜「-45度」。（其實就是第3步的相反方向）
image.png
第6步
設置此圖層的不透明度為50%」。
image.png
第7步
選擇中間層，使用自由變換工具（Ctrl + T），讓圖像水平傾斜「-45度」。
image.png
第8步
再使用一次相同的馬賽克濾鏡（提示：Ctrl+F就可以重復上一次的濾鏡操作）
image.png
第9步
使用自由變換工具（Ctrl + T）讓圖像水平傾斜45度。
image.png
第10步
這步差不多完成了，把圖像放大一點，我們可以看到邊緣不是很對齊，解決方法是通過鍵盤左或右鍵來輕移圖層，全其對齊，對齊后是三角形狀的。
image.png
接下來banner的背景已經完成。
image.png
最終效果圖
這里我們可以添加一些漂亮的字體來設計這個banner，推薦你從這里下載優秀英文字體。如果想查找一些排版靈感，可以看看《文字與圖片排版靈感》一文。
image.png
轉自設計達人。
