首页 电商 正文

如何用标尺做规整的淘宝装修模板

2024-03-21 09:52
admin

很多淘宝卖家向装修网小编咨询如何自己做一个整齐的促销模板。鉴于咨询的人比较多,小编就在此为大家详细讲解下。

用的还是photoshopCS2(简称PS),PS是网店装修比不可少的一个工具。今天重点就是标尺的运用。

第一步、打开PS,点击左上角的“文件“,新建一个白色背景,如图:

第二步、嘿嘿,关键来了---调出标尺!

快捷键Ctrl+R(是Ctrl键加上字母R),即可调出,或者是点击在PS的最上方的工具栏(即是刚开始的“文件“一栏)的”视图“,会在弹出的下拉菜单中看到”标尺“,点击。背景图变化如下:

下面为了让大家看清楚一点,我会把白色背景改成其他颜色。

第三步、关键又来了---调出参考线!

把鼠标移动到标尺上,按住鼠标左键,往右边(下边)拖动,即可调出咱们可爱的参考线;或者是通过“视图“,可以在”标尺“的下方看到”新参考线“,点击。弹出一个框框,选择所需要的取向,在”位置“那里设置距离,我设置为5cm:

新参考线

参考线设置

参考线模样

呵呵,采用在“视图“那里点击稍微有点麻烦,下面我用鼠标拖动的方式来操作。哦,忘了重要的一点,肯定会有人问如何取消参考线和调节参考线?

方法:

1、“视图“的就在那个下拉菜单里有”消除参考线“的(注:按这个取消参考线是将全部参考线都取消的哦,要注意了。如果要取消刚弄错的一条参考线,可以点击”编辑“的”返回“。)

2、鼠标拖动:按住Ctrl键,把鼠标放到参考线上,会出现一个图标,额,截取不了图,我画一个:

就是这个样子。然后就可以往左往右(往上往下)拖动了。把参考线一直往两边拖到最边上就是传说中的取消。

使用鼠标拖动的好处就是可以任意调节参考线和取消参考线,想不要那条参考线,就可以很快的操作。是不是很简单!

第四步、好啦,标尺和参考线都会了,那么接下来就可以制作模板了,我做的是750像素的三栏效果,先把参考线做出三栏的效果,如图:

然后点击PS左边的工具条中的“矩形工具“,如图:,把鼠标移动到参考线对角处,如图:

颜色设置

点击颜色设置,选择颜色,确定。然后快捷键按Alt+Delete键,会发现我们用矩形工具框住的范围变成了我们刚才设置的颜色,如图:

######

其他的也是如此操作。

第五步、接下来就可以把已经弄好的图片还有需要的文字放上去了,这里为了避免广告嫌疑,我随便用一张图片来处理。

打开图片(PS左上角“文件”中的“打开”),然后点击“矩形工具

“旁边的“移动”工具,,然后拖动调整到需要放置的位置上,需要注意的是,拖动的时候图片会被参考线吸引,老是往参考线上黏糊。所以我们可以使用快捷键来调整,按ctrl+T,会发现图片四周有所变化,可以发现图片四个角和中间部分都有一个很小的正方形,把鼠标放到正方形上,可以调节图片的大小的,当然啦,那是不规则的变形,如果要等比例的改变图片大小,鼠标拖动前先按住Shift键,那就可以随意调节图片大小了。(免费全套模板下载请点此进入)

额,说多了。转回正题,我们按ctrl+T后,就可以用鼠标拖动图片了,放到适合的位置,还不满意的话,拖动后放开鼠标,然后用键盘四个方向键来调节;也可以在按ctrl+T后,按住ctrl+鼠标拖动。效果如图:

然后在图片下方输入文字,点击工具中的这个(如图)即可输入文字,最后效果如图:

第六步、处理完图片和文字后,接下来是比较重要的环节---切片。这里我们将用到切片工具。嗯,先把参考线消除,其实不用消除的,这里我为了让大家看清楚切片的效果,就消除,呵呵。

因为我做的是三栏效果的,所以我们可以用“切片选取工具”,

把鼠标放到选区内,鼠标右键,点击“划分切片”,在弹出的选框中选择“垂直划分为”填写3,可以明显的看到我们的选区分为了无限接近相同大小的三个区域。如图:

然后点击“文件”中的“存储为web所用格式”,弹出选框,点击“存储”,保存格式为“HTML和图像(*html)”,然后按确定即可。

第七步、保存在桌面的,然后打开那个images文件夹,将里边的所有图片上传到图片空间。

第八步、打开dreamweaver(简称DW),打开另外一个文件,点击一个图片,然后复制图片空间相对应的地址,在DW属性栏找到“源文件”,删除里边的内容,然后粘贴地址。另外“源文件”下方有个“链接”,把店铺的这款产品的链接粘贴进去。其他的也是按照这个步骤操作,最后点击保存。

最后鼠标右键点击保存好的文件,选择“打开方式”中的“记事本”,复制记事本内的所有代码,在店铺新建一个自定义内容区,把代码复制进去,即可收工。看看我店铺的效果:

总结:其实店铺装修在于用心,哪怕你不会photoshop,不会dreamweaver,没关系!只要你拿出百分百的努力用心做好,相信有一天,在你的店铺首页,会有一个崭新的变化!

