首页 电商 正文

手把手教你制作店铺首页全屏图

2024-03-21 08:50
admin

新年马上就要到,装修频道的小编在这里先祝各位新年快乐,马上发财,马上流量飙升,马上订单多多!!!

每次看到天猫网店的首页全屏大图,是各种羡慕嫉妒恨啊,没办法,也只能是得比得比的说几句了。看着就高端大气上档次啊。心想自己来做一个,咱也来高端大气上档次一下,于是乎,摸索摸索再摸索,终于成功了,那真叫一个漂亮,但是这种好事也不能自己一个人来享受,于是乎,小编立马快马加鞭,赶紧把方法公诸于世!大家一起来高端大气上档次一下!方法绝对原创,我也看过别人的方法,但是在操作上不是很方便,需要对照标尺,还有要凭感觉,有一点差异图片在网页上就不能严丝合缝,有点麻烦!

用到的工具只有一个,那就是我们的“神器”PHOTOSHOP,我用的是CS5,这个版本选择依据个人习惯,没什么特殊要求,

下面先给出最终效果图:

好的,下面开始我们的高端大气上档次之旅:

1、打开PHOTOSHOP,打开需要进行制作的素材图片;

2、更改图像大小,图像-图像大小打开对话框,更改适合的数值,使其能在浏览器全屏显示,具体的数值受电脑的屏幕尺寸影响(最小不能小于1024像素),我使用的是1346像素就能全屏显示(数值的确定方法详见本文底部);

3、最关键的一步了,我们要用到的是切片工具;

这里的切片的数据不是手动切,而是直接输入数字来确定,在图片上鼠标右键选择划分切片,选择垂直划分;

确定后再鼠标右键选择编辑切片选项;

重点来了,这里的宽度如何确定,淘宝首页自定义模块的宽度是950像素,因为刚才图像大小是更改为1346,所以这里第一个切片的宽度为(1346-950)/2=198像素,直接输入,第二块切片的宽度为950像素,第三块切片的宽度为198像素,操作方法跟第一块切片相同,只是鼠标右键的时候要在相应的切片上;

4、切好后,直接选择文件-存储为Web和设备所用格式;

5、打开刚才保存的图片,一共有三张,把第一张跟第三张直接托放进PHOTOSHOP,也可以选择文件-置入,选择相应文件确定即可,每一张置入都需要敲击回车键确定;

6、把两张图片分别放在图片原来的位置对齐,可放大图片对,这样比较准确,然后删除最底下一张图层,合并所有可见图层;

得到我们需要的背景图片;

下面我们来制作背景图片,因为首页存在页头内容,所以背景的高度需要设定,我这边页头内容为150像素,加上分隔符10像素,加上图片高度是752像素,所以新建的图片宽度为1346,高度为912像素;

1、这里把图像分为三部分,第一部分是页头,第二部分是分隔符,第三部分是背景图片;

分隔符制作方法:新建一个宽度为1346,高度为10的图像,用油漆桶工具更改整张图片颜色,颜色可根据自己店铺首页的导航栏的颜色来定,然后选择移动工具直接托放进刚才的图片中,放在相应的位置;

页头区空白,把背景图片跟分隔符图片放在相应位置;

2、得到我们想要的图片,注意存储为Web和设备所用格式,图像大小小于200K;好了,我们现在打开我们的网店装修后台,在页面管理选择首页,添加一个自定义模块,放在最上端,把刚才切片切出来的第二张图片放上去,就是宽度为950的那张图片;

然后进入样式编辑-背景设置,这里有两项,页头设置和页面设置,页头设置是设置店招跟导航栏的背景的,我们进入页面设置,背景颜色可以不显示,在页面背景图上传我们做好的背景图片,选择不平铺居中显示,

然后保存发布,好了,去看看自己的店铺首页吧,是不是很漂亮。

图形大小的确定方法:调整图像的大小,然后选择存储为Web和设备所有格式,里面有个浏览器预览的选项,预览一下就知道是不是全屏显示,或者是图片是否有被剪贴。

新年马上要来了,年底了希望快递依旧给力,过完年打算上天天特价活动,各位有什么好的建议码?欢迎到易淘问答社区畅所欲言!

