日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

PS超詳細(xì)店鋪首頁(yè)模板制作教程 扶植版也能用(絕對(duì)原創(chuàng))申精

 服務(wù)器維修維護(hù) 2011-06-24

嘿嘿第二篇帖子又被加精啦??!??!感謝童鞋們的支持!還要感謝辛苦工作的管理員同志!

 

嗚嗚嗚??!自從這個(gè)帖子發(fā)出來(lái)以后就有很多童鞋來(lái)找我?guī)兔?!人超多我都忙不過(guò)來(lái)勒!還跑勒幾個(gè)客人!由于來(lái)問(wèn)問(wèn)題的童鞋真是太多了??!有的童鞋的問(wèn)題就沒(méi)有來(lái)得及回??!可有的人卻說(shuō)  我辛辛苦苦花了4個(gè)小時(shí)為童鞋們做的教程 !是不知道從那個(gè)網(wǎng)站抄來(lái)的!搞不好我都不會(huì)做!所以才不敢回答他!?。∵€罵我!說(shuō)實(shí)話 亮亮真的很氣憤!真是林子大了什么鳥(niǎo)都有?。。∷晕矣X(jué)得以后親有什么問(wèn)題還是直接回帖提問(wèn)就好!我會(huì)定期上來(lái)為童鞋們解答的??!

PS超詳細(xì)店鋪首頁(yè)模板制作教程 扶植版也能用(絕對(duì)原創(chuàng))申精

嗨!大家好!亮亮又來(lái)寫(xiě)帖子咯?。『镁脹](méi)有寫(xiě)帖子啦!這幾個(gè)月一直在海底潛水??!摸魚(yú)!今天實(shí)在是鱉不住勒!出來(lái)?yè)Q口氣兒!O(_)O~! 前幾個(gè)月寫(xiě)了一篇教程帖子被加精以后!應(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還有一個(gè)就是Dreamweaver8.0

如果沒(méi)有安裝著兩個(gè)軟件的 童鞋可以去百度搜索!很多!不要錢(qián)的!

 必備軟件介紹完了 那我們就開(kāi)始吧~

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

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

 下一步打開(kāi)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)  按住Shift不要放點(diǎn)擊鼠標(biāo)左鍵在編輯框中畫(huà)出模板邊框 本模板分為兩排 上一排是250X404像素一個(gè) 下一排是188X299一個(gè) 不會(huì)的照著下面圖片尺寸做也行!

等邊框畫(huà)好以后 PS右下角找到你畫(huà)的圖層 點(diǎn)右鍵然后點(diǎn) 像素畫(huà)圖層

點(diǎn)完以后 我們的模板邊框就做好啦??!

 

等邊框做好以后我們就可以把準(zhǔn)備好的圖片放到模板里面去了!!

點(diǎn)找到你準(zhǔn)備好的圖片 然后直接拖到 PS里面去調(diào)整圖片大小

點(diǎn)擊圖像下面的 畫(huà)布大小 第一排三個(gè)大圖片尺寸是240x242像素 下面拍四個(gè)圖片是175X248像素

此帖于 2010-09-11 15:36 被編輯
本帖助威記錄
夜燁豬 +5
不好意思選了個(gè)減的的,給你補(bǔ)回來(lái),第一次給人助威,請(qǐng)見(jiàn)諒啊
夜燁豬 -3
學(xué)習(xí)了,給你頂一下
danhong112 +5
是時(shí)候也把我的店鋪搞搞了 都沒(méi)人來(lái)的 很便宜 卻賣(mài)不出去
yjlcm888 +1
不錯(cuò),看來(lái)我也可以做一個(gè)屬于自己店鋪的模板了,哈!
娟娟6792889 +1
贊!
總計(jì):威望132點(diǎn)。 查看所有助威>>
發(fā)表于 2010-09-07 20:16 | 只看該作者 沙發(fā)

畫(huà)布大小調(diào)整好以后找到編輯選項(xiàng) 然后點(diǎn)擊 自由變換 把寶貝圖片調(diào)整到和畫(huà)布邊框一樣大的位置!

調(diào)整好后 安一下回車(chē)鍵確認(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) 找到左邊的漸變工具選好顏色

按住鍵盤(pán)Shift 點(diǎn)鼠標(biāo)左鍵 從左往右拉!!

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

點(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)然如果童鞋你賣(mài)寶貝用的的是美元 也可以用美元的符號(hào)的!O(_)O~

 

價(jià)格打好以后找到 右下角這個(gè)按鈕選到描邊!

把顏色換成 淺灰色、點(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è)格子分開(kāi)切片??!切片好以后如下圖





等切片完成以后 找到文件選項(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文件 打開(kāi)!



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



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



然后打開(kāi) HTML文件 拖到 里面去!!



如下圖





接下來(lái)就要把每個(gè)圖片的本地地址 !換成你圖片空間的地址??!


 


 

第一個(gè)填寫(xiě)圖片地址 第二個(gè)填寫(xiě)寶貝連接地址


 


 

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


 

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


 

模板做好了以后 !!只要把代碼框里面的代碼全部復(fù)制到 店鋪之定義框里面點(diǎn)保存就可以啦?。?/span>


 


 


 

?。?/span> 終于完成勒??! 頭都搞的暈暈!的 !!%>_<%!!也不知道有沒(méi)有搞漏的!??!

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類(lèi)似文章 更多