学会了这些,你也可以为你的网店做一个全套网店模板,这样你的模板就是独一无二的了。

相关文章

  • 拼多多商品参考价设置多少合适?越高越好吗?

    拼多多商品参考价设置多少合适?越高越好吗? 在拼多多这样的折扣平台上,消费者通常更倾向于追求价格优惠和实惠。,如果参考价设置过高,可能会使消费者觉得商品不具有吸引力,从而失去购买的动力。,需要在挖掘市场需求、了解竞争对手、考虑商品品质和服务等多个因素的基础上进行决策。

    2024-03-13 17:33
  • 拼多多哪些商品属于禁售品,不予许售卖?

    拼多多哪些商品属于禁售品,不予许售卖? 您好,请您参考拼多多管理后台【规则中心】——《拼多多禁发商品及信息管理规范》了解更多相关知识请点击链接参考多多大学课程:《商品禁售VS商品降权》

    2024-03-18 10:48
  • 拼多多的衣服好吗?值得买么?

    拼多多的衣服好吗?值得买么? 像我这种精致贵妇,会去逛拼多多结果入坑后回家躺在床上,刷得不亦乐乎,啪啪打脸!,花重金(也就400多吧)一口气在拼多多上淘了五类单品,外套、卫衣、鞋子、包包、帽子应有尽有。,鞋身还有可爱的小熊图案,细节处理得超级到位,再加上鞋子自带增高效果,简直就是萌妹必选呀!

    2024-03-18 10:29
  • 拼多多参考价怎么填?有何技巧?

    拼多多参考价怎么填?有何技巧? 如何填写参考价?1、首先大家需求理解什么是拼多多商品市场价。,但前提是对竞争对手商家要有本人一定的研讨和理解。,例如,要查找出竞争对手的客单价、活动,价钱设置和优惠等信息。

    2024-03-13 16:14
  • 拼多多商品参考价怎么填?产品价格公式

    拼多多商品参考价怎么填?产品价格公式 在上传拼多多产品的时候,我们需要设置产品的价格,这个价格是产品的销售价格,除了这个之外,我们还要填写参考价,这其实也是一个很重要的属性,这一栏该怎么填呢?一、商品参考价怎么填?1、首先大家需求理解什么是拼多多商品参考价。,但前提是对竞争对手商家要有本人一定的研讨和理解。,例如,要查找出竞争对手的客单价、活动,价钱设置和优惠等信息。

    2024-03-13 16:13
  • 拼多多参考价格是什么意思?怎么设置?

    拼多多参考价格是什么意思?怎么设置? 如果出售,价格一般不变,折扣工具的设置会有变化。,但前提是对竞争对手商家要有本人一定的研讨和理解。,例如,要查找出竞争对手的客单价、活动,价钱设置和优惠等信息。

    2024-03-13 16:11
  • 抖音小店参考价规则要求有哪些?

    抖音小店参考价规则要求有哪些? 一、类型说明请确保上传真实、有效、清晰的价格凭证并与所选的“参考价”类型保持一致,避免出现价格欺诈等违法违规情形。,二、具体要求抖音小店参考价规则是由抖音平台自行制定和调整的,可能会根据市场需求、商品种类和所在地区等因素而有所不同。,请注意,参考价规则是保证公平交易、维护消费者权益和促进市场健康发展的重要工具。

    2024-03-13 18:15
  • 抖店的参考价是什么意思?抖店价格如何制定?

    抖店的参考价是什么意思?抖店价格如何制定? 然而,对于很多人来说,抖店的参考价到底是什么意思呢?接下来我们将详细阐述这个问题。,如果某个产品在市场上供大于求,那么参考价可能会相对较低;相反,如果某个产品供不应求,参考价可能会相对较高。,如果市场对某个产品有较高的需求,商家可能会提高价格;相反,如果市场需求较低,商家可能会降低价格。

    2024-03-13 18:15
  • 拼多多有区间价怎么报活动 【定价技巧分享】 _拼多多

    拼多多有区间价怎么报活动 【定价技巧分享】 _拼多多 拼多多商家想要获得更多的展现,努力做推广是必须的,同时,还要多去报名参服务号,客服会做登记,符合条件的会发送群号,加入群以后建议活跃点,多报名;即时报不上……后续运营会对店铺的实际情况进行查看如果符合会发送入群信息.目前拼多多的店铺过万的越来越多,有些**的商家没几天就过万了,但是,却不能成功和小二对接!如果我们的产品市场需求量大,而价格方面也有很大优势!才会大大的提高对接运营的成功率哦!不过接不

    2024-03-22 21:29
  • 2016淘宝双12四大创新玩法

    2016淘宝双12四大创新玩法 获得进一步搜索流量推荐后,同等情况下你的1212活动商品在搜索结果页和list结果页中,会比未推荐的商品更靠前。,在上述时间段内,卖家可以自己的店铺或商品为素材,拍照修图上传并配上一段“万能体”文案(具体为:……概括描述经历……,我与你们不同。,以上就是小编给大家介绍的关于“2016淘宝双12四大创新玩法”。

    2024-03-22 20:44