寶貝詳情文字描述制作,板塊又如何制作?很多朋友不知道淘寶寶貝詳情文字描述制作,要知道,寶貝詳情文字描述是可以為你的寶貝添加更多的信息介紹,讓顧客了解你的寶貝的優(yōu)點(diǎn),那么寶貝詳情文字描述制作,板塊又如何做?小編來(lái)和大家一起學(xué)習(xí)下寶貝詳情文字描述制作。
寶貝詳情文字描述制作和板塊又如何做呢?
1.打開Photoshop,點(diǎn)擊上方的“文件—新建”,新建一張800*1200的畫布,這里把底色設(shè)置為白色。
2.然后點(diǎn)擊“文件—打開”,找到自己想要用于模版上的圖片,打開(大家可以事先把圖片的大小調(diào)整好,以適合于模版使用)。
接著,先在圖片上按下“Ctrl A”(全選),注意這時(shí)候圖片四周會(huì)出現(xiàn)一個(gè)虛線框,然后再按下"Ctrl C"(復(fù)制)。
3.然后回到我們最開始建立的那張800*1200的畫布上,按下“Ctrl V”(粘貼),圖片就被粘貼到畫布上了。
如果位置不合適的話,可以點(diǎn)擊左邊的“移動(dòng)工具”,將圖案拖動(dòng)到合適的位置上。
4.可以根據(jù)圖案對(duì)模版做些裝飾,比如我這里面就用橢圓工具畫出幾個(gè)圓圈,并用與圖案相近的藍(lán)色填充。
然后再點(diǎn)擊橢圓工具,畫一個(gè)大一點(diǎn)的橢圓出來(lái),用來(lái)放置店鋪公告。可以把“不透明度”設(shè)置為60,這樣看起來(lái)效果更好些。
8.然后就是往上添加各項(xiàng)需要的內(nèi)容啦~~首先在右邊的“圖層”中選中“背景”層(就是我們最開始建立的那個(gè)畫布),然后可以用“自定形狀工具”畫個(gè)小花什么的,或者貼上自己喜歡的小圖片也可以。我這里用的是“自定形狀工具”中的Blob2。
9.再選擇“文字工具”在圖案旁邊寫上“寶貝展示”,和前邊提到的一樣,文字的相關(guān)屬性在窗口上部的地方設(shè)置。可以用“移動(dòng)工具”調(diào)整一下文字的位置。
10.同樣方法,寫出“寶貝描述”、“買家必讀”、“郵資說(shuō)明”、“聯(lián)系掌柜”、“推薦寶貝”等內(nèi)容。
注意:不要擔(dān)心每項(xiàng)之間的空白部分過(guò)窄,因?yàn)槟0孀龊弥螅@些地方都是可伸縮的,所以放多少內(nèi)容都沒(méi)問(wèn)題,不用擔(dān)心的~~
11.可以在模版上加上你的版權(quán)信息內(nèi)容,如水印啦、制作者啦什么的。
12.然后就是很艱巨的切片任務(wù)啦!選擇切片工具,把所有要添加文字或者圖片、鏈接的地方都單獨(dú)切出來(lái)。切片這一過(guò)程很重要,剛開始的時(shí)候大家可能會(huì)不熟練,總有這樣那樣的問(wèn)題(最后成品模版如果出現(xiàn)斷裂的話,通常問(wèn)題都是出在切片這一關(guān))。別灰心,多試幾次,多琢磨琢磨,多練練,肯定會(huì)好的!
另外:我這里介紹的只是最簡(jiǎn)單的模版,就是主體部分只需上下切,而不用左右切成兩部分的。實(shí)際中,如果大家想要做左右分塊的模版(比如左邊放產(chǎn)品圖片、介紹,右邊放寶貝分類、推薦這樣的),切片是很需要技巧的。由于表達(dá)能力有限,我在這里說(shuō)不明白具體要注意的問(wèn)題。不過(guò)大家只要多練習(xí)多思考,一定可以摸索出規(guī)律的。加油哦~~
13.下一步就是點(diǎn)擊“文件—保存為Web所用格式”,將模版存為HTML格式的文件(實(shí)際上是一個(gè)HTML文件和一個(gè)圖象文件夾)。
Photoshop的工作完成嘍~~~~~~~好累啊
14.接下來(lái)就輪到Frontpage出場(chǎng)啦~~
打開Frontpage,選擇“文件—打開”,把剛剛從Photoshop里面存下來(lái)的HTML格式的文件打開。
15.點(diǎn)擊一下左下角的“設(shè)計(jì)”,模版的樣子就出來(lái)啦
16.在模版的任一位置點(diǎn)擊右鍵,選擇“表格屬性”,在彈出對(duì)話框中將“對(duì)齊方式”改為“居中”,然后點(diǎn)擊確定。
17.下邊我們來(lái)處理一下準(zhǔn)備放置公告的地方。首先在打算放置公告文字的地方點(diǎn)擊一下右鍵,選擇“圖片屬性”,選擇“常規(guī)”選項(xiàng)卡,記下圖片的文件的名字,然后點(diǎn)擊確定。
18.再在放置公告的地方點(diǎn)下左鍵,出現(xiàn)一個(gè)黑色的框框,再按下鍵盤上的Del鍵,那部分內(nèi)容就變?yōu)榭瞻椎牧?/p>
19.然后再在空白處點(diǎn)一下右鍵(呵呵,點(diǎn)來(lái)點(diǎn)去已經(jīng)好多下啦~~),選擇“單元格屬性”,在彈出對(duì)話框中選擇“使用背景圖片”,再在下邊的空白處將剛才記下的圖片文件的名稱填上,然后點(diǎn)擊確定。
20.現(xiàn)在空白處又有圖案了吧!下邊我們要做的是輸入公告文字并使其滾動(dòng)起來(lái)。
具體做法是:首先,點(diǎn)擊窗口上方的“插入—Web組件”,在彈出對(duì)話框中選擇“字幕”,點(diǎn)擊完成。
21.在彈出對(duì)話框中,在“文本”后邊的空白處輸入你的店鋪公告的內(nèi)容。需要注意的是,如果店鋪公告需要分段的話,就要在要分段的地方加上一個(gè)“
”。然后,通過(guò)調(diào)整“延遲”和“數(shù)量”來(lái)設(shè)置文字滾動(dòng)的快慢(通常延遲的數(shù)值越大、數(shù)量的數(shù)值越小,文字滾動(dòng)得越慢)。同時(shí)還可以通過(guò)左下角的“樣式”按鈕來(lái)調(diào)節(jié)文字和段落設(shè)置的相關(guān)屬性。設(shè)置完畢后點(diǎn)擊確定。
22.然后在公告文字上點(diǎn)擊一下左鍵,會(huì)發(fā)現(xiàn)出現(xiàn)一個(gè)很窄的黑色邊框。這個(gè)邊框的大小就是你公告文字滾動(dòng)范圍的大小。拖動(dòng)邊框的四周將它拉得大一點(diǎn),一般使它和周圍的虛線邊框一致即可,注意不要超過(guò)虛線邊框。
23.接著點(diǎn)擊左下角的“代碼”,就會(huì)切換到代碼頁(yè)面,找到“
24.點(diǎn)擊左下角的“設(shè)計(jì)”回到模版設(shè)計(jì)頁(yè)面,然后按照前邊17、18、19的方法將“寶貝展示”下邊準(zhǔn)備添加圖片的那一條圖案先Del,然后再點(diǎn)開“單元格屬性”,和前邊一樣,設(shè)置上背景圖片。
這里需要注意的是:因?yàn)檫@個(gè)地方是準(zhǔn)備放產(chǎn)品圖片的,而圖片通常要位于中間位置才好看,所以應(yīng)該把“水平對(duì)齊方式”改為“居中”,把“垂直對(duì)齊方式”改為“相對(duì)垂直居中”,然后點(diǎn)擊確定。
25.用同樣的方法處理其他各項(xiàng),不同的是在需要放置文字的地方,如“寶貝描述”等,“水平對(duì)齊方式”應(yīng)選擇“左對(duì)齊”,而“垂直對(duì)齊方式”應(yīng)選擇“頂端對(duì)齊”。
26.這里再羅嗦一下關(guān)于空白位置的問(wèn)題。大家可能發(fā)現(xiàn)經(jīng)過(guò)上面一番修改以后,準(zhǔn)備放文字或者圖片的地方,就是圖中的①②③④⑤⑥突然變得比以前更小了。其實(shí)大家完全沒(méi)有必要擔(dān)心添加內(nèi)容會(huì)放不下的問(wèn)題。正如我前邊說(shuō)過(guò)的,模版做好以后這些地方都是可以根據(jù)內(nèi)容大小自動(dòng)伸縮的。大家完全可以在輸入內(nèi)容的時(shí)候讓它們自動(dòng)變長(zhǎng),當(dāng)然,也可以手動(dòng)調(diào)節(jié),拖動(dòng)每個(gè)部分邊緣的虛線框,上下拉動(dòng),以調(diào)節(jié)大小。
27.“寶貝展示”部分是用來(lái)放圖片的,圖片可以等到最后在淘寶編輯頁(yè)面里再添加,這里就不說(shuō)如何做了,具體見(jiàn)我另一個(gè)教程:【waterma4398原創(chuàng)系列教程】最易懂的HTML寶貝描述模版使用教程~~謝絕轉(zhuǎn)載~~申請(qǐng)加精
下邊我們開始輸入文字內(nèi)容。將光標(biāo)移動(dòng)到“寶貝描述”下方的空白處,點(diǎn)擊“格式—段落”,在彈出對(duì)話框中調(diào)整一下“縮進(jìn)”和“段落間距”,以避免輸入文字后過(guò)長(zhǎng)、過(guò)密,影響美觀。
最后這里就是寶貝詳情文字描述制作的介紹了,看了小編我的介紹內(nèi)容你了解了寶貝詳情文字描述制作了嗎?小伙伴們是不是都懂了呢?更多好玩有趣資訊請(qǐng)關(guān)注裝修宅。
相關(guān)推薦:
查看更多相似文章