1、淘寶店鋪寶貝輪播圖片和代碼制作教程【字體大小：大 中 小】時間：2010-12-08 21:20 來源：淘寶論壇 作者：blues總動員 點擊： 267 下面這個是我們的最終模版(大圖圖片實際效果會輪播)V-1 下面我們來打開PS,文件菜單,選擇新建V-2 建立一個750X1460的文檔,問什么要建立這樣大小,請繼續看V-3拉出參考線,參考線布局如V-4V-4圖V-5然后我們先把PS最小化,先到廣告牌生成器拿點模版 V-6選擇圖文,可以根據自己的行業,愛好來選擇模版V-7因為我之前已經選擇了這個模版,所以我在V-2步PS文檔設置為750X1460V-8然后我們進行模版更改V-9點擊上方文字,然

2、后輸入自定義文字,最后按確認修改V-10修改完后得到如下圖V-11把所有的動態功能都去掉,然后我們改一下圖片,因為圖層可能比較多,所以到圖層區那里快捷選取比較好V-12圖層區V-13把輪播的圖片刪除,只要剩下一張圖片,注意圖片的大小,后面是需要用上的V-14接下我們也把下面的信息改成自己店鋪的V-15也是一樣,把圖片地址改了V-16然后我們的第一分區版塊完成了V-17保存下來V-18確認保存V-19獲取設計V-20下載圖片V-21把剛下載的圖片用PS打開V-22打開后把圖片ALT+S+A全選,CTRL+左鍵把圖片拉到PS去V-23得到下面圖片,然后我們繼續做第二個分區V-24然后我們回到剛那個

3、模版,從新V-14 到V-18的步驟,這個就只要對下面的進行改換就可以了.PS:商品不要相同哦V-25 到了V-18步,就停下來,不用下載,直接用截圖工具截圖保存下來,注意截區要跟圖片一樣大V-26然后打開剛圖片V-27與V-22步驟一樣,放到已經設置好的PS文檔里V-28再一次重做V-24到V-27的步驟,得如下圖V-29 接下來我們把中間的大圖做出輪播效果,V-30 我們回到V-13,查找一下圖片的大小,制作一張待輪播的圖片,大小為698X400V-31 把準備好的圖片打開,全選,拖到PS文檔去V-32 然后圖片放到于中間圖片位置吻合V-33 窗口,選擇動畫V-34 新建一個楨,并設置循環

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