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