網(wǎng)店模板制作與設(shè)計全流程(一)

歡迎閱讀本文檔，希望本文檔能對您有所幫助!歡迎閱讀本文檔，希望本文檔能對您有所幫助!歡迎閱讀本文檔，希望本文檔能對您有所幫助!歡迎閱讀本文檔，希望本文檔能對您有所幫助!歡迎閱讀本文檔，希望本文檔能對您有所幫助!歡迎閱讀本文檔，希望本文檔能對您有所幫助!制作模版這里面有很多復(fù)雜的問題的，作為啟蒙性的教程，我這里只介紹最簡單的方法和形式，其他的大家可以在此基礎(chǔ)上自己開發(fā)、研究，如有問題歡迎賜教。

準(zhǔn)備工具和素材：Photoshop7.0和Frontpage2003和相應(yīng)圖片（也可以自己創(chuàng)作）

下面進(jìn)入正題吧1.打開Photoshop，點擊上方的“文件—新建”，新建一張800*1200的畫布，這里把底色設(shè)置為白色。

2.然后點擊“文件—打開”，找到自己想要用于模版上的圖片，打開(大家可以事先把圖片的大小調(diào)整好，以適合于模版使用)。

接著，先在圖片上按下“Ctrl+A”(全選)，注意這時候圖片四周會出現(xiàn)一個虛線框，然后再按下"Ctrl+C"(復(fù)制)。

3.然后回到我們最開始建立的那張800*1200的畫布上，按下“Ctrl+V”(粘貼)，圖片就被粘貼到畫布上了。

如果位置不合適的話，可以點擊左邊的“移動工具”，將圖案拖動到合適的位置上。

4.可以根據(jù)圖案對模版做些裝飾，比如我這里面就用橢圓工具畫出幾個圓圈，并用與圖案相近的藍(lán)色填充。然后再點擊橢圓工具，畫一個大一點的橢圓出來，用來放置店鋪公告。可以把“不透明度”設(shè)置為60%，這樣看起來效果更好些。

5.接下來在模版上寫上自己的店鋪名稱。點擊左邊的“文字工具”，在店鋪公告的上方寫上店鋪名稱，注意可以在窗口上方的地方調(diào)整字體、字號以及文字顏色。然后可以點擊右邊的“添加圖層樣式”，根據(jù)個人喜好選擇諸如陰影、描邊、外發(fā)光等效果，使文字更好看。

6.可以對模版進(jìn)行些裝飾，最簡單的辦法就是選擇“自定形狀工具”，畫出一些喜歡的圖形來。

然后用“文字工具”把要做鏈接的內(nèi)容寫上，比如“逛逛小店”、“店鋪介紹”、“信用評價”和“收藏店鋪”等。

7.下邊就要來處理模版的主體部分了。首先我們用一個方框把主體部分框起來。點擊“自定形狀工具”，在窗口上方“形狀”右邊的下箭頭上點一下，選一個合適的形狀，這里我用的是CheckBox，用這個形狀把模版余下的部分框起來。注意邊框的顏色是在窗口上部的地方進(jìn)行選擇的。

8.然后就是往上添加各項需要的內(nèi)容啦~~首先在右邊的“圖層”中選中“背景”層(就是我們最開始建立的那個畫布)，然后可以用“自定形狀工具”畫個小花什么的，或者貼上自己喜歡的小圖片也可以。我這里用的是“自定形狀工具”中的Blob2。

9.再選擇“文字工具”在圖案旁邊寫上“寶貝展示”，和前邊提到的一樣，文字的相關(guān)屬性在窗口上部的地方設(shè)置?？梢杂谩耙苿庸ぞ摺闭{(diào)整一下文字的位置。

10.同樣方法，寫出“寶貝描述”、“買家必讀”、“郵資說明”、“聯(lián)系掌柜”、“推薦寶貝”等內(nèi)容。注意：不要擔(dān)心每項之間的空白部分過窄，因為模版做好之后，這些地方都是可伸縮的，所以放多少內(nèi)容都沒問題，不用擔(dān)心的~~

11.可以在模版上加上你的版權(quán)信息內(nèi)容，如水印啦、制作者啦什么的。

12.然后就是很艱巨的切片任務(wù)啦!選擇切片工具，把所有要添加文字或者圖片、鏈接的地方都單獨切出來。切片這一過程很重要，剛開始的時候大家可能會不熟練，總有這樣那樣的問題(最后成品模版如果出現(xiàn)斷裂的話，通常問題都是出在切片這一關(guān))。別灰心，多試幾次，多琢磨琢磨，多練練，肯定會好的!

另外：我這里介紹的只是最簡單的模版，就是主體部分只需上下切，而不用左右切成兩部分的。實際中，如果大家想要做左右分塊的模版(比如左邊放產(chǎn)品圖片、介紹，右邊放寶貝分類、推薦這樣的)，切片是很需要技巧的。由于表達(dá)能力有限，我在這里說不明白具體要注意的問題。不過大家只要多練習(xí)多思考，一定可以摸索出規(guī)律的。加油哦~~