> 教你用PS和Dreamweaver制作店铺关联销售图
教你用PS和Dreamweaver制作店铺关联销售图
　　很多网店都放了很多关联销售的图片，或者在店铺首页放很多促销的图片，类似于下面这样的图片。这种模版图片可以单个点进入每个商品的链接，即可以展示单个商品的页面。相信有很多朋友都想知道这种图片怎么做，这种图片是用什么软件制作的?
　　要做这种模版，需要用到两个软件，第一个是photoshop(下面简称PS)，第二个是Dreamweaver(下面简称DW)。下面我向大家一一介绍如何制作这种图片，第一次写教程，可能写得不详细，或者描述得不够清楚，请大家别拿砖拍我!
　　第一步：打开PS软件，新建一个空间文档，文档大小根据店铺的旺铺形式来定(标准版用宽度为750像素的，长度自定;拓展版用宽度为900像素，长度可自定)。
　　第二步，给文档加上标题：爆款推荐，你也喜欢吗?
　　第三步，在文档中复制你需要放入的商品图片进去：
　　第四步：用第三步的方法所有的图片都加进去，
　　第五步，在图片下面添加文(按自己的需求来加)。加上文字后就可保存这个图片，保存到自己指定的文件夹里，文件格式为JPG。
　　第六步，打开DW软件?在菜单栏“新建”里，新建一个“HTML”文档。
　　第七步，点击一下”拆分“将鼠标点击到空白文档片，然后在菜单栏的”插入“里面点击插入”图片“，插入刚才在PS里面做好的图片。
　　图片插入进去后就是下面这个样子，请注意看图片最左下角的红色框，这里是重点!
　　第八步，添加单个图片的店铺链接
　　1.用上面红色框框内的第一个矩形图标，也就是”矩形热点工具“给单个图片添加链接，就是在单个图片上??鲆桓鲂橄呖颍?ǖ谝桓鐾计??峡蚝笙允疚?砂孀刺??
　　2.加上虚线框后下面的”属性“面版上会跳出相应的框框需要加上图片的链接(也就是网店中的商品的展开网址)，
　　注明看上面的红色框，三个框中第一个是填上图片链接，“目标”这个框内选择“blank", “替换”这个框框可以不填文字。
　　用同样的方法，加上所有图片的链接，如上图所示。
　　第九步，图片链接加完后，拆分代码。代码就是我们做图片最终需要的东西。复制好这个代码就可以加到店铺的任意自定义区里去，或者是商品详情里面。
　　上面这串字符就是代码，只需要复制两个“body"之间的字符就可以，保存到写字版里可能粘贴到店铺的任意地址。
　　写了两个小时的教程，终于完成了，不知道有没有描述清楚。觉得有用的朋友就为我鼓一下掌吧 !天气冷，手敲字都敲痛了。ps怎么设计一款淘宝商品促销广告模板?
互联网 & 发布时间： 09:49:11 & 作者：佚名 &
ps怎么设计一款淘宝商品促销广告模板？ps中想要设计一款淘宝促销模板，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考下
如今如今电商可是风声水起，大家都想在电商平台上分一碗羹，可是运营客服美工都要请，否则无法在众多店铺中出类拔萃，下面我就来教大家做一个抢购图片广告，使你的商品能够和别人不一样，分分钟解雇美工。
软件名称：Adobe Photoshop 8.0 中文完整绿色破解版软件大小：150.1MB更新时间：
1、打开Photoshop软件，菜单栏单击文件-新建，创建一个800*800的画布，因为淘宝主图自动默认800*800的图片，如果不是这个像素则没有放大功能。
2、双击右下角背景（如图所示），随后在窗口中央会出现一个小窗口，点击确定即可，再把右下角填充改为0%，图片即为透明的了。
3、接下来就到了制作底部广告最核心的地方了，首先用矩形工具画一个800*120的矩形，颜色随你定，当然要结合一下自己商品的色调，最好是哪个颜色居多就用哪个颜色，因为每一幅图都有一个主色调。
4、接下来用椭圆工具做圆形的价格标签，创建两个圆形一个白色无描边直径265px，另一个透明有描边（描边为虚线）比第一个略小一些（大概小5px），垂直居中对齐，呈同心圆。
5、接下来再创建一个矩形，用来放&立即抢购&4个字，用剪贴蒙版（alt+点击矩形和椭圆中间）即出现如图所示效果，再用文字工具写上立即抢购四个字，和价格。
6、最后把产品的属性，最好的特点用四个字来体现，就OK了。我这里写的是舒适透气，总体感觉是不是还不错呢，最后说明一下汉字字体是微软雅黑，字母字体是impact。
相关推荐：
大家感兴趣的内容
12345678910
最近更新的内容PS制作男装白底实拍图，菜鸟也能自己完成哦
PS制作男装白底实拍图，菜鸟也能自己完成哦
　　晚上回来看贴子，竟然出乎意料的加精了，真的是这辈子的第一次呢哈哈，实在是太兴奋了，一个下午的时间也算是有点回报了，太感谢版主了~
　　一定会继续努力!!!
　　还有要谢谢八楼的提意哦，想不到真的能加精，太谢谢了!
　　看到很多店铺的图片做的赏心悦目，非常令我们这些新手小卖家羡慕，但是又苦于缺乏技术支持只能自己慢慢尝试，这段时间来对于男装白底图片的处理过程中的一点经验分享给大家希望对每一个新手都会有些帮助吧!
　　第一步就是要打开PS软件了，呵呵，看图!
　　之后我们就要在PS里的把需要处理的照片打开了，我们可以直接双击PS的灰色区域来弹出“打开”对话框
　　找到我们指定位置的照片文件哦~
　　看到了吧，室内拍的图片，呵呵，对于刚开始学PS的我来说也是这样子，不知道从哪里开始做，那么接下来我们尝试一下吧，看看到底做一张图难不难，要花上多少时间去让他成为一张能够上传到网店的成品图~
　　大家有没有看到在上图的右下角位置有个小锁呢，呵呵，看一下放大图吧
　　这是一个图层模版，我们要做的就是双击这个小锁来去除图层的锁定功能
　　双击小锁之后会出现这个“新建图层”的对话框，不用多研究啦，直接点确定就可以了。
　　因为要做的是没有背景的白底图，所以我们现在要想办法的就是把图片的背景所有东西都给删除掉哦~看我说起来很烦的样子，其实只要几步的，慢慢来，在PS左边是不是有一个工具条，那上面很多小工具按钮哦，我们现在要选的是“魔棒工具”看下图
　　魔棒工具很实用哦，很快就可以把图片的背景内容清理掉，我们来看看怎么操作吧，
　　在照片的背景上随意点击就可以出现虚线的选择框了，当然你也可以放大选择范围的，这个在PS顶上菜单栏下面会出现一个魔棒工具的相关工具条，我们只要修改“容差”值就可以放大和缩小选择范围了，但是要注意哦，容差太大可能会把背景和衣服相近的一些颜色一起给删掉了，所以要尝试容差值大小会不会选中衣服的色彩造成错误了，选中之后要做的就是删掉背景色了，只要按下“DELETE”键就好了，键盘上哦，找找看：)
　　看到吧，原来的选中的背景色已经被我们删掉了，那么同样的方法就能删掉剩下的部分了，哈哈，找张图来一起试一下吧，看看删掉大部分背景后的效果图，呵呵
　　大部分的背景都已经被我们删除掉了，剩下一些小斑点，还有些我们看不到的细小的怎么去处理才能让背景真正的变成白底呢，接下来用到的就是一个非常非常简单的工具了，那就是“橡皮擦工具”了，在使用这个工具前我们要做一个事情哦，怎么样才能让这些我们可能看不到斑点显示出来呢~我们看PS窗口的右下角，图层模板的最下方，有几个按钮要用起来哦，看图吧
　　右下角哦
　　这个小图标，鼠标移上去会提示“创建新图层”的字样，我们点一下就可以建立一个独立的图层了，看看效果吧
　　多出了一个“图层1”，那么现在我们要把这个“图层1”通过按住鼠标拖动的方法把他拉到”图层0”的下面来，这样的意思就是说我们的“图层0”也就是照片会显示在最前面，图层1的图像会显示在照片的后面，看下图，
　　建立这个新图层的主要作用呢就是为了把我们刚才用魔棒工具不能完全删除的一些小斑点杂质用橡皮擦来擦除掉，现在我们在“图层1”被选中的情况下，大家看到的显示深蓝色就表示是选中状态了，然后要做的动作是按下键盘上的快捷键“ALT+DELETE”这样子我们这个新图层呢就会被填充颜色了，一般都是黑色背景，通过下面这张图就可以看出变化了
　　这样子所有的未删除的一些杂点都会显示出来了，接下来请点一下“图层0“哦，要不然你那“橡皮擦”一过去删掉的都是黑色，呵呵，什么原因呢，就是要选中你要删掉的图层呀~
　　让“图层0”处于选中状态
　　下面可以用“橡皮擦”工具了，在哪里呢?
　　PS窗口左边的工具条上找一找哦，橡皮擦工具有个画笔大小大家要控制一下，然后就准备删除工作了
　　很简单哦，看一下擦掉之后是不是清爽多了
　　好像衣服边上一些细节没有擦除呀，怎么办，用放大镜功能吧，色块大的再用魔棒来选择删除，细小的就选橡皮擦控制画笔大小来慢慢删，要小心些别把衣服给删掉了，要是出错了可以按“CTRL+Z”来恢复一下，(补充一下，用魔棒删掉之后选择框是还在的，所以要取消选择框的话就按“CTRL+D”)
　　看吧，没杂质了，那这个黑色的背景图层也就完成他的使命了，把它删掉吧，直接在图层的模板那里拉到右下角的垃圾箱就可以删掉了
　　看上图，右下角那黑色图层已经删掉了，主窗口也只有一张没有背景色的衣服主图了，现在要做什么呢，就是把图片剪个正方形吧，淘宝要求是正方形的主图哦，使用PS工具条上的”裁剪工具”在刚才用过的那个魔棒工具的下面一个就是了，然后按住“SHIFT”键，这样就可以剪出一个正方形的图了
　　选中之后双击一下就可以把图片剪好了，多余的部分就不需要了
　　接下来修改图像的大小，按淘宝的要求来嘛，要不然一张图就有几十M传上去的话永远别想有人来看了，选择“图像”菜单下面的“图像大小….”然后就会弹出对话框了
　　设置宽度和高度，我这里设置的是750像素，你们可以根据实际情况来设置吧，按确定就OK了。
　　好了吗?这只是前期哦，图片的实际效果是不是跟实物接近了呢(我也是新手哦，做到百分百很难，但是总要做到差不多为止吧)
　　图片比实物要暗一些哦，那么有几个步骤就可以完成效果设置了，我们主要修改的是衣服的色彩哦，如果头像没什么大的出入就不做修改吧，所以选中衣服就好了，怎么办呢，难道用套索工具来慢慢套出来吗，那可麻烦了，会烦死人的，呵呵，大家看看在魔棒工具里面有个“快速选择工具”很好用哦，一下子就可以选好了
　　看一下，是不是选的很快，一两秒钟就搞定了，但是好像有选择了多余的东西哦，还是这个工具哦
　　有个+号是用来选的，那这个减号肯定是用来删的，哈哈，试一下吧，多操作一下其实真的非常容易
　　怎么样现在只有衣服部分被选中了，按住“CTRL+SHIFT+L“使用自动色阶功能看一下效果是不是有改变哦
　　好像是比原来亮多了，但是还没达到我们所要的效果哦，接下来用“滤镜”菜单下面的“锐化”再选”USM锐化….”小小的调整一下数值吧，看看差不多了就点确定，呵呵，还有最后一步哦，那就是在我们拍照过程中因为光线问题造成的颜色偏差了，在“图像”菜单下面选“调整”再选“曝光…”看一下会弹出一个对话框
　　调整一下曝光度就应该和您的实物相差不大了，去除色差，在调整菜单下面还有很多选项都可以试一下，每个图片都有不一样的情况，所以不能单一的用这几个步骤来完成所有的图片处理，在这里只是把这几天来的操作经验做一个简单的分享，除了这几个步骤我真是其他一点都不知道做了，所以还请大家共同分享经验哦
　　最后保存图片成JPG格式就可以上传了~好像现在有个支持细节特写图的申请，要求支持放大镜的，大家把图片做成800*800 应该就可以了，为以后做准备哦，一下子改全店的图有点麻烦，但是从现在开始做起嘛呵呵~准备开淘宝店，求下图的P图步骤，万分感谢。_photoshop吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：1,101,573贴子：
准备开淘宝店，求下图的P图步骤，万分感谢。收藏
如下图，我可以单独把5个车拍下来，也会弄白背景，但请教各位大神，如何把这5个车合到一张图，求一下步骤，谢谢。
photoshop mac,苏宁易购,品牌网购商城,品牌专属网络销售,支持货到付款,省钱又放心!photoshop mac,苏宁易购正品低价,支持货到付款!7天无理由退换货,100个城市半日达!
或者告诉俺这种P图叫什么方式？是合成还是拼图什么的，我好去找教程
把图缩到一定比例 放到一个页面上
这是PS入门基础 看看有关PS最基本的工具使用说明视频你想要达到的效果需要用到的工具1.背景橡皮擦或魔术橡皮擦的使用方法2.移动工具的使用方法3.自由变换的使用方法4.图层的基本概念学会使用上面的三种工具+理解图层的基本概念 就可以完成你要的效果了
把每个车从拍的照片里抠出来，依次放入新建白背景中。
新建白色背景画布，然后把汽车图片再另外打开，不要放到白色画布上，然后对汽车的外形进行抠图，也就是做选区，选区做好后复制，到白色画布进行粘贴，如果看不全汽车，可能汽车图片太大，需要利用自由变化进行大小位置的调整，依次填好其他汽车，最后给每个汽车加上阴影，要不然看起来没立体感，加阴影的方式很多，简单点的做个选区然后添黑，模糊一下，透明度改小
登录百度帐号