沒(méi)日沒(méi)夜的努力了半個(gè)月，小店總算能趕在中秋前開(kāi)張做生意了。期間在社區(qū)和淘寶大學(xué)泡了好久，也學(xué)習(xí)了很多前輩們的經(jīng)驗(yàn)。今天我也來(lái)秀秀我這半個(gè)月的裝修作圖心得吧。希望能幫上和我一樣的新手們，不要像我一樣一走就是半個(gè)月的歪路。所謂站在巨人的肩膀上看世界才能更廣，雖然我不是巨人啦，也來(lái)露個(gè)肩讓大家踩踩

帖子寫給新手看的哦，高手可不要來(lái)砸場(chǎng)子哦，小女子水平只有這么點(diǎn)哦，高手請(qǐng)繞場(chǎng)

好了，廢話不多說(shuō)了。開(kāi)始上圖（先說(shuō)明一下本人用的是旺鋪扶植版，免費(fèi)的哦，哈哈）

第一招：動(dòng)態(tài)店招

1.先打開(kāi)photoshop

2.新建一個(gè)圖像，參數(shù)如圖

3.打開(kāi)你選好的素材圖片，這個(gè)網(wǎng)上很多圖的，建議平時(shí)看到好圖就保存下來(lái)

4.利用移動(dòng)工具將選好的素材圖片拉到新建的圖像中

5.按ctrl+T, 出現(xiàn)一個(gè)大小調(diào)節(jié)框,然后按住shift鍵不放,用鼠標(biāo)拖動(dòng)調(diào)整圖像大小(注意:鼠標(biāo)拖動(dòng)時(shí)shift鍵不能放,拖動(dòng)好才能放,這樣調(diào)出來(lái)的圖像才不會(huì)變形)調(diào)整好的樣子,上張圖

6.有些圖你可能并不想用整張,只是要用到部分,那我教大家一個(gè)很好用的辦法,圖層蒙版

先點(diǎn)擊蒙版按鈕

然后選擇通道層,雙擊快速蒙版層 跳出一個(gè)對(duì)話框

選擇好后單擊畫筆工具,調(diào)整前景色為黑色,在自己需要的部分圖像上涂畫,如圖

畫好后,再單擊一次蒙版按鈕就會(huì)有一個(gè)選區(qū)了,然后單擊 選擇>>修改>>羽化 ,在跳出的對(duì)話框中選擇2個(gè)像素,單擊確定.再利用移動(dòng)工具將選擇的圖像拖動(dòng)到新建的店招圖中,ctrl+T調(diào)整大小移動(dòng)到需要的地方.

完成圖

選擇存儲(chǔ)為,將圖像存儲(chǔ)為jpg圖像

好,這樣就完成了ps的背景圖編輯,下面去做動(dòng)態(tài)

1.打開(kāi)店鋪裝修

2.在裝修也得店招部分上單擊"編輯",再選擇"在線編輯"

3.在跳出的頁(yè)面中隨便選擇一個(gè)模板,點(diǎn)擊開(kāi)始編輯.

4.將模板原有的圖片和效果都刪掉,

5.上傳我們自己做好的背景圖

6.添好背景圖后,再利用文字工具給店招加動(dòng)態(tài)字體

添好字后,單擊字體,在左邊會(huì)有一塊模板,在這里可以調(diào)整字體大小,透明度,顏色等.

7.添加動(dòng)態(tài)圖標(biāo),靜態(tài)裝飾小圖

同樣也可以調(diào)整大小,透明度,顏色等

8.這樣整塊店招就做好了.單擊頁(yè)面右上角那個(gè)預(yù)覽/保存按鈕

好了，店招部分完工了。很簡(jiǎn)單吧

下面做動(dòng)態(tài)店標(biāo)

1.首先新建一個(gè)100*100的圖像

。

2.打開(kāi)需要的素材圖片，利用選框工具選取素材中需要的部分（按住shift鍵再選取，可以保證選到的選區(qū)是正方形）

3.利用移動(dòng)工具將選區(qū)內(nèi)的圖像拖動(dòng)到新建的店標(biāo)層，ctrl+T，按住shift鍵調(diào)整圖像大小。

調(diào)整好后，單擊enter鍵。完成變換

4.同樣的將另外的一張圖片素材拉進(jìn)去，調(diào)整好大小。然后為店招添加文字。

利用工具在圖像上添加文字，添加好文字記得選擇字體顏色，然后將每一個(gè)字體層復(fù)制一遍，副本的字體顏色再調(diào)成與原字體層不同的顏色。所有的調(diào)好后，鼠標(biāo)右擊字體層名字處，選擇柵格化圖層。

我這里先隨意的添加了幾個(gè)字體層，最后的效果是這樣的

5.在窗口中選擇動(dòng)畫選項(xiàng)

跳出一個(gè)

6.單擊“復(fù)制所選幀”按鈕

復(fù)制多個(gè)幀。

7.選中幀1，在圖層面板上選擇這個(gè)幀需要顯示的內(nèi)容

像我這里，我需要顯示圖層1，和幾個(gè)原字體層，所以把不需要顯示的幾個(gè)圖層前的小眼睛按掉。

接下去我們要做一個(gè)讓字體移動(dòng)的效果，選中上圖中畫黃圈的那個(gè)‘寶’層，這是個(gè)可見(jiàn)圖層，我們要讓他從旁邊飛出來(lái)。所以選中該圖層，然后利用鍵盤的左右移動(dòng)鍵將字體移到圖層最邊上，如下圖

