A.工具軟件準備:

        剛開店的時候，，連淘寶網精心提供的banner編輯器都不會用 ，更別說PS了，因為店鋪幾乎所有的活動都得經過圖片處理，不會一點處理技術的我只能任網店處于自由狀態，沒法經營。 后來終于鼓起勇氣學起了PS，經過n個月學習終于有所收獲，感謝淘寶大學的大師們，也感謝所有給我指點的前輩。

        這里要準備的工具軟件，也就是傳說中的神器-PS ，它的功能強大得令人吃驚，我估計沒有人能把它全部吃透，但我們不需要吃透，只需要了解他們最基本的功能就可以了。

        Ps是photoshop的簡稱，軟件的下載與安裝我們就不講了，大家可以使用搜索引擎搜索一下。

B.做好版面計劃

        有計劃的去做某件事，這事才會做得順暢，就像拍電影，那先得有劇本，拍的時候還得有故事板，當初學習Ps的時候，我做得最多的就是按照書本和網上的實例一步一步來練習，沒有自己的想法， 一直做不出自己滿意版面。

        我們這個實例，我的計劃是做一個主題為“新年促銷第一波”的版面，選擇比較合適做促銷又與供貨商談好了供貨價的五款產品。定好了產品和主題，下面的步驟就是怎樣將這些主題文字和產品分好主次進行排列，我們要學習的這個絕招其中最大的一部分就是學會怎樣用PS排列圖片。

C.開始排版

第一步.打開ps軟件，然后單擊文件菜單-新建，打開對話框，如下圖所示，填入以下參數，如下圖所示參數。因為淘寶店的每個版塊都是淘寶的先輩們幫我們量身打造好了。所以這個尺寸也要牢記在心： 左欄部分寬190（寶貝類目那部分寬度）右欄部分寬750，通欄寬950,如果是左右欄的版面，那中間空隙就是10(如圖所示)高度可隨意設置不要太離譜就行。下面我們就是750x700這樣的大小來進行演示。

點擊確定后出現新建的畫布。

第二步.建立背景框架

單擊ps左邊工具欄的拾色器按鈕，打開對話框，在右下方的框中輸入顏色值，可自行更改顏色值，或直接點擊中間的顏色獲取數值,單擊確定關閉對話框→同時按下alt+del健將米黃色填充至背景，這樣我們純色的背景制作完畢。

第三步.建立色塊

按F7打開圖層面板，單擊第六個按鈕(如圖所示)新建一圖層：即在背景畫布上增加了一透明的層，系統自動命名為"圖層1".(如右下圖)

在左側工具欄中，右擊第一個工具（如圖）彈出下拉菜單選擇矩形選框工具，在畫布的任意處單擊左鍵，建立一矩形選區。→再次打開拾色器，選取一種灰色，同時按alt+del，立即將鉅形填充成灰色→按下ctrl+D鍵，虛線選區消失，這樣在米黃色的背景上我們建立了一塊灰色的色塊，這個220x220的灰色色塊是我們用來放置我們需要進行促銷的內容。

第四步.復制色塊

        經過第一步第二步的操作，ps的畫布及圖層如下圖所示

        此時我們選擇工具欄第二個工具即移動工具（按v健選擇移動工具）并勾選自動選擇選項→單擊一下畫布中我們剛才繪制的灰色色塊（一定要單擊到色塊的范圍內才有效）。 按下alt鍵的同時按下鼠標左鍵不放移動色塊至其它位置，松開左鍵后松開alt鍵。這樣我們就復制了一個色塊，以同樣方法復制五塊灰色塊,可以看到我們每復制一個色塊后都產生了一個圖層副本，如圖

        現在我們在畫布上單擊任意一個色塊即可選擇此色塊且圖層面板中會有藍色高亮顯示，（如果需要移動，只需按住左鍵就移動鼠標就可以了。）分別單擊各色塊選中所在圖層后，使用健盤的方向鍵對色塊位置進行移動，每按一下方向鍵,色塊移動距離為1（這一點與淘寶店鋪的店招內元素移動是一樣的,單擊一次移動一個像素點的位置，所以定位很精準）調整為圖所示

第五步.調整色塊大小

        剛才我們對色塊的位置進行了微調，接下來我們對色塊的大小進行調整，一個版面如果各個色塊大小一樣，就會缺少主次而效果不好。

        單擊左上方的色塊，同時按下ctrl+T鍵，出現調整框如下圖所示，如果鼠標移動到各節點上，還會出現雙向箭頭→將鼠標移動到頂部中間節點，按住左鍵不放松向上移動鼠標，到合適高度，松開左鍵,回車確認變化。同樣向右調整大小如圖所示。(PS系統默認在需要對齊的地方有阻滯感，此時放開鼠標即可對齊) →將右方色塊按同樣方法調整,調整后效果如下圖。

第六步.輸入主題文字

        單擊選擇工具欄上T字形工具即文字工具（有的版本可能是中文漢字的“字”），填入相關的參數，字體可任意選擇。在畫布的上方輸入文字: 新年促銷第一波→同樣方法，輸入大小為18的文字“真正忙碌的農歷新年開始咯” →按第四步中講到的移動色塊的方法，同樣將文字移動到合適的位置。這樣背景為米黃色，色彩代表促銷圖片內容的簡單的布局圖就完成了，效果如下圖所示,保存文件為促銷.psd