旺鋪裝修之促銷區(qū)制作

1、用PS打開素材圖片，在工具欄中選中“矩形選擇工具”，選擇自己需要的那一部分，并使用“ctrl+C”復(fù)制下來。選擇并新建一個寬度為740像素，高度為500像素，分辨率為72像素/英寸的新圖片。按“Ctrl+V”將在素材圖片的選中的部分粘貼到新建圖片中，用PS工具做適當(dāng)調(diào)整，從而得到如下圖所示促銷區(qū)背景圖。

2、選擇“矩形工具”在背景圖上繪制出公告區(qū)、聯(lián)系我們及人氣寶貝這三個區(qū)域所在位置，并分別將其所在的圖層的不透明度改為45%，并在圖層混合選項(xiàng)中選擇“投影”效果（這在前面店招制作和分類圖片制作中已說明，所以在此并不再次說明）。

這樣就形成了如下圖所示效果：

為了讓這三個區(qū)域的內(nèi)容能夠很好的顯現(xiàn)出來，我們再次選擇“圓角矩形”工具，半徑設(shè)為10像素，并將填充色設(shè)為灰白色，在這三個區(qū)域上再次描繪出三個以灰白色圓角矩形框。并分別將其所在的圖層的不透明度改為49%，并在圖層混合選項(xiàng)中選擇“描邊”效果（這在前面店招制作和分類圖片制作中已說明，所以在此并不再次說明）。如圖所示。

3、添加文字：在工具欄中點(diǎn)擊“豎排文字工具”，字體選擇“華康少女字體”,字體大小設(shè)置好，輸入“店鋪公告”、“聯(lián)系我們”及“人氣寶貝”，將文字移動到合適位置，并將各文字圖的混合屬性設(shè)定為“外發(fā)光”。最終如下圖所示：

4、切片：接下來，我們就開始利用PS的“切片”工具對我們所制作的促銷區(qū)圖片進(jìn)行切割。在切片時，親們要注意把握一個原則“盡量橫著切”，為了切割的方便是，可事先在圖片上畫出切割的參考線。

當(dāng)參考線確定之后，就開始用“切片”工具進(jìn)行切割

最終如圖所示，我們將背景圖切割為11片：

然后在PS的“菜單”選擇“存儲為web所用格式”

在彈出對話框中選擇“優(yōu)化”選項(xiàng)卡，并將優(yōu)化文件格式選定為“Jpeg”，壓縮品質(zhì)設(shè)為“中”。

設(shè)置完畢后，點(diǎn)“存儲”按鈕，彈出“將優(yōu)化結(jié)果存儲為”對話框：

在該對話框中的“保存類型”選項(xiàng)中選擇“HTML和圖像（*.html）”，然后保存。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 旺鋪裝修攻略(4):促銷區(qū)圖片制作教程