巧用PS製作淘寶通欄店招--店招導航欄製作(二)

前兩篇分享了通欄店招的頁頭背景圖片的製作和上傳方法,這篇我們繼續分享店招通欄導航欄的製作與上傳方法。

方法/步驟

在店招通欄背景中我們截取一張1920*30的矩形圖片,並填充我們自己想要的顏色。為了達到立體效果,我用漸變填充的顏色。

在製作出的導航條中編寫我們需要編寫的導航菜單。請注意,因頁頭背景不能自適應頁面,所以要將導航條略靠內一點,以免筆記本電腦展示不全。

選擇切片工具,切出圖片。將製作好的全圖存儲為html格式。即「文件-存儲為web所用格式-存儲」,然後將格式類型存儲為html格式(如不清楚,詳細做法請參考《如何將圖片存儲為html格式》)。

把每一個導航塊切下來,保存並上傳淘寶空間備用。

在切好的圖片上點擊右鍵,在彈出的界面中選擇「編輯切片選項」。

在新彈出的界面中即可直接輸入圖片地址和連結目標,然後保存。

在dreamweaver中打開我們前面保存的html文件,拷貝代碼,返回店鋪裝修,刪除默認導航模板-新建自定義模板-拷入代碼-保存-發布,即可成功!

也可以使用dreamweaver編輯的方式,進行連結和目標位置的添加,上傳代碼的方式與上述部分完全相同。

如果想更多地了解圖片存儲為html文件的方法,以及在淘寶首頁實現自動跳轉的話,請繼續關注《如何將圖片存儲為html格式》和《淘寶等網頁輕鬆實現跳轉的方法》。

