ps設(shè)計(jì)淘寶活動(dòng)宣傳海報(bào)實(shí)例

這個(gè)實(shí)例是模仿天貓服飾活動(dòng)頁(yè)做的一個(gè)banner，在藍(lán)色理想論壇有網(wǎng)友對(duì)實(shí)例中的立體格子背景做法疑問(wèn)，我靜下心來(lái)，花了點(diǎn)時(shí)間將效果做出來(lái)。立體格子的結(jié)構(gòu)比較簡(jiǎn)單，主要是要認(rèn)真觀(guān)察細(xì)節(jié)，處理好陰影的效果。

高清圖片：http://pan.baidu.com/share/link?shareid=125546&uk=3708036670

教程詳情

程序: Adobe Photoshop cs6

難度:中級(jí)

預(yù)計(jì)完成時(shí)間: 1 小時(shí)

天貓服飾banner 最終效果圖

下圖為天貓服飾原圖

第一步

1、按ctrl+N,新建一個(gè)文檔，大小1200x500px，命名為“tmall_banner”

2、用矩形工具(U)，繪制一個(gè) 1200x500 的長(zhǎng)方形，顏色為 #465074，并將圖層命名為“背景01”

第二步

1、復(fù)制圖層“背景01”，將矩形改成漸變填充(#465074 -- #6676aa -- #465074)

2、添加蒙版，用漸變工具在蒙版上拉出左右兩個(gè)漸變

注意：漸變條的設(shè)置，一邊黑色，另外一邊透明

第三步

1、制作單個(gè)格子，用矩形工具(U)，繪制一個(gè) 125x125 的正方形，顏色 #465173

2、對(duì)齊正方形邊緣拉出參考線(xiàn)，并在添加4個(gè)節(jié)點(diǎn)，如下圖所示

3、刪除相應(yīng)節(jié)點(diǎn)，并向上移動(dòng)底部中間的節(jié)點(diǎn)

第四步

1、復(fù)制上一步生成的圖層，命名為“底板” 顏色改為#7789c7，調(diào)整節(jié)點(diǎn)如下圖

2、用鋼筆工具(P),繪制左邊側(cè)板形狀，顏色 #6579af，接著繪制右側(cè)板 顏色為 #596792