再將圖片上傳到店招做背景圖。

如果只想做靜態(tài)的店招的話，那做到這里基本就大功告成了 。

2011-03-09   18:00更新        關(guān)于下載后的背景圖不能上傳的問題

發(fā)了帖子之后有不少兄弟姐妹們來問這么一個問題，就是靜態(tài)的店招制作好后不能上傳。

如果再次點開上傳店招的頁面，會發(fā)現(xiàn)下方有一個背景圖大小不能超過100K的提示，在帖子開頭就有講到的，但是我居然沒有附上“如果背景圖超過100K該怎么解決”的方法，不要拍我啊~

我并沒有什么壓縮圖片的軟件，我的解決方法很土也很簡單，一個步驟就搞定。只需要用到PS（在本文末尾有PS下載地址），這是為了保證圖片的質(zhì)量跟下載下來的一模一樣，不會產(chǎn)生顏色丟失。（淘寶論壇的水印真杯具- -）

然后打開PS，調(diào)出下載下來的店招：

接下來是介紹怎么制作動態(tài)店招。

--------------------------------------------------------------------------------------------------------------------------------------------------

• 教程PART.2         動態(tài)店招（一）

http://bbs.taobao.com/catalog/thread/510526-250768967.htm

這是在論壇里看到的另一個帖子，不是我寫的，可能要比我的方法簡單得多。作品保存出去以后直接保存成一個flash，再通過軟件轉(zhuǎn)換成gif，再把gif壓縮。

動態(tài)店招的制作方法可不僅僅是一種哦！群眾的智慧是無窮的，哈哈~

不過這位作者的方法我也沒有真正嘗試過，如果大家覺得光看文字不夠明白的話，我可以再完善一下她的教程重寫一個~

• 教程PART.2         動態(tài)店招（二）
   

以下是樂比的制作方法：

之前要先做好一個靜態(tài)店招，然后這次就要直接從淘寶的“在線編輯”進到阿里媽媽了。

點擊“免費店招”，這里除了免費店招能自己設(shè)計以外，別的店招都標上了價格不能設(shè)計了 。

隨便找到一個免費的店招，點擊“開始制作”。

然后把這個店招的所有動畫和圖片都刪了

于是我們就得到一個干凈的框：

接下來我們要用到PS，即photoshop。因為在“管理素材”里面上傳我們自己的底圖，也就是我們的店招，大小不能超過30K。為了解決這個問題，我們要做的事情就是將原來的這個底圖截成兩份或者幾份。其實不一定要用PS，用系統(tǒng)自帶的畫圖也可以，但是系統(tǒng)的畫圖保存出來的圖片質(zhì)量沒有PS好 。

注意，如果原來的底圖小于30K可以跳過裁切的步驟！

打開PS，調(diào)開做靜態(tài)店招，先把上半截裁切出來。

將裁切出來的上半截圖另存為店招1，或者隨便另存成一個文件。 注意，千萬不能直接點存儲。然后重新調(diào)開店招原圖，裁切下半截，也是另存為。

這樣我們就得到了兩張圖，各自的大小都不超過30K。

 
在“管理素材”的界面里 ，將裁切好的兩張圖上傳。

這樣就得到了底圖，把它放進來，將兩個圖拼在一起。

注意，剛才點開“管理素材”的時候，彈開的是一個新的窗口，也就是說，原來的窗口仍然在。在原來的那個窗口，如果上傳好的圖片沒有顯示出來，就刷新一下。若是跳轉(zhuǎn)回一開始的頁面，就重復(fù)剛才的動作，即點擊頁面上面藍色條里的“免費店招”——隨便找到一個免費店招，點“開始制作”——把原來的店招里的東西全部刪了，看回“圖片”——“我的素材”的頁面，自己上傳的圖片顯示出來了沒有？~

然后添加自己喜歡的動態(tài)效果，大家可以隨便發(fā)揮 ~。值得一提的是，文字如果也想要動態(tài)效果，我們在做靜態(tài)的時候可以不用添加文字，在現(xiàn)在這個時候加入文字選一些動畫效果，比如閃爍，比如飛入。