完成，然后按照同樣的步驟將另外兩個(gè)可見(jiàn)字體層移動(dòng)好，如下圖

第一幀完成，接著選擇第二幀，同樣的將可見(jiàn)的幾個(gè)字體圖層移動(dòng)好，如下圖

選擇第三幀，將可見(jiàn)字體圖層移動(dòng)到原來(lái)的位置。如下圖

再選擇第四幀，將字體圖層的副本，前面的小眼睛加上，將原字體圖層前的眼睛去掉。如下圖

再選擇第五幀，再改變可見(jiàn)圖層，如圖

再第六幀，圖層選擇如下圖

完成了，再圖中的那個(gè)小箭頭那里選擇每個(gè)幀顯示的時(shí)間，如下圖

按一下圖中的播放鍵，看效果。

最后將做好的圖存儲(chǔ)為>

在我是賣家里，選擇店鋪基本設(shè)置，更換店標(biāo)

選擇剛做好的圖片，確定

好了，動(dòng)態(tài)店標(biāo)也做完了，下面做讓大家期待已久的滾動(dòng)圖片促銷欄

首先，選擇一個(gè)大的邊框，我這里用的是自己用ps做的邊框，網(wǎng)上也有很多邊框圖，大家可以直接去找

我的邊框

然后鼠標(biāo)右擊復(fù)制背景圖層

并將背景圖層前的小眼睛去掉

利用矩形選框工具，將邊框圖的中的白色部分選出來(lái)，按delete鍵刪除，使得邊框圖中間部分變成透明

再新建一個(gè)圖層，用矩形選框工具在邊框的右下角處選擇出一個(gè)小正方形區(qū)域，如下圖

將想要填充的顏色設(shè)置為前景色，再選擇油漆桶工具將小正方形填充好

將圖層1，復(fù)制2次，用移動(dòng)工具一個(gè)一個(gè)的選中復(fù)制好的層，并移動(dòng)到需要的地方，如下圖

再選擇文字工具，在每個(gè)正方形上添加數(shù)字，如下圖

（注意，這些字體層不能位于正方形層的下方，那樣不能被顯示出來(lái)，一定要放到正方形層的上面）

這樣做好后，就要把我們的寶貝圖片放進(jìn)來(lái)了

同樣利用移動(dòng)工具將寶貝圖片拉進(jìn)邊框圖層來(lái)，會(huì)看到下面的情況

寶貝圖片將邊框徹底遮住了，怎么辦呢？

別急，這種情況就是我上說(shuō)的那種，因?yàn)閷氊悎D片的層比邊框?qū)痈撸园堰吙驅(qū)诱谧×?/p>

我們只要將寶貝圖片層往下拉，放到背景副本的下方，就可以了

然后再ctrl+t變換大小

這樣第一張圖片就放好了，接著以一樣的步驟，將第二，第三張圖片放好

再在窗口下選擇動(dòng)畫

在跳出的窗口中多復(fù)制幾個(gè)幀

選擇第一幀，將第2,3張圖片前的小眼睛去掉，

然后雙擊第一個(gè)小正方形圖層，在跳出的對(duì)話框中，按下圖選擇

這樣選擇好后的效果是第一張圖顯示時(shí)，小圖標(biāo)1，顏色變深

然后按一樣的步驟將第2,3幀設(shè)置好（第2幀顯示第二張圖，小圖標(biāo)2變深；第三幀顯示第三張圖，小圖標(biāo)3變深）

這樣設(shè)置好后，將多出的幀，一個(gè)個(gè)選中，并按右下方刪除按鈕刪除

然后選擇好每個(gè)幀顯示的時(shí)間，按播放鍵看效果

這樣就完成了，接下去有兩種存儲(chǔ)方式

先講第一種，直接將圖片存儲(chǔ)為，然后選擇gif格式，然后上傳到淘寶的圖片空間，在自定義模板處點(diǎn)擊插入圖片，選擇這個(gè)圖片就可以了。

第二種是將其轉(zhuǎn)化成代碼再用

圖片做完后，選擇切片工具

將圖片切成幾個(gè)塊如下圖

然后選擇存儲(chǔ)為網(wǎng)頁(yè)和設(shè)備所用格式，并在跳出的對(duì)話框中選擇gif格式，單擊確定

在選擇存儲(chǔ)路徑時(shí)，下方一定要選擇，html和圖像，如下圖

單擊確定就會(huì)出現(xiàn)下面兩個(gè)文件，一個(gè)是圖片，一個(gè)是html

接下去打開(kāi)dreamweaver軟件，單擊文件>打開(kāi)，將保存好的，html選擇好，如圖

打開(kāi)后如下圖

將上面的代碼部分都選擇出來(lái)，復(fù)制

然后進(jìn)入裝修店鋪，在自定義模板處單擊 ‘編輯’

在跳出的對(duì)話框中，單擊html編輯

將代碼粘貼進(jìn)去，點(diǎn)擊保存。

好了，整個(gè)店鋪的首頁(yè)裝修就都完成了，簡(jiǎn)單吧！

不知道能不能幫到大家，寫帖子寫了好久，基本把每個(gè)小細(xì)節(jié)都截出來(lái)了，生怕大家有哪里看不懂，

如果大家還有哪里不懂，可以來(lái)問(wèn)我哦。

樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來(lái)源： 淘寶網(wǎng)店店招+店標(biāo)+圖片滾動(dòng)欄制作教程