淘寶店鋪寶貝輪播圖片制作和代碼制作教程b7

1、淘寶店鋪寶貝輪播圖片和代碼制作教程【字體大?。捍?中 小】時(shí)間：2010-12-08 21:20 來源：淘寶論壇 blues總動(dòng)員 點(diǎn)擊： 267 下面這個(gè)是我們的最終模版(大圖圖片實(shí)際效果會(huì)輪播)V-1 下面我們來打開PS,文件菜單,選擇新建V-2 建立一個(gè)750X1460的文檔,問什么要建立這樣大小,請(qǐng)繼續(xù)看V-3拉出參考線,參考線布局如V-4V-4圖V-6選擇圖文,可以根據(jù)自己的行業(yè),愛好來選擇模版V-7因?yàn)槲抑耙呀?jīng)選擇了這個(gè)模版,所以我在V-2步PS文檔設(shè)置為750X1460V-8然后我們進(jìn)行模版更改V-9點(diǎn)擊上方文字,然后輸入自定義文字,最后按確認(rèn)修改V-10修改完后得到如下圖V-

2、11把所有的動(dòng)態(tài)功能都去掉,然后我們改一下圖片,因?yàn)閳D層可能比較多,所以到圖層區(qū)那里快捷選取比較好V-12圖層區(qū)V-13把輪播的圖片刪除,只要剩下一張圖片,注意圖片的大小,后面是需要用上的V-14接下我們也把下面的信息改成自己店鋪的V-15也是一樣,把圖片地址改了V-16然后我們的第一分區(qū)版塊完成了V-17保存下來V-18確認(rèn)保存V-19獲取設(shè)計(jì)V-20下載圖片V-21把剛下載的圖片用PS打開V-22打開后把圖片ALT+S+A全選,CTRL+左鍵把圖片拉到PS去V-23得到下面圖片,然后我們繼續(xù)做第二個(gè)分區(qū)V-24然后我們回到剛那個(gè)模版,從新V-14 到V-18的步驟,這個(gè)就只要對(duì)下面的進(jìn)行改

3、換就可以了.PS:商品不要相同哦V-25 到了V-18步,就停下來,不用下載,直接用截圖工具截圖保存下來,注意截區(qū)要跟圖片一樣大V-26然后打開剛圖片V-27與V-22步驟一樣,放到已經(jīng)設(shè)置好的PS文檔里V-28再一次重做V-24到V-27的步驟,得如下圖V-29 接下來我們把中間的大圖做出輪播效果,V-30 我們回到V-13,查找一下圖片的大小,制作一張待輪播的圖片,大小為698X400V-31 把準(zhǔn)備好的圖片打開,全選,拖到PS文檔去V-32 然后圖片放到于中間圖片位置吻合V-33 窗口,選擇動(dòng)畫V-34 新建一個(gè)楨,并設(shè)置循環(huán)次數(shù)為永遠(yuǎn),輪播間隔為2秒V-35 選擇第二貞,把與第一貞相同

4、的圖片隱藏,得第三幅圖V-36 測(cè)試輪播效果與快慢來進(jìn)行個(gè)人愛好調(diào)整V-37 然后我們回到第一貞,選取切片工具,對(duì)每部份商品切片V-38,然后存儲(chǔ)為WEB和設(shè)備所用格式,點(diǎn)擊存儲(chǔ),設(shè)置為HTML和圖像V-39,然后得到兩個(gè)文件,把images里面的圖片上傳到圖片空間去,把html用Dreamweaver打開V-40 然后把剛切片的每一部圖片分別換成相片空間對(duì)應(yīng)的圖片的地址V-41 更改完后,全選所有代碼,拷貝V-42 到我是賣家,店鋪裝修V-43找到自定義模版,編輯,編輯HTML源碼,然后把代碼全部復(fù)制下去最后保存,發(fā)布.這樣一來我們的版面就制作完了.是不是很漂亮呢,可以針對(duì)自己的愛好選擇模版.然后根據(jù)模版來做出V-3和V-4圖.其他步驟還是一樣沒變.希望這教程對(duì)各位有幫助。學(xué)習(xí)是每一個(gè)人都得做的.只有多學(xué)多動(dòng).才會(huì)讓自己提升而在淘寶上.更驗(yàn)證了這一句話淘寶開店前期是一件很煩悶的工作.我們要