1,电脑里安装PS,,还有
这个两软件,可在网上下载.
2,将制作宝贝描述的素材准备好,比如图片这些
二,制作
1、打开PS(注意PS有两个模式,一个是IM,这是做动画的必备,还有一个是普通的PHOTOSHOP)这里我们先打开PHOTOSHOP的模式,打开文件,新建一个大小合适的的文档,做描述模板的尺寸一般宽是900象素,高度自定
如下图(注意里面的各项设置)名称可以自定,只要便于记就行
2,新建文档后,再填充颜色,
(1)填充颜色的方法:找到旁边工具栏里的那个我箭头指的那个东东,点击上面一层可设置颜色
(2)点开上面一层后出来的效果如下,可根据自己的需要选择需要的颜色
(3)然后再打开最上面的有个编辑,下拉菜单里有个填充,点开填充后,如下图(注意里面的设置)
(4)填充后效果如下:
3.打开想要加到描述模板上的的图片,我是从网上找的图片
4.点击旁边工具栏中的拖动符号(下图有说明)将上一步打开的图片拖到填充好颜色的描述模板中
5.这次要转换到IM中编辑.抠图(点工具栏中下面的那个箭头符号就可以转换的),转换到IM后,点击工具栏中拖动图片的那个剪头符号,点击刚拖上去的图片,然后点击工具栏中那摩术橡皮擦(下图里画上红圈的那个图标,调节好容差,如果前面的图片与后面的背景图片颜色相差大,就可以将容差调大点,如果接近,就调小点)然后对着我们刚拖上去的图片要抠的地方点击,就可以抠出图来,有时会有一些小细节抠不干净,可以转到PHOTOSHOP中,用橡皮擦清理干净.
6.接下来我们就做图片上要加的字
(1)先点到我们要加字的图层,就是下图左边的那个小图里变蓝的那个图层1,然后将前景色变成白色(颜色可自定)(具体做法照第2步的第(2)小步做),然后再点击工具栏中矩形框图标(下图有说明)然后再调节图形的大小及需要的形状,这样就可以画上自己想要的距形框了,需要不同大小的距形框,可以调节的,下图有具体说明.
(2)加上矩形框后,显示图层的栏里就如下图的样子,可对比一下,你自己做的和我做是否一致.
(3)然后对刚加去的这些矩形框进行删格化,只有删格后才能在这些矩形框的图层上编辑的,下图有具体说明
(4)然后对删格化的矩形框加上图层样式,下图有具体说明,就是打开图层,下拉菜单里有图层样式,打开后,就可以加上自己想要的图层样式,我这里只做了一个简单的描边,描边做法如下,注意里面的设置
7.描边完成后,就可以在这些矩形框上加上自己需要的字,加字的具体做法下图有说明(点击拖动图片的那个图标,点击要加字的图层,然后再点击工具栏中\"T\"的那个图标,在要加字的图层选定要写字范围)
加字后的效果如下图
8这下就做好了一个,但这没有完成哦,转到PHOTOSHOP模式保存,保存为WEB所用格式,就出来下图,注意里面的设置哦
9这次我们再次转到IM模式,对图片进行再次编辑,这次是使我们加上去的字能动起来,点击工具栏里的拖动图标,对着字点击,字上就会如下图有一个小框,然后再点图层上的图层样式(方法如第6步的第(4)步的方法设置描边)
11.保存完后,再转到IM模式下,新建一个与前面做的描述模板大小完全一样的文档,然后将先前保存的那两张图打开,先将其中的一个图片拖到这个新建的文档上,一定要对合好,然后复制一帧,(点击动画栏里最下面的有一个复制帧的按扭)如下图,注意里面的那些小图上的图层是否与我做的这个一致
再将另外一个图片拖到新建的文档上,一定要对合一致.
注意如下图,一定要将图层显示模式设置成下图样子,仔细观察两图的不同
切片,点击工具栏中画红圈的图标,就可以切片了,一定要将我们的字(这是后面要用来做
超链接及字闪动)及写公告的空白处单独切出来
注意切到宝贝展示那里的时候,将宝贝展示,宝贝描述,温馨提示这一块地方作为一个整体切下来,然后就要点击下图画红圈的切片,出来下图的样子,注意里面的设置,然后点击工具栏中切片的图标,调整切划线的位置.
然后转到PHOTOSHOP保存为WEB使用格式,保存为HTML格式
然后再次返回到IM模式,对准刚才切好的字进行截切,截切一定要按照切片的线进行截切,对截切下来的图保存后,然后再照着下图的说明进行返回,也就是恢复原来图片的大小,再依次对其它字进行截切.保存.
截切出来的图片效果如下图,沿着切片线进行截切,大小与切片出来的一致,这是很重要的
然后打开切好后的需要写公告的空白图片(在保存HIML格式的图片的文件
)点开IMAGES就会出来那些切好的小图,然后找到那张切好用来写公告的空白图片就行
然后新建一个与此图片大小完全一致的文档,将切好的图片拖到这个新建的文档上,如下图
然后在这个新建的文档上写上字,接下来照着下图做,就可以做出滚动的字,做好后,保存为GIF格式.保存名字最好是与切片中的图片名字一样,这样在上传到网络相册时才容易替换掉切片中的图片.
做滚动图片,打开切好的要做滚动的图片,再新建一个文档,但宽度要适当比切好的图片宽一点,具体自定,,将要用来滚动的一个个小图片调到合适大小放到这个新建的文档上,然后保存,再打开这个保存后的图片,接下来做法与滚动字差不多,但要多做一步,就是先将过滤设成最后一帧,如下图,然后再点过滤帧,设为下一帧,做完以后,就保存为GIF格式.保存名字最好与切好的图片名字一样.
在PS的就做完了,图片就先做到这里
关闭PS,打开
,再打开保存好的HIML格式的图片
再点击写字的图片,就会有一个小框,再点开下面画红圈的IMG,就会出现下面画红圈的蓝色小方块图标,
点击它上图那个画红圈的蓝色小方块图标,再点击写字的图片,图片就会变成蓝色,在链接
的地方填上店铺的地址,(注意里面的设置)这样链接就做好了,依次做好其它带字的链接,这样做后,点击这些字就可以进入到相应的页面.
接下来就做宝贝展示的空白处了,先点击宝贝展示下面空白的地方,记住下图中出现的宽度尺寸,及源文件时出现的那个地址(描述模板_16),再按DEL,即出现下面的图
然后再点击下图里那个小方格的图标,出来的对话框里,宽度就填上上一步里记下的宽度
接着在下面的背景图片点击黄色的那个图标,选出我们上面记着着的那个图片地址(描述模板_16)
点击代码,里面就会出来一些代码,
接下来把切好的小图片即
images里面的小图片全部上传到网上相册里,这里要注意的是,我们前面做出来带闪动的字和滚动的图片一起上传上去,切片里的这些闪动的字及滚动图片的那几张就不用上传,意思就是用后面做的这个替换掉切片里的相应图片.
用这些小图片的网上地址替换掉在代码里的图片地址,这样就做好了.然后复制这些代码粘贴到记事本里保存起来(记事本:在桌面上右击,新建文本文档就行,这个文档就是记事本)然后在编辑宝贝时,把这些代码粘贴到宝贝描述框里(在编辑源文件的模式下),就行了,然后再转换到编辑器里,就可以将要写的字及图片放到相应的框里,就行了
原文来自53货源
网:http://xx.53shop.com/html/wangdianzhuangxiu/2009/1003/3455_6.html
因篇幅问题不能全部显示,请点此查看更多更全内容