【店铺装修】手把手教你如何做促销模板

来源：百度文库 编辑：神马文学网 时间：2024/04/29 12:37:39
【店铺装修】手把手教你如何做促销模板

富奥达家居旺旺在线
卖家信用： 买家信用： 等级:百姓 积分:94TA的帮派>> 主帖数: 4 精华数： 3TA的主帖>>
被加精华了，谢谢护法，高兴中，呵呵~~~
呵呵，刚开店，一直在学前辈们的经验，今天偶也来发个帖。今天偶就来介绍一下促销模板的制作，语言表达能力有限，希望各位理解一下哈。废话少说，现在就开始了。
先给大家看看我制作的效果（为了避免做广告嫌疑，我用了一样的图片哈，大家做的时候可以换成不同的图片哈）

开始制作了，打开photoshop软件，需要的素材：
1一张背景图片，百度图片里搜一下“背景图片”，找到你满意的，图片的基本要求是大图片，大于等于740*740(如果宽度大于740PX,我们需要用Photoshop 将其裁成740PX宽度的,因为公告就只有740PX那么宽)，背景色最好淡一点
2．价钱后面的那个黄色小图片，这张我来提供

3.商品图片，就是你想处理的商品图片，将它保存到本地
制作步骤：
1.新建一个200*240   RGB颜色模式   背景白色的文档    放在一边备用。

2.打开一张你店里的图片，图像大小调整为宽度131PX，高度168PX

3.将它移动到刚刚建好的文档中，调整位置，放在中间。

4.扣取黄色小图片
打开我给大家提供的素材：使用魔棒工具，容差设为65，点击黄色区域

选择移动工具，将选中区域的图片拖至步骤1中建立好的空白面板中，选择合适的位置放好

5．设置商品图片下方的绿色小区域：
使用矩形选框工具，样式：固定大小，宽度：131PX，高度：40PX，将选择区域移动到商品图片的正下方然后新建一个图层，然后右键点击，选填充，填充上自己想要的颜色

6．添加价钱文字：
选择文字工具，点击黄色区域部分，自动会创建一个文字图层，把这个图层拖到所有图层的最上方，写上你的价钱，比如我的价钱是“5元”，为了突出“5”，我们可以把“元”字设置的小一点，然后回车，退出文字选择（文字颜色，大小，位置自己可以自由选择，写上你的价格，然后点击图层下面的添加图层样式按钮（“fx”），点描边，填充颜色选择白色

7.添加商品名称文字：
选择文字工具，点击绿色区域部分，再次自动会创建一个文字图层，写上商品的名称，颜色设为白色，大小，位置自己调好，回车确定

点击图层下面的添加图层样式按钮（“fx”），点描边，填充颜色选择深绿色

到此单个的图片已经完成了，将所有的图层合并起来
然后选择套索工具，抠图，点右键，选择“通过拷贝的图层”，新建立一个图层。
然后打开背景图片，将新建图层上的抠下来的图移动到背景图片上

8.整体布局：
这个主要依照图片图案来，我弄的是上面4个，下面2个，可以根据跟个人喜好来
9. 用切片工具将各个商品给切出来

10.点击切片工具，选取“切片选取工具”，然后双击切好的其中一个图片，出现如下对话框

只要设置上图中的URL项就可以了，设置的内容就是：该商品的网址，这样子等图片处理好以后，点击商品图片就可以进入该商品的页面了，呵呵，就是这回事
11. 接下来就是保存了，点击“文件”--->“存储为Web所用格式…”
再点“存储”，会出现如下的对话框，保存类型选择“HTML 和图像（*.html）”，选择一个路径保存下来后，系统会自动生成一个HTML文件和一个images文件夹，文件夹里面放的是切片的图片，你切成了多少切片，这里就会有多少个图片，但是我们现在都在要本机上处理的，我们还需要将其网络化，请看下一步

12.上传图片：将images文件夹里的所有图片都上传到一个支持外链的网络相册上，我们需要的是这个图片的网络地址，偶是用的淘宝的图片空间，很不错哦。这样就得到了图片的网址
13.修改HTML代码
用浏览器打开HTML文件，然后选择“查看”—“源文件”，就可以看见HTML代码了，我们需要修改图片的网络地址，换成我们图片空间里的地址，如下图

针对每个切片（每个标签里）我们只要改一个地方，就是img src=””的双引号里的内容，换上对应的你上传的图片的网址，但是有很多个切片，所以我们还是要修改很多个img src的，把所有的img src修改完以后，我们就大功告成了，所有的努力都体现在这段精华的HTML代码里了，在网店的自定义栏里或商品描述的最后面加上这段你修改好的HTML代码，你想要的效果就出现了！
下面我再送大家一些背景图片




[最后更新时间为 2009-11-13 18:12]
【店铺装修】手把手教你如何做促销模板 【店铺装修】手把手教你怎样美化你的店铺 【店铺装修】手把手教你怎样美化你的店铺 图片教你制作宝贝描述模板代码,装修店铺 图片教你制作宝贝描述模板代码,装修店铺 - 淘宝网店指南 - 淘宝网网上开店指南 如何装修淘宝店铺 如何装修淘宝店铺 手把手教你如何添加淘宝店铺免费计数器 - 一起学着开网店的日志 - 网易博客 手把手教你如何做预算 教你制作淘宝店铺宝贝分类模板完整教程 教你如何做家居装修预算 手把手教你做 手把手教你做 店铺装修素材—装饰图片 - 模板图片 - 模板天下 店铺装修素材—装饰图片 - 模板图片 - 模板天下1 店铺装修素材—装饰图片 - 模板图片 - 模板天下 会计新手--手把手教你如何做账 会计新手--手把手教你如何做账 【店铺装修】█教你在店铺里加入免费计数器 手把手教你做咖啡 手把手教你做美食 ]手把手教你做美食 手把手教你做边框 手把手教你做手影