大家好~~~
這篇是我第二篇作圖教程,呵呵~~可這篇不算是作圖吧,這篇是教大家造店鋪模板,請大家多多指教
廢話就不多說了
下面是SHOW TIME時間
第一步我們需要兩個工具
1.分別是PS 和 DW,PS是作圖和切片,DW是造網(wǎng)頁
這些是我這次制造的素材,大家可以根據(jù)自己的需要上網(wǎng)下載不同的圖片,造出自己的風格
新建一個文件,長設(shè)為748(或750都可以)寬度根據(jù)自己需要隨意設(shè)置,我這里設(shè)置成400
將自己的圖片分別放進新建的畫布里,然后利用CTRL+T變型工具進行擺放和變換(這是個好好用的工具)
新建一個新圖層(那個紅色圈圈那個按鈕)
選擇選框工具---在樣式那設(shè)置成固定大小,根據(jù)自己的需要設(shè)置,我這里設(shè)置成寬450 高250
選擇剛才的新建的圖層,按鼠標左鍵拉出一個矩形,然后填充自己喜歡的顏色,然后復制這個圖層,生成了圖層2副本
利用CTRL+T變形工具,將圖層2副本縮小,造成如上圖的邊框效果,然后選上圖層2和圖層2副本按CRTL+E合并圖層
然后用鼠標雙擊合并出來的圖層,這時會彈出圖層樣式窗口,這時勾選上投影選項,這樣做是令框框更立體點
這樣基本上完成了圖片了,將所有圖層選上,按CRTL+E合并所有圖層。
選擇切片工具
在白色區(qū)域那切片,這里我用AB點表示,用切片工具由A點拉到B點
得出這圖
完成前面的步驟,就可以保存了,文件----存儲為WEB所有格式,如上圖在保存類型選上HTML和圖像
這時就可以將剛才圖片的切片上傳到自己的圖片空間(切出來的圖片,是在你保存HTML和圖像的images文件夾里)
運行DW打開剛才保存的HTML和圖像
用鼠標左鍵點一下白色的區(qū)域,記住圖像的寬和高,然后按Delete刪除
選擇白色區(qū)域,在單元格選項那輸入剛才的寬和高
切換到代碼,在紅色圈圈那,輸入你圖片空間圖像的相應地址
這就是地址
輸入完圖片地址。就復制這里的所有代碼
打開自己的店鋪選擇裝修
在自定義內(nèi)容區(qū)選擇編輯
切換到代碼,黏貼剛才的代碼,然后保存
過程比較詳細,祝大家能造出自己漂亮的公告欄和其他模板
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則
本文來源: 教你怎么做淘寶店鋪公告欄圖片和模板代碼教程