這次給各位賣家帶來一個新的店鋪設計裝修,一旦學會,不敢保證一定會有訂單成交,但是流量大大提升是絕對沒有問題的。如何用PS標尺參考線 打造專業淘寶模板?下面請仔細看清每一個步驟。用的還是photoshop CS2(簡稱PS)。
第一步、打開PS,點擊左上角的“文件“,新建一個白色背景,如圖:

然后點擊“好“,如圖:

第二步、嘿嘿,關鍵來了---調出標尺!快捷鍵Ctrl+R(是Ctrl鍵加上字母R),即可調出,或者是點擊在PS的最上方的工具欄(即是剛開始的“文件“一欄)的”視圖“,會在彈出的下拉菜單中看到”標尺“,點擊。背景圖變化如下:

下面為了讓大家看清楚一點,我會把白色背景改成其他顏色。
第三步、關鍵又來了---調出參考線!
把鼠標移動到標尺上,按住鼠標左鍵,往右邊(下邊)拖動,即可調出咱們可愛的參考線;或者是通過“視圖“,可以在”標尺“的下方看到”新參考線“,點擊。彈出一個框框,選擇所需要的取向,在”位置“那里設置距離,我設置為5cm,如圖:

新參考線

參考線設置

參考線模樣
呵呵,采用在“視圖“那里點擊稍微有點麻煩,下面我用鼠標拖動的方式來操作。哦,忘了重要的一點,肯定會有人問如何取消參考線和調節參考線?
方法:
1、“視圖“的就在那個下拉菜單里有”消除參考線“的(注:按這個取消參考線是將全部參考線都取消的哦,要注意了。如果要取消剛弄錯的一條參考線,可以點擊”編輯“的”返回“。);
2、鼠標拖動:按住Ctrl鍵,把鼠標放到參考線上,會出現一個圖標,額,截取不了圖,我畫一個:,就是這個樣子。然后就可以往左往右(往上往下)拖動了。把參考線一直往兩邊拖到最邊上就是傳說中的取消。使用鼠標拖動的好處就是可以任意調節參考線和取消參考線,想不要那條參考線,就可以很快的操作。是不是很簡單!
第四步、好啦,標尺和參考線都會了,那么接下來就可以制作模板了,我做的是750像素的三欄效果,先把參考線做出三欄的效果,如圖:

然后點擊PS左邊的工具條中的“矩形工具“,如圖:



顏色設置

點擊顏色設置,選擇顏色,確定。然后快捷鍵按Alt+Delete鍵,會發現我們用矩形工具框住的范圍變成了我們剛才設置的顏色,如圖:

其他的也是如此操作。
第五步、接下來就可以把已經弄好的圖片還有需要的文字放上去了,這里為了避免廣告嫌疑,我隨便用一張圖片來處理。打開圖片(PS左上角“文件”中的“打開”),然后點擊“矩形工具“旁邊的“移動”工具,,然后拖動調整到需要放置的位置上,需要注意的是,拖動的時候圖片會被參考線吸引,老是往參考線上黏糊。所以我們可以使用快捷鍵來調整,按ctrl+T,會發現圖片四周有所變化,可以發現圖片四個角和中間部分都有一個很小的正方形,把鼠標放到正方形上,可以調節圖片的大小的,當然啦,那是不規則的變形,如果要等比例的改變圖片大小,鼠標拖動前先按住Shift鍵,那就可以隨意調節圖片大小了。http://www.tbxt.com/
額,說多了。轉回正題,我們按ctrl+T后,就可以用鼠標拖動圖片了,放到適合的位置,還不滿意的話,拖動后放開鼠標,然后用鍵盤四個方向鍵來調節;也可以在按ctrl+T后,按住ctrl+鼠標拖動。效果如圖:


其他的也是按照如此方法來進行,最終效果如圖:

然后在圖片下方輸入文字,點擊工具中的這個(如圖)即可輸入文字,最后效果如圖:

第六步、處理完圖片和文字后,接下來是比較重要的環節---切片。這里我們將用到切片工具。嗯,先把參考線消除,其實不用消除的,這里我為了讓大家看清楚切片的效果,就消除,呵呵。
因為我做的是三欄效果的,所以我們可以用“切片選取工具”,把鼠標放到選區內,鼠標右鍵,點擊“劃分切片”,在彈出的選框中選擇“垂直劃分為”填寫3,可以明顯的看到我們的選區分為了無限接近相同大小的三個區域。如圖:

然后點擊“文件”中的“存儲為web所用格式”,彈出選框,點擊“存儲”,保存格式為“HTML和圖像(*html)”,然后按確定即可。

第七步、保存在桌面的,然后打開那個images文件夾,將里邊的所有圖片上傳到圖片空間。
第八步、打開dreamweaver(簡稱DW),打開另外一個文件,點擊一個圖片,然后復制圖片空間相對應的地址,在DW屬性欄找到“源文件”,

刪除里邊的內容,然后粘貼地址。另外“源文件”下方有個“鏈接”,把店鋪的這款產品的鏈接粘貼進去。其他的也是按照這個步驟操作,最后點擊保存。
最后鼠標右鍵點擊保存好的文件,選擇“打開方式”中的“記事本”,復制記事本內的所有代碼,在店鋪新建一個自定義內容區,把代碼復制進去,即可收工。
看看我店鋪的效果:

總結:其實店鋪裝修在于用心,哪怕你不會photoshop,不會dreamweaver,沒關系!只要你拿出百分百的努力用心做好,相信有一天,在你的店鋪首頁,會有一個嶄新的變化!
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 用PS標尺參考線打造專業淘寶模板