|
1．Adobe Photoshop CS2 9.0 （处理图片离不开它）
http://www.duote.com/soft/1725.html
2．GIFAnimatorv5.05汉化绿色特别版（这个软件是用来制作GIF动画）
http://www.duote.com/soft/15782.html
3．Microsoft Frontpage 2003 SP2 简体中文精简测试版（网页制作软件）
http://www.duote.com/soft/5845.html
第二步。到网上去寻找素材
我找了这几个图片
用 GIFAnimatorv5.05汉化绿色特别版在上面加想要加的字字，
1． 打开 GIFAnimatorv5.05汉化绿色特别版找到你下载的图片
2． 选择文字工具 : ,会弹出一个文本条目框.如图:
3． 选择自己要打的字就OK啦.也可以调整位置的.
4.点 复制5个帧
5．脱动上面的字，向右移动一点，
6。 字会动了。
7.保存成GIF文件
8.上传到你的图片空间
第三步：用Adobe Photoshop CS2 9.0做模块
1． 新建一个735x500的图片，背景内容选透明，然后按确定。
（735x500是旺铺促销栏的尺寸） 新建图层之后。再复制一个图层如图
选择图层副本。然后选择 渐变工具
在这里你可以选择编辑自己喜欢的渐变颜色。然后在图层副本上进行渐变
因为我的素材比较浅，我用的是浅色
再次复制图层副本1
下面我们来做这些小框框。首先在工具栏的设置前景色为灰色
如图。然后选择圆角矩形工具
选择
如上图所示。在图层副本2上面用鼠标拖出这样一个矩形。（大小形状和位置可以自己随意选择。自己喜欢就可以）下一步鼠标放在灰色矩形上面，右键----;混合选项----;单击描边，前面的框选购。如下图：
如图所示
上图就是这张模板的基本排版方式。让我们再来看看图层窗口
被选定的3个图层就是刚刚做的排版。。下一步。如上图所示，把这3个图层选定后鼠标单击右键----->栅格化图层。得到结果如下图
然后继续单击右键。合并图层得到结果如图
合并之后。刚刚所有的矩形框都合并到一起了。然后点击工具栏的魔术棒工具
用魔术棒把刚刚矩形框的白色部分选出来。。按住Shift键不放开。然后用魔术棒单击灰色部分。可以把灰色部分都选定。如下图
选定之后按DEL键把白色部分删除。得到下图：
OK。大概的排版就到这里。亲们只要按照这个步骤下来。。一定可以做成这样的。
下面是打上你的公告
选择文字工具
要打的字
到这里。模板就大部分完成了。接下来就是切图部分。在切图之前。先把做的这个模板保存一下。 文件-----;存为WEB所用格式---;保存为JPEG格式图片。图片质量选择为最佳，保存。就OK了。（上传到你的图片空间）
o... 好了。。下面我们来切图。点击工具栏上面的切片工具图标
切片完成之后。点击文件---保存为WEB所用格式---;点击存储，弹出窗口中选择自己所要保存到的文件夹。如下图所示
好了。下一步。我们要用到Frontpage2003这个网页制作软件。首先打开Frontpage2003------文件---打开----;找到刚刚保存切片的文件夹。里面有个HTML文件如图
双击打开这个文件。在Frontpage2003的窗口中会显示出切好的模板。鼠标单击图片。会发现。这些图片是完全分开的。这就是切片的效果。。其实。我们平时上网看到的网页上的一些图片都是这种小块的图片拼接起来的。
鼠标单击后。小块图片的边上会出现小点。按下DEL键。全部删除这些图片。一个不留。全部删除了。只留下那些虚线的框框如下图：
然后鼠标单击右键----表格属性-----;弹出窗口如下图
图的地址就是刚刚上传的GIF的动画地址。也就是说，把刚刚做的GIF动画当做模板的背景用，点击应用。Frontpage2003会从网络相册读取图片。得到图片如下图
把光标移到第一个的单元格中
这里的文件名填写刚刚上传图片的外链接地址。注意图片对应好了。
添加完成后。点击确定。就可以了。。。其他2个也是相同的做法，，只要换下地址就可以了。具体地址。可以打开你的浏览器。打开相应的网页。在浏览器的地址栏中查看。复制。粘帖就好了把光标移到第一个的单元格中
好了加上按钮添加超链接
鼠标右键---超级链接属性---;单击弹出窗口。窗口设置如下：
这个链接是你网店的链接
最后一步把图复制代码到你的小店里，
到这里。模板就算制作完成了
|