PS詳細淘寶店鋪首頁模板制作教程

1、愛cool衣店ps超詳細店鋪首頁模板制作教程 扶植版也今天我們做這個模板要用到的軟件！有兩個 一個是大家都知道的ps還有一個就是dreamweaver8.0這個 是我們這次模板的效果圖片 o(_)o   首先我們要準(zhǔn)備7個店鋪里面比較漂亮的寶貝圖片！ 你也不一定按照我這個排列 也以根據(jù)自己的寶貝自己排列！ 下一步打開ps 點擊新建然后會出來一個對話框 寬度是750像素 長度703像素 （也可以根據(jù)自己的圖片大小自己設(shè)定）！設(shè)置完以后點確定！接下了就是先給圖片排版！不大會ps的童鞋 注意啦！先按一下ctrl+r把標(biāo)尺找出來方便等一下的排版標(biāo)尺出來以后 然后點擊ps右邊的直線選

2、項  按住shift不要放點擊鼠標(biāo)左鍵在編輯框中畫出模板邊框 本模板分為兩排 上一排是250x404像素一個 下一排是188x299一個 不會的照著下面圖片尺寸做也行！等邊框畫好以后 在ps右下角找到你畫的圖層 點右鍵然后點 像素畫圖層點完以后 我們的模板邊框就做好啦！等邊框做好以后我們就可以把準(zhǔn)備好的圖片放到模板里面去了！點找到你準(zhǔn)備好的圖片 然后直接拖到 ps里面去調(diào)整圖片大小點擊圖像下面的 畫布大小 第一排三個大圖片尺寸是240x242像素 下面拍四個圖片是175x248像素畫布大小調(diào)整好以后找到編輯選項 然后點擊 自由變換 把寶貝圖片調(diào)整到和畫布邊框一樣大的位置！調(diào)整好后 安

3、一下回車鍵確認(rèn)等圖片調(diào)整好大小以后 點選擇按鈕 直接把調(diào)整好以后的圖片拖到 模板里面！調(diào)整好相應(yīng)位置ok把圖片放到相應(yīng)的位置以后效果就是這樣啦！接下來我們就把標(biāo)題和價格 給它添加上去吧！我們先用 矩形選框工具 框出一個長方形來！然后點選到背景選項 找到左邊的漸變工具選好顏色按住鍵盤shift 鍵 點鼠標(biāo)左鍵 從左往右拉！上面是效果 拉好以后 找到 選擇工具點一下選擇框 按住ctrl+c 復(fù)制 然后再按住ctrl+v粘貼粘貼完以后點點擊鼠標(biāo)左鍵不要放 把復(fù)制的漸變條做到相應(yīng)的格子下面！哈哈這一步完成以后我們就可以在 粉紅色的漸變格子上面添加文字勒！找到文字按鈕選好顏色我選的是白色 接下來就 打字

4、(?) ！記得每個 長方形上面都要打上喔！哈哈(*_*) 嘻嘻有點像那么一回事兒了喔！繼續(xù) 我們在添加一個價格上去！吧！先選好字的顏色 咋找一個人民幣的符號！后面打上價格 ！當(dāng)然如果童鞋你賣寶貝用的的是美元 也可以用美元的符號的！o(_)o價格打好以后找到 右下角這個按鈕選到描邊！把顏色換成 淺灰色、點確認(rèn)就可以啦！等設(shè)置好以后 把價格圖層復(fù)制一下 然后拖到 每個寶貝右下角就可以了效果出來啦！ o(_)o哈哈！接下來我們在添加一個寶貝標(biāo)題就快完工啦！ 繼續(xù)加油！(o)/找到文字編輯按鈕 好顏色 把寶貝標(biāo)題打上去 哈哈 標(biāo)題打上去以后就完成一半啦！ (*_*) 嘻嘻 下面是效果！好我們再來下一步

5、吧！等上面都完成以后 找到 切片工具然后按住鼠標(biāo)左鍵 從左上角往右下角拉！把每個格子分開切片！切片好以后如下圖等切片完成以后 找到文件選項 選擇保存為web格式然后會出現(xiàn)這個！ 里面就不用調(diào)了 直接點擊確定就好！確定以后新建一個文件夾 然后保存在里面接下來會出現(xiàn)一個對話筐 不用管它 點確定就好！ok ps這部分就算完了！把源文件保存以后就可以關(guān)掉ps了！關(guān)掉ps以后找到你剛剛保存的web文件 打開！里面有一個網(wǎng)頁文件 一個圖片文件夾 把圖片文件夾里面的圖片全部上傳到 你的 網(wǎng)絡(luò)空間里面去！然后打開 把html文件 拖到 里面去!如下圖接下來就要把每個圖片的本地地址 ！換成你圖片空間的地址！第一個填寫圖片地址 第二個填寫寶貝連接地址等把所有圖片地址和寶貝連接都轉(zhuǎn)換和添加完以后 模板就制作成功啦！(?) 模板做好了以后 ！只要把代碼框里面的代碼全部復(fù)制到 店鋪之定義框