保存之后點輸出，然后就能應(yīng)用到店招了。

一切搞定，別忘了點保存！

哈哈，怎么樣？店招上可以顯示自己增加的動態(tài)效果了！誰說扶植版的店招不花錢就不能做出動態(tài)效果的？~

-------------------------------------------------------------------------------------------------------------------------------------------------

2011-03-10     10:07更新

• 教程PART.3         自定義內(nèi)容區(qū)（一）

簡單介紹下自定義內(nèi)容區(qū)。這里面可以放jpg及gif一類的圖片，以及html的代碼。自定義內(nèi)容區(qū)最寬的寬度是750px，高度不限。自定義內(nèi)容區(qū)的裝修方法我知道的就有這么幾種，一種是圖片，一種是代碼。其實對于代碼，我也是小白一個，不過呢，我相信用心學還是能學到的 ~何況我也看得懂比較基礎(chǔ)的代碼 。。

我們先從最簡單圖片的入門~

在這個網(wǎng)站上http://www./（絕非廣告。。），樂比隨便找了一張很有溫暖的感覺的圖片，用來做三八婦女節(jié)的活動宣傳圖（雖然已經(jīng)過了 ）。附上原圖：

再附上最后的活動圖：

可能會有人嫌簡單，但是樂比比較喜歡簡潔淡雅的感覺，因為樂比作為買家在淘寶上逛的時候，經(jīng)常會被店家花花綠綠的動態(tài)圖片卡到，顯示圖片的速度不是很快。下面介紹做圖過程。沒錯，還是需要用到ps （在本文末尾有PS下載地址）！

做促銷活動宣傳圖片的話，最好是不要占了店鋪一開始的整個頁面，細一點比較好，即差不多750px*160px大小。樂比的促銷活動圖片其實都做得太高了點 。。（什么時候需要占自定義內(nèi)容區(qū)很長的位置呢？做產(chǎn)品宣傳的時候。產(chǎn)品宣傳應(yīng)該做得跟店鋪下面“熱賣寶貝”的產(chǎn)品圖片一樣直觀，但是又更勝一籌，更吸引人。不信的話可以多去逛逛別人的店鋪，很多的店面一上來看到的產(chǎn)品圖片都是代碼做得，點進去可以跳到具體的寶貝詳情里。然而在店鋪主頁拖到下面才是真正放“熱賣寶貝”的欄目，可以說代碼都能代替“熱賣寶貝”這樣的位置了。）

打開PS，調(diào)開原圖。原圖太高了所以裁掉一些：

新建一個白布：

繼續(xù)裁呀裁~

點工具欄里的“T”，添加文字。在這里分享一些我常用的字體，做海報和宣傳圖片的時候都會用到。

復(fù)制鏈接到地址欄里回車：

方正粗活意體 http://www./Soft/ShowSoftDown.asp?UrlID=1&SoftID=5974

方正喵嗚體 http://www./Soft/ShowSoftDown.asp?UrlID=1&SoftID=5052

迷你簡粗倩 http://www.d9soft.com/download.asp?id=71902&dp=1&fid=61

添加好文字就保存起來：

到淘寶免費提供的1G圖片空間里將圖片上傳。。（友善提醒：一鉆以前的“圖片空間”可以免費提供1G的空間哦，但是好像不接受外鏈，裝修店鋪的時候也是個可以利用的好地方~O(∩_∩)O。。）

到裝修頁面編輯“自定義內(nèi)容區(qū)”：

最簡單的一張圖片宣傳，不光是做促銷活動圖片，可以做成海報也可以做公告，內(nèi)容自定，變化的空間非常廣大。大家自由發(fā)揮吧~

• 教程PART.3         自定義內(nèi)容區(qū)（二）

首先分享一些提供了很多免費模板代碼的網(wǎng)站：

http://www./

http://xx.53shop.com/

http://www./

http://2009./moban/mianfei.html

http://www./html/wangpuzhuangxiu/

