|
嘿嘿第二篇帖子又被加精啦?。?img doc360img-src='http://image31.360doc.com/DownloadImg/2011/06/2415/13303212_2.gif' style="DISPLAY: inline" src="http://image31.360doc.com/DownloadImg/2011/06/2415/13303212_2.gif">?。「兄x童鞋們的支持！還要感謝辛苦工作的管理員同志！
嗚嗚嗚??！自從這個(gè)帖子發(fā)出來(lái)以后就有很多童鞋來(lái)找我?guī)兔?！人超多我都忙不過(guò)來(lái)勒！還跑勒幾個(gè)客人！ PS超詳細(xì)店鋪首頁(yè)模板制作教程 扶植版也能用（絕對(duì)原創(chuàng)）申精 嗨！大家好！亮亮又來(lái)寫帖子咯??！好久沒(méi)有寫帖子啦！這幾個(gè)月一直在海底潛水??！摸魚！今天實(shí)在是鱉不住勒！出來(lái)?yè)Q口氣兒！O(∩_∩)O~！ 前幾個(gè)月寫了一篇教程帖子被加精以后！應(yīng)很多親的要求！今天在教大家做一個(gè)比上次更漂亮的寶貝展示模板！！希望能幫到大家??！哦對(duì)了 這個(gè)是我以前的教程帖子 有興趣的 童鞋 可以去看看！http://bangpai.taobao.com/group/thread/903165-13435339.htm 好 由于本人文筆不大好！廢話就不多說(shuō)啦！咱們進(jìn)入正題吧!!這次這個(gè)教程可能比上一個(gè)教程稍微難一點(diǎn) 請(qǐng)童鞋們做好心里準(zhǔn)備！ 先做準(zhǔn)備！今天我們做這個(gè)模板要用到的軟件！有兩個(gè) 一個(gè)是大家都知道的PS 如果沒(méi)有安裝著兩個(gè)軟件的 童鞋可以去百度搜索！很多！不要錢的！ 必備軟件介紹完了 那我們就開始吧~！ 這個(gè) 是我們這次模板的效果圖片 O(∩_∩)O
首先我們要準(zhǔn)備7個(gè)店鋪里面比較漂亮的寶貝圖片！ 你也不一定按照我這個(gè)排列 也以根據(jù)自己的寶貝自己排列！ 下一步打開PS 點(diǎn)擊 然后會(huì)出來(lái)一個(gè)對(duì)話框 寬度是750像素 長(zhǎng)度703像素 （也可以根據(jù)自己的圖片大小自己設(shè)定）！
設(shè)置完以后點(diǎn)確定！ 接下了就是先給圖片排版！不大會(huì)PS的童鞋 注意啦??！ 先按一下Ctrl+R把標(biāo)尺找出來(lái)方便等一下的排版
標(biāo)尺出來(lái)以后 然后點(diǎn)擊PS右邊的直線選項(xiàng)
等邊框畫好以后 在PS右下角找到你畫的圖層 點(diǎn)完以后 我們的模板邊框就做好啦??！
等邊框做好以后我們就可以把準(zhǔn)備好的圖片放到模板里面去了??！ 點(diǎn)找到你準(zhǔn)備好的圖片 然后直接拖到 PS里面去調(diào)整圖片大小
點(diǎn)擊圖像下面的 畫布大小 第一排三個(gè)大圖片尺寸是240x242像素 下面拍四個(gè)圖片是175X248像素
此帖于 2010-09-11 15:36 被編輯
發(fā)表于 2010-09-07 20:16 | 只看該作者 沙發(fā)
畫布大小調(diào)整好以后找到編輯選項(xiàng) 然后點(diǎn)擊 自由變換 把寶貝圖片調(diào)整到和畫布邊框一樣大的位置！
調(diào)整好后 安一下回車鍵確認(rèn)
等圖片調(diào)整好大小以后 點(diǎn) 選擇按鈕 直接把調(diào)整好以后的圖片拖到 模板里面??！調(diào)整好相應(yīng)位置
OK把圖片放到相應(yīng)的位置以后效果就是這樣啦?。〗酉聛?lái)我們就把標(biāo)題和價(jià)格 給它添加上去吧??！(*^__^*) …… 我們先用 矩形選框工具 框出一個(gè)長(zhǎng)方形來(lái)！！
然后點(diǎn)選到背景選項(xiàng) 找到左邊的漸變工具選好顏色
按住鍵盤Shift 鍵 點(diǎn)鼠標(biāo)左鍵 從左往右拉?。?/span>
上面是效果 拉好以后 找到 選擇工具
點(diǎn)一下選擇框 按住Ctrl+C 復(fù)制 然后再按住Ctrl+V粘貼 粘貼完以后點(diǎn)點(diǎn)擊鼠標(biāo)左鍵不要放 把復(fù)制的漸變條做到相應(yīng)的格子下面！
最后編輯時(shí)間為 2010-09-07 20:24
發(fā)表于 2010-09-07 20:25 | 只看該作者 6樓
哈哈這一步完成以后我們就可以在 粉紅色的漸變格子上面添加文字勒！ 找到文字按鈕選好顏色 我選的是白色 接下來(lái)就 打字(ˇ?ˇ) ～??！記得每個(gè) 長(zhǎng)方形上面都要打上喔！
哈哈(*^__^*) 嘻嘻……有點(diǎn)像那么一回事兒了喔?。?！ 繼續(xù) 我們?cè)谔砑右粋€(gè)價(jià)格上去?。“桑?！ 先選好字的顏色 咋找一個(gè)人民幣的符號(hào)！后面打上價(jià)格 ！當(dāng)然如果童鞋你賣寶貝用的的是美元 也可以用美元的符號(hào)的！O(∩_∩)O~
價(jià)格打好以后找到
把顏色換成 淺灰色、點(diǎn)確認(rèn)就可以啦！
等設(shè)置好以后 把價(jià)格圖層復(fù)制一下 然后拖到 每個(gè)寶貝右下角就可以了
效果出來(lái)啦！ O(∩_∩)O哈哈~！
接下來(lái)我們?cè)谔砑右粋€(gè)寶貝標(biāo)題就快完工啦??！ 繼續(xù)加油！！\(^o^)/~
找到文字編輯按鈕 好顏色 把寶貝標(biāo)題打上去
最后編輯時(shí)間為 2010-09-07 20:33
發(fā)表于 2010-09-07 20:34 | 只看該作者 7樓
哈哈 標(biāo)題打上去以后就完成一半啦！?。?/span> (*^__^*) 嘻嘻…… 下面是效果??！
好我們?cè)賮?lái)下一步吧??！等上面都完成以后 找到 然后按住鼠標(biāo)左鍵 從左上角往右下角拉??！把每個(gè)格子分開切片！！切片好以后如下圖
等切片完成以后 找到文件選項(xiàng) 選擇保存為Web格式
然后會(huì)出現(xiàn)這個(gè)！！ 里面就不用調(diào)了 直接點(diǎn)擊確定就好！！
確定以后新建一個(gè)文件夾 然后保存在里面
接下來(lái)會(huì)出現(xiàn)一個(gè)對(duì)話筐 不用管它 點(diǎn)確定就好??！
最后編輯時(shí)間為 2010-09-07 20:57
發(fā)表于 2010-09-07 20:58 | 只看該作者 8樓
OK PS這部分就算完了！把源文件保存以后就可以關(guān)掉PS了?。?/span> 關(guān)掉PS以后找到你剛剛保存的Web文件 里面有一個(gè)網(wǎng)頁(yè)文件 把圖片文件夾里面的圖片全部上傳到 你的 網(wǎng)絡(luò)空間里面去??！ 然后打開 如下圖
接下來(lái)就要把每個(gè)圖片的本地地址 ！換成你圖片空間的地址??！
第一個(gè)填寫圖片地址 第二個(gè)填寫寶貝連接地址
等把所有圖片地址和寶貝連接都轉(zhuǎn)換和添加完以后
模板就制作成功啦！(ˇ?ˇ) ～
模板做好了以后 ！！只要把代碼框里面的代碼全部復(fù)制到 店鋪之定義框里面點(diǎn)保存就可以啦??！
！！ 汗 終于完成勒??！ 頭都搞的暈暈！的 ??！%>_<%！！也不知道有沒(méi)有搞漏的?。?！ |
|
|
由于來(lái)問(wèn)問(wèn)題的童鞋真是太多了??！有的童鞋的問(wèn)題就沒(méi)有來(lái)得及回??！可有的人卻說(shuō) 我辛辛苦苦花了4個(gè)小時(shí)為童鞋們做的教程 ！是不知道從那個(gè)網(wǎng)站抄來(lái)的！搞不好我都不會(huì)做！所以才不敢回答他?。?！還罵我！說(shuō)實(shí)話 亮亮真的很氣憤
！真是林子大了什么鳥都有?。?！所以我覺(jué)得以后親有什么問(wèn)題還是直接回帖提問(wèn)就好！我會(huì)定期上來(lái)為童鞋們解答的?。?/font>