相關文章

  1. 巧用PS製作淘寶通欄店招--頁頭通欄店招(二)

    本著負責任的態度,特意在我的淘寶店製作了下通欄店招,發現淘寶對店鋪裝修發生了改變,基礎版無法對店招背景進行更改,必須使用專業版,所以標題中去掉了基礎版三字.下面繼續分享專業版通欄店招的製作方法. 方法 ...
  2. 如何免費製作淘寶通欄全屏店招--裝修必看

    看到不少商家都是高大尚全屏通欄店招,許多新手店主羨慕不已,小編今天給大家演示如何免費在線製作一個美觀通欄全屏店招. 工具/原料 淘寶,能上網電腦 方法/步驟 步驟一:下面是小編新申請的淘寶店鋪,店招是 ...
  3. 如何製作淘寶通欄全屏店招----新手必看

    每每看到其他店鋪那高大上的通欄店招,不少新手賣家都會羨慕不已,如何製作高大上的通欄全屏店招,下面小編給大家講解一下. 工具/原料 淘寶帳號.ps圖片處理軟體.能上網的電腦 方法/步驟 步驟一.下圖的樣 ...
  4. 如何製作淘寶全屏店招

    打造淘寶店鋪全屏店鋪招牌,你也可以讓店鋪變得美觀大氣,一起動手試試吧! 工具/原料 電腦 Photoshop(簡稱PS) 淘寶店鋪 方法/步驟 PS里製作950px*120px店招,並保存好jpg圖片 ...
  5. 店鋪裝修巧用PS讓淘寶店鋪招牌閃起來

    很多淘寶掌柜看到別家的店鋪招牌光彩照人,很是羨慕,其實我們用PS軟體,就可以輕鬆地設計自己的店鋪招牌,只要你創意夠好,自然很炫哦 工具/原料 PHOTOSHOP 軟體 素材圖 方法/步驟 打開PS軟體 ...
  6. 巧用PS製作淘寶基礎版通欄店招(一)

    淘寶店鋪基礎版的店招是950像素的,與天貓等店鋪店招相比較,顯得很小氣,不上檔次,即使升級成專業版也仍然如此,有沒有辦法將店招做成通欄店招呢?從今天開始,給大家分享一些--算是感悟吧,請大家關注.因篇 ...
  7. ps快速製作淘寶店招

    用ps做淘寶店招是基礎 工具/原料 1.ps軟體(百度下載) psd素材(請到網上下載) 方法/步驟 用ps打開下載的店招psd,psd就是ps的素材的後綴 2打開ps軟體,然後點擊捉手工具,如圖 看 ...
  8. PS快速入門教程:怎樣製作淘寶店招

    快過年了,今天帶大家做一下淘寶店招圖.本次經驗,我將細緻的從很多點去教大家如何去做一個漂亮的店招.記得跟上步驟.不懂也可以請教我. 工具/原料 PS windows 方法/步驟 打開photoshop ...
  9. ps cs5如何製作淘寶店招動畫圖片和動畫存儲方法

    看到好多店鋪的店招有動畫效果,真是既漂亮又華麗.下面為大家介紹下怎麼用ps cs5來製作動畫圖片,和製作動畫圖片保存的格式和方法.我這裡為了方便大家理解,做了個簡單的星星閃爍效果,大家可以參照,自己找 ...
  10. 怎麼用ps給淘寶店鋪店招添加熱點區域,店招製作

    首先給大家一個萬能的店招代碼!用這個店招代碼可以使親們獲得了一個"具有收藏功能"的店招...當然不一定僅僅只限於收藏功能,其他功能有待你的開發,這些開發那就自由發揮吧,想怎麼添加就 ...
  11. PS怎麼設計製作淘寶店鋪全屏店招導航的詳細步驟

    Photoshop CC2018怎麼設計製作全屏淘寶店鋪店招導航? 工具/原料 Photoshop CC2018 方法/步驟 啟動PS,新建畫布,寬度為1920,高度為150, 我們先給整體的背景填充 ...
  12. 淘寶全屏店招及導航欄的製作方法

    淘寶店鋪裝修中,一個好的全屏店招和導航欄能夠拓寬消費者的視線範圍,給顧客營造恢弘大氣的店鋪印象.如下圖.本文詳述淘寶全屏店招及導航欄的製作方法. 方法/步驟 製作之前先進行分析.全屏店招的默認寬度是1 ...
  13. 淘寶怎樣製作個性店鋪店招和導航欄

    店鋪導航是店鋪的一個關鍵部分,很多新開淘寶店鋪的都很頭疼店招的製件,購買現成的又不想花錢的,誰都想讓店鋪更有特色,那麼這就需要自己設計,自己製作的,下面的文章是小編親自折磨出來的,希望對大家有幫助.下 ...
  14. 如何不用ps做出淘寶店鋪通欄----新手必看

    很多的新手可能都會比較的煩一個問題:店鋪的通欄怎麼樣不用ps也能夠做的比較的美觀? 那麼今天小編就來教大家怎麼不用ps也能夠做出一個美觀的店鋪通欄吧. 工具/原料 淘寶帳號.能上網的電腦.美圖秀秀圖片 ...
  15. PS淘寶首圖800*800的製作

    平面設計是PHOTOSHOP應用最為廣泛的領域,無論是我們正在閱讀的圖書封面,還是大街上看到的招帖.海報,這些具有豐富圖像的平面印刷品,基本上都需要PHOTOSHOP軟體對圖像進行處理.而崛起的淘寶的 ...
  16. ps製作淘寶主圖

    淘寶主圖很漂亮,但原圖也並非那麼好,在這裡我會教大家怎麼做出淘寶主圖的效果 方法/步驟 打開原圖,可以看到,原圖並非非常好看 準備摳圖,先用套索工具選中 選中後選擇羽化,半徑5 然後把羽化後的圖片複製 ...
  17. 如何用PS製作淘寶寶貝主圖/製作寶貝圖

    電子商務運營.愛玩百度貼吧.愛動漫.淘寶C店店主.天貓艦店設計師兼風格指導. 工具/原料 PS/Photoshop/網絡 方法/步驟 打開PS,新建文件,設置圖片大小為800x800像素(詳細參數見圖 ...
  18. Photoshop製作淘寶女裝模特身材ps

    淘寶的圖片處理的漂亮才能更好的吸引顧客,增加顧客量~ 工具/原料 Photoshop 方法/步驟 橢圓工具,畫出圖形,兩端要做成尖角,可利用錨點工具 新建藝術畫筆,如圖 在ps中設置好淘寶詳情頁的寬度 ...
  19. ps製作淘寶促銷海報

    淘寶促銷海報 工具/原料 pscs6 方法/步驟 文件-打開,找到背景圖片素材, 文件-打開,把衣服的圖片找到拖進來,放到合適的位置即可! 選著文字工具,打上需要的文字,即可! 文件-打開,把之前做好 ...
  20. 如何用CorelDRAW製作淘寶店招

    很多人都有自己創業開淘寶店的打算,但是並不是都具有店鋪裝修或者後期美工的能力,這裡簡單的介紹一下淘寶店鋪店招的製作方法. 工具/原料 PS軟體或CorelDRAW軟體 方法/步驟 1打開軟體,這裡用的 ...