昨天寫了一篇 拓展版并不是傳奇的神話,PS讓你標(biāo)準(zhǔn)變拓展(才者爭(zhēng)鳴)
一下人來了許多人咨詢?cè)趺慈プ?.我考慮到新人對(duì)于店鋪的裝修還沒有技術(shù),所以連夜寫下了這篇帖子,希望對(duì)新人們有些幫助,內(nèi)容對(duì)標(biāo)準(zhǔn)版以及扶植版都適用.不多說,直接上圖
下面這個(gè)是我們的最終模版(大圖圖片實(shí)際效果會(huì)輪播)
V-1下面我們來打開PS,文件菜單,選擇新建
V-2 建立一個(gè)7501460的文檔,問什么要建立這樣大小,請(qǐng)繼續(xù)看
V-3拉出參考線,參考線布局如V-4
V-4圖
V-5然后我們先把PS最小化,先到廣告牌生成器拿點(diǎn)模版 http://banner.alimama.com/
V-6選擇圖文,可以根據(jù)自己的行業(yè),愛好來選擇模版
V-7因?yàn)槲抑耙呀?jīng)選擇了這個(gè)模版,所以我在V-2步PS文檔設(shè)置為7501460
V-8然后我們進(jìn)行模版更改
V-9點(diǎn)擊上方文字,然后輸入自定義文字,最后按確認(rèn)修改
V-10修改完后得到如下圖
V-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)行改換就可以了....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,查找一下圖片的大小,制作一張待輪播的圖片,大小為698X400
V-31 把準(zhǔn)備好的圖片打開,全選,拖到PS文檔去
V-32 然后圖片放到于中間圖片位置吻合
V-33 窗口,選擇動(dòng)畫
V-34 新建一個(gè)楨,并設(shè)置循環(huán)次數(shù)為永遠(yuǎn),輪播間隔為2秒
V-35選擇第二貞,把與第一貞相同的圖片隱藏,得第三幅圖
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ì)各位有幫助
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則