其實代碼的方式也十分簡單，無非是復(fù)制粘貼，有時候圖片地址會需要修改而已。

從最簡單的“就地取材”方法講起：

到一個網(wǎng)站上把免費代碼復(fù)制下來，比如這個“時尚女裝寶貝（http://www./mb/20101103_350.html）”

再到裝修的編輯自定義內(nèi)容區(qū)的頁面，點擊“編輯html源碼”粘貼代碼：

將代碼粘貼進去，點擊保存：

但是通常那些諸如“收藏本店”的按鈕，是沒有指向的鏈接的，所以要再編輯一邊把鏈接放進去：

點一下按鈕，再添加按鈕的鏈接：

去到自己的店里把地址欄的鏈接復(fù)制下來：

回到裝修頁面，將復(fù)制的鏈接粘貼到“鏈接地址”里：

搞定了。。。代碼裝修出來的就是不一樣~

-------------------------------------------------------------------------------------------------------------------------------------------------

2011-03-10    13:06更新

• 教程PART.4         寶貝分類（一）

首先向大家提供兩個很多寶貝分類素材的網(wǎng)站，這兩個網(wǎng)站的寶貝分類不僅多，而且還能在線制作。既簡單又容易上手。

第一個是魚擺擺，http://www./html/fenlei/

這是魚擺擺在線制作的網(wǎng)址http://123./

第二個是三角梨，http://zz./fenlei.php     這個力薦！應(yīng)該有不少人聽過。。很不錯哦。。圖片質(zhì)量要比魚擺擺好~

利用好上面兩個網(wǎng)站，做寶貝分類真的是輕而易舉~

-------------------------------------------------------------------------------------------------------------------------------------------------

• 教程PART.5         收藏本店

這是官方版的“收藏本店”收集和教程哦~

http://bbs.taobao.com/catalog/thread/510526-11519376.htm

友情提醒：一般扶植版的旺鋪，收藏本店最好是放在自定義內(nèi)容區(qū)里面，鏈接好指向的地址（具體看官方教程），這樣的話買家點了“收藏本店”的圖片才能成功收藏哦！有很多賣家開一個新的寶貝分類，將圖片鏈接加到分類里面，這其實是錯誤的做法，因為買家點擊進去看見的只是你什么都沒放的一個分類，而不是“收藏”的頁面。

-------------------------------------------------------------------------------------------------------------------------------------------------

呼，做教程可是件很辛苦的事情吶~。。這個教程已經(jīng)花了樂比三天的時間去完善。。

有不懂的問題可以回帖或者戳我的旺旺，樂比會非常樂意為同是新手的你們解決問題的！同時，樂比只希望得到我?guī)椭挠H們能回一下帖，幫忙頂一下，讓更多的新人看到這個帖，你們的支持就是我動力的源泉！

教程是剛裝修完小店之后做的，那時級別不夠不能發(fā)圖所以就沒發(fā)這個教程帖?，F(xiàn)在好咯，4W的源碼，應(yīng)該夠用了！

在此總結(jié)一些有好的圖片素材的網(wǎng)站：

http://www./        創(chuàng)意圖片和廣告圖片不少！  該網(wǎng)站的版權(quán)意識很重哦，圖片不能隨便就用的！

http://www./          收錄優(yōu)美的圖片        一個分享圖片的地方，波點壁紙和小圖案的壁紙挺多的！

http://www./html/picture/         雖然跟肥豬流有關(guān)，但是有些圖片還是不錯的！

http://www./           三角梨，應(yīng)該有不少人聽過！

http://www./html/fenlei/      魚擺擺，支持在線制作寶貝分類

放上多多自己上傳的PS的CS8.0破解版，無毒（序列碼在sn.txt這個文件里）：

下面這個網(wǎng)盤要登錄才能下載，右上角是登錄入口：

賬號：test0101@163.com

密碼：789654

這個賬號是公用的，請大家不要擅自改動里面的東西！謝謝合作！

http://u./file/t417fcd635#Adobe.Photoshop.CS.8.01.CHS.rar

  

 

 

 

 

寫的不錯，精華鼓勵！