旺鋪裝修之促銷區(qū)制作
1、用PS打開素材圖片,在工具欄中選中“矩形選擇工具”,選擇自己需要的那一部分,并使用“ctrl+C”復(fù)制下來。選擇并新建一個寬度為740像素,高度為500像素,分辨率為72像素/英寸的新圖片。按“Ctrl+V”將在素材圖片的選中的部分粘貼到新建圖片中,用PS工具做適當(dāng)調(diào)整,從而得到如下圖所示促銷區(qū)背景圖。
2、選擇“矩形工具”在背景圖上繪制出公告區(qū)、聯(lián)系我們及人氣寶貝這三個區(qū)域所在位置,并分別將其所在的圖層的不透明度改為45%,并在圖層混合選項中選擇“投影”效果(這在前面店招制作和分類圖片制作中已說明,所以在此并不再次說明)。
這樣就形成了如下圖所示效果:
為了讓這三個區(qū)域的內(nèi)容能夠很好的顯現(xiàn)出來,我們再次選擇“圓角矩形”工具,半徑設(shè)為10像素,并將填充色設(shè)為灰白色,在這三個區(qū)域上再次描繪出三個以灰白色圓角矩形框。并分別將其所在的圖層的不透明度改為49%,并在圖層混合選項中選擇“描邊”效果(這在前面店招制作和分類圖片制作中已說明,所以在此并不再次說明)。如圖所示。
3、添加文字:在工具欄中點擊“豎排文字工具”,字體選擇“華康少女字體”,字體大小設(shè)置好,輸入“店鋪公告”、“聯(lián)系我們”及“人氣寶貝”,將文字移動到合適位置,并將各文字圖的混合屬性設(shè)定為“外發(fā)光”。最終如下圖所示:
4、切片:接下來,我們就開始利用PS的“切片”工具對我們所制作的促銷區(qū)圖片進(jìn)行切割。在切片時,親們要注意把握一個原則“盡量橫著切”,為了切割的方便是,可事先在圖片上畫出切割的參考線。
當(dāng)參考線確定之后,就開始用“切片”工具進(jìn)行切割
最終如圖所示,我們將背景圖切割為11片:
然后在PS的“菜單”選擇“存儲為web所用格式”
在彈出對話框中選擇“優(yōu)化”選項卡,并將優(yōu)化文件格式選定為“Jpeg”,壓縮品質(zhì)設(shè)為“中”。
設(shè)置完畢后,點“存儲”按鈕,彈出“將優(yōu)化結(jié)果存儲為”對話框:
在該對話框中的“保存類型”選項中選擇“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ū)圖片制作教程