下面這個是我們的最終模版(大圖圖片實際效果會輪播)
V-1 下面我們來打開PS,文件菜單,選擇新建
V-2 建立一個7501460的文檔,問什么要建立這樣大小,請繼續看
V-3拉出參考線,參考線布局如V-4
V-4圖
V-5然后我們先把PS最小化,先到廣告牌生成器拿點模版 http://banner.alimama.com/
V-6選擇圖文,可以根據自己的行業,愛好來選擇模版
V-7因為我之前已經選擇了這個模版,所以我在V-2步PS文檔設置為7501460
V-8然后我們進行模版更改
V-9點擊上方文字,然后輸入自定義文字,最后按確認修改
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然后我們回到剛那個模版,從新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,查找一下圖片的大小,制作一張待輪播的圖片,大小為698X400
V-31 把準備好的圖片打開,全選,拖到PS文檔去
V-32 然后圖片放到于中間圖片位置吻合
V-33 窗口,選擇動畫
V-34 新建一個楨,并設置循環次數為永遠,輪播間隔為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圖...其他步驟還是一樣沒變...希望這教程對各位有幫助。
學習是每一個人都得做的….只有多學多動..才會讓自己提升…而在淘寶上...更驗證了這一句話…淘寶開店前期是一件很煩悶的工作..我們要懂的去把工作變得有激情…在平時管理自己的店鋪同時..還要花點時間去注重個人能力升值…拓展自己的知識面,學會協調自己的時間和精力...祝大家生意火爆
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源： 淘寶店鋪寶貝輪播圖片和代碼制作教程
