大家好~~~

這篇是我第二篇作圖教程，呵呵~~可這篇不算是作圖吧，這篇是教大家造店鋪模板，請大家多多指教

廢話就不多說了

下面是SHOW TIME時間

第一步我們需要兩個工具

1.分別是PS 和 DW，PS是作圖和切片，DW是造網(wǎng)頁

這些是我這次制造的素材，大家可以根據(jù)自己的需要上網(wǎng)下載不同的圖片，造出自己的風(fēng)格

新建一個文件，長設(shè)為748（或750都可以）寬度根據(jù)自己需要隨意設(shè)置，我這里設(shè)置成400

將自己的圖片分別放進(jìn)新建的畫布里，然后利用CTRL+T變型工具進(jìn)行擺放和變換（這是個好好用的工具）

新建一個新圖層（那個紅色圈圈那個按鈕）

選擇選框工具---在樣式那設(shè)置成固定大小，根據(jù)自己的需要設(shè)置，我這里設(shè)置成寬450 高250

選擇剛才的新建的圖層，按鼠標(biāo)左鍵拉出一個矩形，然后填充自己喜歡的顏色，然后復(fù)制這個圖層，生成了圖層2副本

利用CTRL+T變形工具，將圖層2副本縮小，造成如上圖的邊框效果，然后選上圖層2和圖層2副本按CRTL+E合并圖層

然后用鼠標(biāo)雙擊合并出來的圖層，這時會彈出圖層樣式窗口，這時勾選上投影選項(xiàng)，這樣做是令框框更立體點(diǎn)

這樣基本上完成了圖片了，將所有圖層選上，按CRTL+E合并所有圖層。

選擇切片工具

在白色區(qū)域那切片，這里我用AB點(diǎn)表示，用切片工具由A點(diǎn)拉到B點(diǎn)

得出這圖

完成前面的步驟，就可以保存了，文件----存儲為WEB所有格式，如上圖在保存類型選上HTML和圖像

這時就可以將剛才圖片的切片上傳到自己的圖片空間（切出來的圖片，是在你保存HTML和圖像的images文件夾里）

運(yùn)行DW打開剛才保存的HTML和圖像

用鼠標(biāo)左鍵點(diǎn)一下白色的區(qū)域，記住圖像的寬和高，然后按Delete刪除

選擇白色區(qū)域，在單元格選項(xiàng)那輸入剛才的寬和高

切換到代碼，在紅色圈圈那，輸入你圖片空間圖像的相應(yīng)地址

這就是地址

輸入完圖片地址。就復(fù)制這里的所有代碼

打開自己的店鋪選擇裝修

在自定義內(nèi)容區(qū)選擇編輯

切換到代碼，黏貼剛才的代碼，然后保存

過程比較詳細(xì)，祝大家能造出自己漂亮的公告欄和其他模板

樂發(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ī)則

本文來源： 教你怎么做淘寶店鋪公告欄圖片和模板代碼教程