|
首先打开 【Adobe Photoshop CS】没有的朋友赶快去下一个哦！！
1.打开先按键盘上的CTRL+N就新建一个文件 ，我的宽度是800，因为很多人的显示器是800；600的，然后高度可以随意，最好长点好编辑！！
2.然后把图片【1】拖到你所新建的照片当中，按CTRL+T调整大小，放到合适的位置，
在把图片【2】拖到你所新建的照片当中，按CTRL+T调整大小，放到合适的位置
得到的效果就是这样的~！
3.点击白色小鼠标，新建一个空白的图层
4.选取【用吸管】图片的背景色！
【用吸管】图片的背景色！
这样就有图层【3】的效果，【如图】
5.填好后就得到这样的效果
6.把【逛逛本店 shop touring 信用评价 shop credit
收藏本店 shop collecting 店铺介绍 shop introduction 】这些字都分别打上去，大好后右边的显示 就这样！！！！！！
更具个人爱好可以不加英文！！
7.然后点击选框工具！
把图片【3】的小人选出来，小人是做宝贝描述用的~！！！！！
我以这个小紫人头为例子！
选出来后背景是白色的，
8.同下图的小魔棒把白色的部分选出来
9.选出来就按键盘上的【DELETE 】键删掉，CTRL+T调整好大小！！！【如图】！
10.的方法，把自己喜欢的小人一个一个的选出来放好！！！！！！【如图】！
11.就点击【混合选项】！！！！！！【如图】！
11.的右边就这样显示！！！！！！【如图】！
得到的就是这样的图！！！【如图】！
12.家的笔刷图，没有的朋友可以加我的旺旺！！我发给你们
13.击左边的红色小框框！！！！！选择自己喜欢的画笔！！！！
14.那里新建一个图层，先画一个，键盘上的【[】和【]】键分别减小和增大画笔！！！对其画6个点点出来【如图】！
15.是图层【23】这个数字可以不一样，你们的可能是19这样也不一定！！！！
！把图层【23】按【Adobe Photoshop CS】界面右下角的白色小键复制4份，得到就这样！！【如图】！
16.里要按键盘的shift 就可以水平一动，不然的话就会歪了哦！！！！好后就这样@【如图】！
17.上打上自己店里需要用到的文字，在用混合模式做一下效果！！！【如图】！
18.点击小矩形框！
19.拉出一个适当的矩形！不透明度改为24%
20.在把图片4拖进来，调整大小【如图】！
因为这样很难看，所以改成【正片叠底】
21.再把图片【5】拖进来！打上字做上效果！
22.在下面填上自己喜欢的颜色！
23.我的是填上红色！在把图片【6】放进来，混合模式也改成【正片叠底】
不明白的看这张图片！
23.做好后给模板切片！！
24.
储存为WEB所用的格式-【Jpeg】格式
25.
文件名可自行设定，导出－HTML和图像，导出切片，一定要包括无切片区域并将图片放入子文件夹，最后导出
26.
存成这样的小文件夹
27.把图片上传到自己的相册空间，我用的是淘小宝的空间。【建议大家模板的照片好用钱买的，不然有天你有几百个宝贝全部都打叉叉就死俏俏咯！从新编辑的话累死你啊！】
28.
打开DW工具，然后在如图
29.
所示的操作界面中，单击“打开”菜单，找到刚刚保存好的HTML文件，打开。
然后在如图所示的位置，
30.
会看到有“代码、拆分、设计”三个选项，选择“拆分”。现在在界面中，上面部分就是HTML代码，下面部分就是图片模式了。
31.
32.
找到宝贝展示字样的下的空白图片的切片，选中它之后，上面的代表这个切片的代码部分会被蓝色覆盖，将鼠标移到代码部分，将此部分代码“src="图片位置"”中的图片位置复制下来
33.
然后删掉刚刚被蓝色覆盖的这部分代码，【如图】！
34.并在这部分加上引号中（不包括“”的如下代码 < div align="center" > < img src="宝贝展示图片的URL地址"/ > 。在刚刚改好的这串代码前面的“>”符号前加入下面引号中的如下代码“background="刚刚复制的图片位置" background-reapeat:reapeat-y”。
35.这一步的作用是把这部分切片变成了背景图，并且无论你的宝贝展示图片有多大，都不会撑破表格（除非宝贝展示图片大过了整个图片的宽度800）。
再找到宝贝描述下的空白图片，将蓝色区域中的代码删掉，然后把“background="刚刚复制的图片位置" background-reapeat:reapeat-y”了复制到相同位置。此时不用加入图片链接代码，到时在宝贝描述编辑器中直接加入描述文字就OK了
36.保存代码
全部完成之后，将界面切换到代码模式，（跟第七步切换到拆分模式的方法相同），打开记事本程序，将代码全选，点鼠标右键选择拷贝，然后粘贴到记事本中，保存。
37、使用代码
上传宝贝时，在宝贝描述栏中，点击“编辑源文件”，然后从你保存好的记事本中将代码复制粘贴到编辑栏中，并将宝贝展示图片的URL地址添加好，再切换回编辑器编辑，在宝贝描述字样下面编辑宝贝描述文字，并进行排版，最后保存。完毕～
下面这6张图片是做模板用到的图片，大家可以下到自己的电脑上做练习哈！
用到的图片
图片2
图片3
图片4
图片5
图片6
这个是完成后的样子！
|