PS超詳細店鋪首頁模板制作教程 扶植版也能用

http://bangpai.taobao.com/group/thread/903165-13435339.htm

今天我們做這個模板要用到的軟件！有兩個 一個是大家都知道的PS還有一個就是Dreamweaver8.0

這個 是我們這次模板的效果圖片 O(∩_∩)O   

首先我們要準備7個店鋪里面比較漂亮的寶貝圖片！ 你也不一定按照我這個排列 也以根據(jù)自己的寶貝自己排列！

 下一步打開PS  點擊新建

然后會出來一個對話框 寬度是750像素 長度703像素 （也可以根據(jù)自己的圖片大小自己設定）！

設置完以后點確定！

接下了就是先給圖片排版！不大會PS的童鞋 注意啦?。?/span>

先按一下Ctrl+R把標尺找出來方便等一下的排版

標尺出來以后 然后點擊PS右邊的直線選項  按住Shift不要放點擊鼠標左鍵在編輯框中畫出模板邊框 本模板分為兩排 上一排是250X404像素一個 下一排是188X299一個 不會的照著下面圖片尺寸做也行！

等邊框畫好以后 在PS右下角找到你畫的圖層 點右鍵然后點 像素畫圖層

點完以后 我們的模板邊框就做好啦！！

等邊框做好以后我們就可以把準備好的圖片放到模板里面去了！！

點找到你準備好的圖片 然后直接拖到 PS里面去調整圖片大小

點擊圖像下面的 畫布大小 第一排三個大圖片尺寸是240x242像素 下面拍四個圖片是175X248像素

畫布大小調整好以后找到編輯選項 然后點擊 自由變換 把寶貝圖片調整到和畫布邊框一樣大的位置！

調整好后 安一下回車鍵確認

等圖片調整好大小以后 點

選擇按鈕 直接把調整好以后的圖片拖到 模板里面??！調整好相應位置

OK把圖片放到相應的位置以后效果就是這樣啦！！接下來我們就把標題和價格 給它添加上去吧！！

我們先用 矩形選框工具 框出一個長方形來??！

然后點選到背景選項 找到左邊的漸變工具選好顏色

按住鍵盤Shift 鍵 點鼠標左鍵 從左往右拉??！

上面是效果 拉好以后 找到 選擇工具

點一下選擇框 按住Ctrl+C 復制 然后再按住Ctrl+V粘貼

粘貼完以后點點擊鼠標左鍵不要放 把復制的漸變條做到相應的格子下面！

哈哈這一步完成以后我們就可以在 粉紅色的漸變格子上面添加文字勒！

找到文字按鈕選好顏色

我選的是白色 

接下來就 打字(ˇ?ˇ) ～！！記得每個 長方形上面都要打上喔！

哈哈(*^__^*) 嘻嘻……有點像那么一回事兒了喔?。?！

繼續(xù) 

我們在添加一個價格上去??！吧！！

先選好字的顏色 咋找一個人民幣的符號！后面打上價格 ！當然如果童鞋你賣寶貝用的的是美元 也可以用美元的符號的！O(∩_∩)O~

價格打好以后找到 右下角這個按鈕選到描邊！

把顏色換成 淺灰色、點確認就可以啦！

等設置好以后 把價格圖層復制一下 然后拖到 每個寶貝右下角就可以了

效果出來啦！ O(∩_∩)O哈哈~！

接下來我們在添加一個寶貝標題就快完工啦?。?/span> 繼續(xù)加油??！(^o^)/~

找到文字編輯按鈕 好顏色 把寶貝標題打上去 

哈哈 標題打上去以后就完成一半啦！?。?/span> (*^__^*) 嘻嘻…… 下面是效果?。?/span>

好我們再來下一步吧??！等上面都完成以后 找到 切片工具

然后按住鼠標左鍵 從左上角往右下角拉！！把每個格子分開切片??！切片好以后如下圖

等切片完成以后 找到文件選項 選擇保存為Web格式

然后會出現(xiàn)這個??！ 里面就不用調了 直接點擊確定就好！！

確定以后新建一個文件夾 然后保存在里面

接下來會出現(xiàn)一個對話筐 不用管它 點確定就好?。?/span>

OK PS這部分就算完了！把源文件保存以后就可以關掉PS了！！

關掉PS以后找到你剛剛保存的Web文件 打開！

里面有一個網(wǎng)頁文件 一個圖片文件夾 

把圖片文件夾里面的圖片全部上傳到 你的 網(wǎng)絡空間里面去！！

然后打開 把HTML文件 拖到 里面去!!

如下圖

接下來就要把每個圖片的本地地址 ！換成你圖片空間的地址?。?/span>

第一個填寫圖片地址 第二個填寫寶貝連接地址

等把所有圖片地址和寶貝連接都轉換和添加完以后 

模板就制作成功啦！(ˇ?ˇ) ～

模板做好了以后 ?。≈灰汛a框里面的代碼全部復制到 店鋪之定義框里面點保存就可以啦??！

！！ 汗 終于完成勒??！ 頭都搞的暈暈！的 ?。?/span>%>_<%??！也不知道有沒有搞漏的?。?！

各位童鞋 就將就看吧！@！ 不懂的可以來問我??！喔?。?！ 不明白的加我旺：qinzimao123

http://taoxiuba.taobao.com