相关文章

  • 京东旧版长图编辑入口下线及新入口上线维护通知

    京东旧版长图编辑入口下线及新入口上线维护通知 重要提醒!京东平台发布了旧版长图编辑入口下线及新入口上线维护通知!来看通知正文,往下看:旧的长图维护入口将在2月22日起关闭,新入口会在发布端发品页面开设长图750像素*1000像素上传入口(非必填),并与主图(800像素*800像素)规则一致进行图片合规审核,一期会在商详、搜索、推荐、店铺页等切量优先展示长图样式,后续会拓展至频道等更多展示端。,旧长图历史开通类目:POP(男装、女装、童装、运动

    2024-03-13 18:36
  • 支付宝在哪拍证件照?证件照分别有哪些要求?

     支付宝在哪拍证件照?证件照分别有哪些要求? 3、要求: 公民本人正面免冠五颜六色头像, 头部占相片尺度的2/3,不着制式服装或白色上衣,常戴眼镜的居民应配戴眼镜,白色布景无边框,人像明晰,层次丰厚,神态自然,无明显畸变。,“正面”是指申请人拍照时需求正对照相机,眼光不能向下看或斜视,脸部需占整张相片的50%。,想要知道如何参加支付宝租房的朋友们,也可以上网进行详细了解。

    2024-03-14 16:18
  • 拼多多主图有什么用?怎么设计?

    拼多多主图有什么用?怎么设计? 制作拼多多主图一般都会使用一些美图的工具哦。,作为首页主图来说给客户一个好的感官印象,可以提高搜索排名哦。,怎么设计?一、主图一定要饱满,正规店铺里图片展示区是正方形的,所以主图是正方形才能充分利用展示区,图片应小于120k,要jpg或gif格式。

    2024-03-13 16:57
  • 拼多多主图像素怎么改?主图像素多少最好?

    拼多多主图像素怎么改?主图像素多少最好? 一、主图像素怎么改?如果想要解决掉这个问题,就必须要用到一个ps的软件,具体操作方法,请大家认真阅读下面的内容!1)找到你要传的图片,导入ps,储存为WEB格式,快捷键是ALT+SHIFT+CTRL+S,在点击确认,输入任意文件名就好了;2)如果还是太大了,解决办法如下:首先把图片放到PS里,在复制一层,快捷键是Ctrl+J;3)然后选中两个图层;合并图层快捷键是CTRL+E,最后快捷键Ctrl+

    2024-03-13 16:24
  • 拼多多主图尺寸多少最好?主图分辨率多少清晰?

    拼多多主图尺寸多少最好?主图分辨率多少清晰? 然而,对于卖家来说,确定拼多多主图的尺寸是一个关键问题。,首先,这个尺寸可以在拼多多平台上展示时保持图片的清晰度和细节。,在拼多多平台上,推荐的主图分辨率为72像素/英寸。

    2024-03-13 14:59
  • 拼多多主图如何打标?打标注意事项

    拼多多主图如何打标?打标注意事项 在拼多多上开店,对于主图商家一定要制作好,毕竟这样是可以给店铺带来更多点击量的,最近有小伙伴想知道拼多多主图如何打标?那么接下来,我们就来给大家讲解一下这方面的内容。,尺寸为500x500像素,在PS处理时厘米时17.64*17.64cm,分辨率一般72就可以;细节图和主图随便你放,只要能链接进来,上下尺寸任意长,宽度一般500--600像素最佳,适合屏幕显示。,即使有人偷了他们自己的主地图,它需

    2024-03-22 14:49
  • ebay卖家备货要注意什么 有哪些注意事项 ebay

    ebay卖家备货要注意什么 有哪些注意事项  ebay 很多卖家在选择ebay平台上开店后,如若没有掌握一定的运营技巧的话,那么是很难将店铺做起来的,并且在进行备货的过程中要注意相关的事项,以免对店铺造成一定的影响1、紧跟eBay最新的销售政策eBay制定了某些政策,如果你不遵循这些政策,可能会导致你的帐户被冻结因此,你需要仔细查看eBay的政策以下2项操作可以帮助你确保eBay对你的帐户感到满意:快速配送产品并添加上传跟踪详细信息如前所述,在线购物变

    2024-03-22 14:41
  • 拼多多长图尺寸是多少像素?有哪些要求?

    拼多多长图尺寸是多少像素?有哪些要求? 在拼多多大家制作商品详情页的时候,都需要给这些商品上传相关的图片,那么对于主图的尺寸都是有一定的要求的,拼多多长图尺寸是多少像素?一、拼多多长图尺寸是多少像素?1、图片尺寸为400*600px,小于3M。,二、拼多多上传长图片要求是什么?1、图片尺寸为400*600px,小于3M。,拼多多长图尺寸的像素要求,也并不是非常的高,但是对于这个商品主图来说,如果大家的像素能够越清楚,自然是越好的,因为有

    2024-03-22 12:23
  • 速卖通多大像素合适?速卖通如何上传图片?

    速卖通多大像素合适?速卖通如何上传图片? 速卖通商家开店了以后需要对店铺的产品进行设置,所以少不了上传图片,而且在装修速卖通店铺的时候也要对图片进行设置哦,速卖通店铺图片多大像素比较合适?速卖通多大像素合适?速卖通主图通常需要具备较高的分辨率和清晰度,以展示产品的细节和特点。,缩略图用于在商品列表中显示,一般像素大小相对较小即可。,上传完成后,平台会对图片进行自动处理和调整大小。

    2024-03-22 09:30
  • iPhone 12 Pro曝“逆天”配置:无刘海/1亿像素后3摄

    iPhone 12 Pro曝“逆天”配置:无刘海/1亿像素后3摄 来源:中关村在线刚刚,外网设计大神@HasanKaymak曝光了“超级版”苹果iPhone12Pro的渲染图,爆料显示iPhone12Pro采用6.7英寸无“刘海”屏幕、底部USB-C,后置1.08亿像素三摄,外加一个“Macrocamera”镜头和一个3DToF镜头。,据悉,大神@HasanKaymak每个月都会发一份新机渲染图,此次曝光的iPhone12Pro非常详细,有渲染图和一个视频,展示

    2024-03-22 09:12