![[Photoshop實例]網(wǎng)頁設(shè)計中常見卷頁效果制作教程 來源: www.z990.com](http://image102.360doc.com/DownloadImg/2016/12/1313/86721049_1.jpg)
最終效果
![[Photoshop實例]網(wǎng)頁設(shè)計中常見卷頁效果制作教程 來源: www.z990.com](http://image102.360doc.com/DownloadImg/2016/12/1313/86721049_2.jpg)
1) 利用圓角矩形工具建立一條路徑；使用轉(zhuǎn)換點工具移動左上角路徑節(jié)點，使其產(chǎn)生卷頁的形狀；
![[Photoshop實例]網(wǎng)頁設(shè)計中常見卷頁效果制作教程 來源: www.z990.com](http://image102.360doc.com/DownloadImg/2016/12/1313/86721049_3.jpg)
2) 用任意一種色彩填充工作路徑；再復制下半部分；對其添加圖層樣式,如圖所示。
![[Photoshop實例]網(wǎng)頁設(shè)計中常見卷頁效果制作教程 來源: www.z990.com](http://image102.360doc.com/DownloadImg/2016/12/1313/86721049_4.jpg)
3) 用任意一種色彩繪制一個圓角矩形；將其圖層移至紅色矩形之后;添加圖層樣式，如圖所示。
![[Photoshop實例]網(wǎng)頁設(shè)計中常見卷頁效果制作教程 來源: www.z990.com](http://image102.360doc.com/DownloadImg/2016/12/1313/86721049_5.jpg)
4) 再新建一層，繪制圓色矩形，顏色為黑色，高度與紅色矩形相同，按CTRL鍵點擊黑色矩形所在圖層，調(diào)出黑色矩形選區(qū)，將選區(qū)向左移動一定的距離，按Delete鍵刪除；將黑色矩形置到白色矩形下面，改變其圖層透明度40%；如圖所示。
