如何利用PS打造专业的促销
今天向大家分享下如何利用PS打造专业的促销模板,绝对简单实用的操作,只需要跟着步骤走。(标准版和拓展版旺铺都可以用,建议刚开店的卖家一定要用旺铺哦,改花的钱还是得花滴,投资上省钱就是最大的浪费) 新建一张大小合适的图片。
图片大小:标准版和拓展版宽度都设为950px 高度自定义可以自定义,背景颜色选择白色或者透明。
淘友们可以根据要展示的宝贝数量设置相应的高度,店铺首页的产品图片大小为160*160,比如950*800950*500看官们可以自由发挥,这里我以我自己店铺里的模板为例,950*470 如图: 新建好之后 为了更加美观,我们先对图片头部进行处理。选择矩形工具,在图片上画出如图所示的一个方框 这一步完成后 我们选择油漆桶工具——颜色调整为浅灰色 鼠标移到刚才勾选出的方框内点击,选选区变成浅灰色,为了更生动,我们在我们还可以上边用铅笔工具画出一条红线。图片左上角可以写上标题 如图: OK,接下来更加生动一点,选区铅笔工具——在灰色区域的上方和下方分别画一条红线,黑线。注意:滑县的时候按住Shift 就可以画出直线了。
图片左上角可以写上标题 这样基本的样子就出来了。接下来我们对图片进行分割,分成2行5列,10个均匀的小块。为什么是5列呢?大家想,图片的宽度是950px,而标准版旺铺左侧自定义模板的宽度是190px。
这样刚好分成5等分。 接下来 我们按Ctrl + R 打开PS的标尺工具。然后点击视图——新建参考线 建立六条参考线 注意新建参考线的时候,填写的单位是 px,然后建立一条水平,四条垂直的,下图是分隔好的图片 如图: 图片分割完成之后,我们将准备好的宝贝图片放到相应的图层上,再用文字工具 写上产品标题和价格,如图所示: 是不是觉得比较单调?我们可以设置一个按钮 点击PS右下角的图层,点击背景层——选择矩形工具 — 画出一个矩形 画好之后,按Ctrl+Enter 调出选区→用填充工具填充为红色→ 右下角图层这一栏 → 选择刚刚编辑的这个矩形点击右键——选择“混合选项”——将阴影这一栏勾上 然后在阴影上点击右键—— 角度120° 距离大小都填写2 好了之后点击确定 效果对比 是不是生动许多,混合选项里面有很多效果,大家可以参考着用,如图 我们将其他的产品都放到图层上,按照这个方法设置好宝贝标题和价格,我这边做个示范,就不全部输入了。
小技巧:设置好一个红色按钮之后,按住Alt键,鼠标左键点击它 拖动就可以复制按钮了。 接下来我们对图片进行切片,但是针对标准版用户,不能添加宽为950px通栏,我们需要先将图片裁切成两部分,左边宽为190px的通栏和右侧750px的通栏,用裁剪工具先将左侧图片裁剪下来。 裁剪工具选择好选区之后,敲一下回车键,就可以把第一列图片裁切下来了: 裁剪好之后,就需要对图片进行切片了,选择切片工具,切片的时候只要把相对应的宝贝切出即可,如图: 切好了我们对切片进行编辑,在相应的切片上点击右键——切片选项,填写切片的相关信息。
填写好了点击确定。如下图: 切片完成之后,我们将它保存,点击文件——存储为“WEB”和设备所有格式——点击“存储”——保存类型选择HTML和图像(*.html),如下图步骤: 保存之后,桌面上会生成如图所示的两个文件。放着待用 接下来对图片右边进行切片,和刚才一样的方法。裁剪工具——选取需要裁剪的——敲回车—— 切片工具——右键——切片选项——设置连接地址 切片完成之后 OK之后 点击文件——选择存储为“WEB”和设备所有格式——点存储,选择Html和图像——同样是生成两个文件 放着待用 这时我们可以把PS关了。
接下来我们要做的就是获取代码 前面我们保存之后 一共得到了四个下图所示的文件 接下来我们打开淘宝的图片空间,将“images左侧的”这个文件里面的图片上传到图片空间(如何上传到图片空间不多做解释了哦。淘友们肯定很熟悉了)。 上传好了 我们在这个“左侧图片.html”这个文件上点击右键——选择打开方式——记事本,打开之后会有一串代码,这个就是我们需要的模板代码了,不过还要做修改 如图: 然后,店铺装修上传代码 有了代码之后,我们将代码里的图片链接替换成宝贝空间里的图片链接,需要一一对应,千万不要替换错了。步骤如图所示: 代码替换之后,我们打开店铺装修,在左右两侧各添加一个自定义模块,我们先编辑左侧的自定义模块,打开编辑框,点击源代码编辑,将刚才得到的代码复制到编辑框中,点击保存,如图: 按照同样的方法,将右侧图片的代码替换链接地址,然后复制到右边自定义模块里面,点击保存。
保存好了之后,我们就可以发布了。看下效果吧,是不是挺不错的呢,简洁不失大方。
用ps怎样制作淘宝详情页关联营销图片
步骤具体如下: 1、打开ps,把要做关联的图片先排列整齐,找到切片工具,把图片分成6份(当然你关联的产品更多可以多分几份,) 2。选取切片选取工具,在要做关联的图片上点右键------编辑切片选项 3.在切片选项工具栏里输入图片关联网址 4、保存图?片选择文件-----存储为web所用格式 这步非常重要。
5.会生成一个html格式的文件和一个图片文件夹 6、在未标题-1.html文件上点右键----用记事本打开,会开到html语言源代码,你可以稍微了解一下html语言后缀名是gif就是图片的位置。
7.、把images图片文件夹里的图片上传到你的淘宝图片空间(最好新建一个文件夹放里面并取好图片的名字,比如有6张图就依次取名1、2、3、4、5、6) 8、在淘宝图片空间里复制链接 9.将第8步骤的复制链接粘贴入第6步骤里的画红部分的图片,有6张图就复制链接6次,并保存记事本。 10.打开淘宝助理----宝贝管理-----宝贝描述源代码,如下图修改一下即可完成关联模板得制作了。
如何用ps制作优惠券
1,�

评论列表