加入国际站
返回旧版 新版反馈
关闭 评分
铜币:
剩余
* 评分才能提交噢
理由:

 | 
只看楼主


  • 0 楼#

    巴比代尔

    • 粉丝
      26
    • 人气
      204
    • 积分
      0
    • 铜币
      79

    外贸叨叨——我们分享,我们共同进步群:329869388
    多谢大家支持喽……不好意思,平时工作比较忙,可能不经常上来看大家的回复……如果有什么问题需要解答,大家可以加我的群……在群里的问题我看到一定第一时间回复的……
    全球旺铺·全屏海报的制作

    全屏的海报,因为整体表现统一,效果协调,越来越受到大家的喜爱……
    今天就介绍给大家制作的方法……
    步骤发挥我一贯的叨叨特点,努力把东西讲细……
     
    下面内容为个人在群内讲解的记录,后期会再修缮出步骤条理来……
    如果太罗嗦了,还请见谅……
    一、 尺寸规格
    首先的首先,要根据公司产品的需要,制作一个首页的宽屏海报……
    因为要做成开头部分的画面是一张整图的协调效果,所以要包括旺铺本身的店招,标题栏还有海报的主体内容……
    1. 尺寸关于海报的尺寸的问题,要考虑目标客户显示器的分辨率问题:
    一般现在主流的分辨率是1440*900,但也有大屏的显示器是1920*1200的……
    所以我在做这个图片儿的时候,设置的图片儿尺寸是长1920像素的……

    图片:psb (1).jpg


    高度根据内容来,不超过3000就好,但图片儿越大,客户打开网站的速度就越慢,大家要慎重考虑……
    但我主要内容的区域,是在1440的范围内的……这样做上去的效果,1440显示器的客户,直接就能看到我想展示的主要内容……1920的客户,会看到比较小,但两边不至于太空白而影响美观……当然,这样想可能比较矫情,大家根据自身想法和目标客户的情况选择方案就好……
    2. 分辨率
    显示清晰度的要求的话,是和图片儿的分辨率相关的……

    图片:psb (1).jpg


    一般情况下,网络用途的图片,设置为72就可以……因为要考虑图片加载速度和图片质量的平衡……
    产品详情那里,如果想产品质量高点儿,可以调为120左右……一般做打印成册的catalog等出版物的时候,才会要求分辨率是300……
    我现在这个做的是72的……当在旺铺上传的时候,也选择了“压缩图片至推荐画质(以提升旺铺性能)这样图片还会适当缩小一下,客户的加载速度会有提升……
    3. 格局定位
    再次就要考虑招头和标题栏及全屏海报的定位……
    A. 垂直定位
    咱阿里旺铺的所有主要内容和自定义版块儿的长度都是990像素……所以就要从整个图中找出中间的990的位置……
    这个可以通过计算,然后借助Photoshop里的标尺和参考线工具实现……这个参考线是一定要加的,因为会很方便的实现最后也是最重要的切片功能:
    在PS里定好图片画布儿的长宽尺寸后,按Ctrl+R调出标尺功能……

    图片:psb (3).jpg


    就是上边儿和左边儿的两个尺子……
    首次调出的时候,默认的尺寸单位应该是厘米也不毫米……用右键点击标尺的任意部位……在出来的菜单儿中选择像素就可以了……

    图片:psb (4).jpg


    然后计算下,以画布大小为1920的为例:

    图片:psb (5).jpg


    如图上第一个参考线的位置应该是(1920-990)/2=465,那第二个参考线的位置应该是1920-465=1455
    参考线快速建立的方法是,视图-新建参考线,然后选择水平/垂直,再输入要定位的像素就可以啦……

    图片:psb (6).jpg


    如法炮制新建1455处的第二条垂直参考线……
    B. 水平定位
    然后就是水平参考线了……
    a. 店招
    招头的宽度依旧是990,高度在100到200像素之间自定义就可以了……
    不过有一点要注意的是……

    图片:psb (7).jpg


    红框的部分大概是40像素左右高的空白区域……这个地方是留给它的……

    图片:psb (8).jpg


    大家都很熟悉吧……阿里自动添加的供应商的年限展示……如果你的空没留够,它可就遮住下面儿店招的内容了……要么挡字儿,要么影响美观……当然,大家也可以通过巧妙的店招设计等别的办法来规避这个东西对招头的影响……
    关于店招的内容,根据自家想用的整体风格来做就行……
    一般公司的LOGO和公司名是必须的……如果空间足够,在不影响展示美观度的前提下,可以加入公司的联系方式,甚至产品……
    还有一个小技巧是,因为这里是图片展示……内容是不会被搜索引擎搜到和屏蔽的……可以在图片里做上公司自己的网站网址……店招的出现频率比旺铺首页的其它内容要高很多,可以通过这种方式来帮忙公司网站的引流……
    毕竟有些客户还是不会专点Contact Us去找你网站的……把这个信息放置在他们更容易看到的位置,会更有效……
    另外,这里最好在次于公司英文名称的位置,也展示下公司的中文名字……毕竟对于港澳台和现在很多正在学习中文的客户,中文名称在某些时候,还是很有用途的……能不麻烦客户,让他们少浪费些时间,在客户的心里,你身为供应商的权重和加分儿就越高……
    b. 标题栏
    招头下面就是标题栏了……不用添加首页(如下图)上的任何标签的信息……

    图片:psb (9).jpg


    否则定位不精确还容易出现错位的效果,反而给自己找麻烦……
    这个部分的尺寸是一定的:990*33……阿里的推荐像素……
    像我这样,在店招结束的位置起添加第一水平参考线定位,再在下文33像素的位置添加第二条水平参考线就可以了……

    图片:psb (10).jpg


    OK,这个就是旺铺首页的内容布局……
    • 图片:psb (2).jpg


  • 1 楼#

    巴比代尔

    • 粉丝
      26
    • 人气
      204
    • 积分
      0
    • 铜币
      79

    二、内容设计
    之后可以在这个格局的基础上制作你想要的旺铺的海报了……记得重要的内容要展示在990的范围之内……另外,990以外的内容最好相对独立……因为,客户在旺铺内浏览产品的时候,大致是这样的效果……

    图片:psb (12).jpg


    如果内容没有集中在990里,而且是部分溢出……那一半儿有一半儿被盖住了,也是不好看的……
    然后,可以在海报布局的时候,在两边的位置加入产品或者公司的营销……

    图片:psb (13).jpg


    这个地方在客户浏览旺铺的时候,也是有很高的出镜率滴……
    接下来就是根据你的PS技术,制作这一整张大海报了……如果对于上面我做提到的PS里的技能还不是很熟悉的各位旺铺制作员,如果想把旺铺做的好看一点儿,就需要好好学习下PS喽……
    各位奋斗在PS里,努力做好看的旺铺中,此处省略一万字……
    三、制作切片
    当制作完成后,就可以把图片儿进行切片,上传到旺铺了……
    1. 切片
    首先,因为我们事先添加了四条参考线……不仅有利于是在海报制作时考虑内容的布局,做切片也还是很方式的……
    在PS的工具栏里……右键点击……左边的小红框(默认是裁剪工具)……

    图片:psb (14).jpg


    然后选择切片工具……在出现的工具栏属性栏中选择基于参考线的切片……

    图片:psb (15).jpg


    刚才做好的图就成了这样子……

    图片:psb (16).jpg


    切片已经自动切好了……
    2. 保存切片
    选择文件-存储为Web和设备所用格式……

    图片:psb (17).jpg


    在出来的对话框中选择存储……

    图片:psb (18).jpg


    在稍后出现的存储为的对话框中注意红框内的两个选项……

    图片:psb (19).jpg


    存储位置还是选择桌面儿吧,别给自己添麻烦……文件名随意……
    存储完后对话框自动关闭,回到编辑页面……
    3. 保存全屏海报
    这个时候,记得把整体做好的图像另存为为jpg格式……快捷键是Ctrl+Shift+S……

    图片:psb (20).jpg


    这时候就基本可以保存关闭你的PS了……
    血泪经验:推荐整个制作过程中,始终保存旺铺设计文件的PSD格式……各设计元素之间最好也避免合成,图层保留好……这样,有新的想法或者哪里不合适的时候,可以进行修改……
    下面就是上传到旺铺的部分了……
    四、上传至旺铺
    1. 上传材料
    上传旺铺其实只需要几张图片:
    第一个,是刚才另存为的整个全屏海报图……
    然后是刚才保存的切片文件里的这三张:店招、标题栏(尺寸是990*33的图)和中间的主图……把这四个图准备出来……
    2. 登录阿里
    然后用你的主账号或者制作员账号登录到阿里……进入My Alibaba界面……点击管理……

    图片:psb (1).png


    新打开的页面,有很多优秀的旺铺模块……大家可以参考下……但应该了是因为太多访问量影响了优秀店铺的数据分析……现在都没法直接点击链接访问了……有些店铺是可以搜出来滴…… 关于旺铺装修的一些常见问题,也可以在这里找到……OK,正题……点击页面左上角的“装修旺铺”……OK,正题……点击页面最上角的“装修旺铺”……

  • 2 楼#

    巴比代尔

    • 粉丝
      26
    • 人气
      204
    • 积分
      0
    • 铜币
      79

    2. 上传图片
    A. 上传背景图
    首页,添加旺铺大海报图作为背景……
    点击左上角的自定义风格-使用自定义背景-背景设置,在背景图那里点击上传图片……

    图片:psb.png



    背景色那里,是指旺铺的背景勾我直接选的白色……
    因为考虑到后面版块的边缘都是白色框体,所以旺铺海报再往下的内容也都是白色……也就不需要图片平铺的功能了……
    如果需要旺铺的背景是图片儿的话,在平铺方式里可以选择纵向平铺……
    这样的设置效果,客户在浏览里,旺铺的背景图是不断出现的……
    如果考虑好图像上边缘和下边缘的衔接问题,总体看起来,还是很像一个整体的图片儿的……
    B. 添加导航

    图片:psb.jpg


    如图的位置,同样的方法添加上990*33的导航的小条就可以……
    这里要注意的是背景色……我设置的是和导航条差不多的颜色,否则有可能会在导航条的四周加一个背景颜色所设置色的边框……如果没搭配好,反而不好看了……
    C. 更改店招
    再来是店招的设置……在下面店招位置的模块右上角点击设置……

    图片:psb.jpg


    图片:psb.png


    这里要注意,公司名称要和阿里的认证保持一致,不知道不按做的话后果如何……但如果我是客户,看到前后资料信息不统一,心里到也是很掂量掂量的……
    设计的海报内容里,最好别忘了公司的LOGO,这样这里下面的“显示公司标志”和“显示公司名称”就都不要选择了……
    D. 上传主图
    四个图添加完了三个……剩下的一个,没有固定的模块儿添加……需要使用的是自定义的功能……
    在任意一个既有模块的右上角都有添加版块的按钮……选择自定义内容……

    图片:psb.jpg


    添加即可……
    在标题处,为了旺铺整体页面格局的管理,可以设置下相应的标题……但一定要把显示版块标题前面的勾去掉……在下面的内容里添加刚刚切片出来的主图就可以了……

    图片:psb (1).jpg


    图片:psb.jpg


    然后一路确定……这样,全屏的海报就做好了……五、效果查看

    图片:psb.png

    最后效果图……如果,满意的话,点击最上边儿的发布,就算大功告成啦……发布后可以立即查看生效的旺铺哦……有时候在PS查看的效果,放到旺铺上反而不是很好……查看后如果有什么不满意的点,可以继续修改保留好的PSD文件,通过这种方式不断调整,直至达到满意的效果……

  • 3 楼#

    爱的季节

    • 粉丝
      11
    • 人气
      550
    • 积分
      822
    • 铜币
      92

    excellent!!!!!!!!!!献花

  • 4 楼#

    巴比代尔

    • 粉丝
      26
    • 人气
      204
    • 积分
      0
    • 铜币
      79

    lswd13:excellent!!!!!!!!!!献花回到原帖
    嘿嘿……多谢多谢……

  • 5 楼#

    cn1510728129

    • 粉丝
      11
    • 人气
      299
    • 积分
      10
    • 铜币
      449

    大神啊。。为什么在上传主图的时候,周围会带一圈白边呢?

  • 6 楼#

    cnxinyusuban

    • 粉丝
      0
    • 人气
      229
    • 积分
      10
    • 铜币
      27

    膜拜下

  • 7 楼#

    zhagigift

    • 粉丝
      0
    • 人气
      226
    • 积分
      355
    • 铜币
      35

    赞完再看。。。。。。。。

  • 8 楼#

    龙诺贸易

    • 粉丝
      6
    • 人气
      157
    • 积分
      30
    • 铜币
      38

    cn1510728129:大神啊。。为什么在上传主图的时候,周围会带一圈白边呢?回到原帖
    白圈是字体背景颜色 是白色的 可以用ps拾取 背景图的颜色代码,把背景颜色改成背景图的颜色。

  • 9 楼#

    yunxiangwujin

    • 粉丝
      7
    • 人气
      445
    • 积分
      0
    • 铜币
      1064

    大赞,感谢楼主分享,解决了一个大问题啊;另外有个小建议哦,导航栏高度设置为33px的话,就不用多个白圈哦,更不需要去ps拾取颜色咯

  • 10 楼#

    kunzan plastic

    • 粉丝
      1
    • 人气
      156
    • 积分
      0
    • 铜币
      72

    赞,学习了!感谢楼主分享~

  • 11 楼#

    vannce

    • 粉丝
      0
    • 人气
      74
    • 积分
      0
    • 铜币
      28

    爱你

  • 12 楼#

    cn1510728129

    • 粉丝
      11
    • 人气
      299
    • 积分
      10
    • 铜币
      449

    rzlongnuo:白圈是字体背景颜色 是白色的 可以用ps拾取 背景图的颜色代码,把背景颜色改成背景图的颜色。回到原帖
    恩。我后来研究明白了,是因为选择显示标题栏了。不显示就好了

  • 13 楼#

    巴比代尔

    • 粉丝
      26
    • 人气
      204
    • 积分
      0
    • 铜币
      79

    cn1510728129:大神啊。。为什么在上传主图的时候,周围会带一圈白边呢?回到原帖
    是指的导航栏的那里吗?如果是的,在导航栏样式-背景颜色,选取去你导航栏边框最接近的颜色就可以了……如果颜色不清楚,可以在PS的对应位置取色,复制RGB下面#的那个代码并且设置在背景颜色里就可以了……

  • 14 楼#

    巴比代尔

    • 粉丝
      26
    • 人气
      204
    • 积分
      0
    • 铜币
      79

    cn1510728129:大神啊。。为什么在上传主图的时候,周围会带一圈白边呢?回到原帖
    @rzlongnuo:嘿嘿,这位同学正解……刚没看到,琅闲了……嘿嘿……

  • 15 楼#

    巴比代尔

    • 粉丝
      26
    • 人气
      204
    • 积分
      0
    • 铜币
      79

    cnxinyusuban:膜拜下回到原帖
    多谢支持哦……

  • 16 楼#

    巴比代尔

    • 粉丝
      26
    • 人气
      204
    • 积分
      0
    • 铜币
      79

    yunxiangwujin:大赞,感谢楼主分享,解决了一个大问题啊;另外有个小建议哦,导航栏高度设置为33px的话,就不用多个白圈哦,更不需要去ps拾取颜色咯回到原帖
    嗯嗯,阿里推荐的导航尺寸确实是33px,稍后我改下帖子,多谢多谢……不过导航背景色还是要改的哦,否则选中的当前分页的边缘还是有突兀一点儿的白色的……

  • 17 楼#

    巴比代尔

    • 粉丝
      26
    • 人气
      204
    • 积分
      0
    • 铜币
      79

    zhagigift:赞完再看。。。。。。。。回到原帖
    哈哈……是不是写的过于麻烦了?

  • 18 楼#

    巴比代尔

    • 粉丝
      26
    • 人气
      204
    • 积分
      0
    • 铜币
      79

    cn1511131930:赞,学习了!感谢楼主分享~回到原帖
    大家相互学习嘛……也欢迎你的分享哦……

  • 19 楼#

    greenpacking

    • 粉丝
      1
    • 人气
      78
    • 积分
      185
    • 铜币
      51

    感谢啊  希望你能把你们公司的全球旺铺PM我一下 让我参观下效果啊



  • 外贸叨叨——我们分享,我们共同进步群:329869388
    多谢大家支持喽……不好意思,平时工作比较忙,可能不经常上来看大家的回复……如果有什么问题需要解答,大家可以加我的群……在群里的问题我看到一定第一时间回复的……
    全球旺铺·全屏海报的制作

    全屏的海报,因为整体表现统一,效果协调,越来越受到大家的喜爱……
    今天就介绍给大家制作的方法……
    步骤发挥我一贯的叨叨特点,努力把东西讲细……
     
    下面内容为个人在群内讲解的记录,后期会再修缮出步骤条理来……
    如果太罗嗦了,还请见谅……
    一、 尺寸规格
    首先的首先,要根据公司产品的需要,制作一个首页的宽屏海报……
    因为要做成开头部分的画面是一张整图的协调效果,所以要包括旺铺本身的店招,标题栏还有海报的主体内容……
    1. 尺寸关于海报的尺寸的问题,要考虑目标客户显示器的分辨率问题:
    一般现在主流的分辨率是1440*900,但也有大屏的显示器是1920*1200的……
    所以我在做这个图片儿的时候,设置的图片儿尺寸是长1920像素的……

    图片:psb (1).jpg


    高度根据内容来,不超过3000就好,但图片儿越大,客户打开网站的速度就越慢,大家要慎重考虑……
    但我主要内容的区域,是在1440的范围内的……这样做上去的效果,1440显示器的客户,直接就能看到我想展示的主要内容……1920的客户,会看到比较小,但两边不至于太空白而影响美观……当然,这样想可能比较矫情,大家根据自身想法和目标客户的情况选择方案就好……
    2. 分辨率
    显示清晰度的要求的话,是和图片儿的分辨率相关的……

    图片:psb (1).jpg


    一般情况下,网络用途的图片,设置为72就可以……因为要考虑图片加载速度和图片质量的平衡……
    产品详情那里,如果想产品质量高点儿,可以调为120左右……一般做打印成册的catalog等出版物的时候,才会要求分辨率是300……
    我现在这个做的是72的……当在旺铺上传的时候,也选择了“压缩图片至推荐画质(以提升旺铺性能)这样图片还会适当缩小一下,客户的加载速度会有提升……
    3. 格局定位
    再次就要考虑招头和标题栏及全屏海报的定位……
    A. 垂直定位
    咱阿里旺铺的所有主要内容和自定义版块儿的长度都是990像素……所以就要从整个图中找出中间的990的位置……
    这个可以通过计算,然后借助Photoshop里的标尺和参考线工具实现……这个参考线是一定要加的,因为会很方便的实现最后也是最重要的切片功能:
    在PS里定好图片画布儿的长宽尺寸后,按Ctrl+R调出标尺功能……

    图片:psb (3).jpg


    就是上边儿和左边儿的两个尺子……
    首次调出的时候,默认的尺寸单位应该是厘米也不毫米……用右键点击标尺的任意部位……在出来的菜单儿中选择像素就可以了……

    图片:psb (4).jpg


    然后计算下,以画布大小为1920的为例:

    图片:psb (5).jpg


    如图上第一个参考线的位置应该是(1920-990)/2=465,那第二个参考线的位置应该是1920-465=1455
    参考线快速建立的方法是,视图-新建参考线,然后选择水平/垂直,再输入要定位的像素就可以啦……

    图片:psb (6).jpg


    如法炮制新建1455处的第二条垂直参考线……
    B. 水平定位
    然后就是水平参考线了……
    a. 店招
    招头的宽度依旧是990,高度在100到200像素之间自定义就可以了……
    不过有一点要注意的是……

    图片:psb (7).jpg


    红框的部分大概是40像素左右高的空白区域……这个地方是留给它的……

    图片:psb (8).jpg


    大家都很熟悉吧……阿里自动添加的供应商的年限展示……如果你的空没留够,它可就遮住下面儿店招的内容了……要么挡字儿,要么影响美观……当然,大家也可以通过巧妙的店招设计等别的办法来规避这个东西对招头的影响……
    关于店招的内容,根据自家想用的整体风格来做就行……
    一般公司的LOGO和公司名是必须的……如果空间足够,在不影响展示美观度的前提下,可以加入公司的联系方式,甚至产品……
    还有一个小技巧是,因为这里是图片展示……内容是不会被搜索引擎搜到和屏蔽的……可以在图片里做上公司自己的网站网址……店招的出现频率比旺铺首页的其它内容要高很多,可以通过这种方式来帮忙公司网站的引流……
    毕竟有些客户还是不会专点Contact Us去找你网站的……把这个信息放置在他们更容易看到的位置,会更有效……
    另外,这里最好在次于公司英文名称的位置,也展示下公司的中文名字……毕竟对于港澳台和现在很多正在学习中文的客户,中文名称在某些时候,还是很有用途的……能不麻烦客户,让他们少浪费些时间,在客户的心里,你身为供应商的权重和加分儿就越高……
    b. 标题栏
    招头下面就是标题栏了……不用添加首页(如下图)上的任何标签的信息……

    图片:psb (9).jpg


    否则定位不精确还容易出现错位的效果,反而给自己找麻烦……
    这个部分的尺寸是一定的:990*33……阿里的推荐像素……
    像我这样,在店招结束的位置起添加第一水平参考线定位,再在下文33像素的位置添加第二条水平参考线就可以了……

    图片:psb (10).jpg


    OK,这个就是旺铺首页的内容布局……
    • 图片:psb (2).jpg




  • 二、内容设计
    之后可以在这个格局的基础上制作你想要的旺铺的海报了……记得重要的内容要展示在990的范围之内……另外,990以外的内容最好相对独立……因为,客户在旺铺内浏览产品的时候,大致是这样的效果……

    图片:psb (12).jpg


    如果内容没有集中在990里,而且是部分溢出……那一半儿有一半儿被盖住了,也是不好看的……
    然后,可以在海报布局的时候,在两边的位置加入产品或者公司的营销……

    图片:psb (13).jpg


    这个地方在客户浏览旺铺的时候,也是有很高的出镜率滴……
    接下来就是根据你的PS技术,制作这一整张大海报了……如果对于上面我做提到的PS里的技能还不是很熟悉的各位旺铺制作员,如果想把旺铺做的好看一点儿,就需要好好学习下PS喽……
    各位奋斗在PS里,努力做好看的旺铺中,此处省略一万字……
    三、制作切片
    当制作完成后,就可以把图片儿进行切片,上传到旺铺了……
    1. 切片
    首先,因为我们事先添加了四条参考线……不仅有利于是在海报制作时考虑内容的布局,做切片也还是很方式的……
    在PS的工具栏里……右键点击……左边的小红框(默认是裁剪工具)……

    图片:psb (14).jpg


    然后选择切片工具……在出现的工具栏属性栏中选择基于参考线的切片……

    图片:psb (15).jpg


    刚才做好的图就成了这样子……

    图片:psb (16).jpg


    切片已经自动切好了……
    2. 保存切片
    选择文件-存储为Web和设备所用格式……

    图片:psb (17).jpg


    在出来的对话框中选择存储……

    图片:psb (18).jpg


    在稍后出现的存储为的对话框中注意红框内的两个选项……

    图片:psb (19).jpg


    存储位置还是选择桌面儿吧,别给自己添麻烦……文件名随意……
    存储完后对话框自动关闭,回到编辑页面……
    3. 保存全屏海报
    这个时候,记得把整体做好的图像另存为为jpg格式……快捷键是Ctrl+Shift+S……

    图片:psb (20).jpg


    这时候就基本可以保存关闭你的PS了……
    血泪经验:推荐整个制作过程中,始终保存旺铺设计文件的PSD格式……各设计元素之间最好也避免合成,图层保留好……这样,有新的想法或者哪里不合适的时候,可以进行修改……
    下面就是上传到旺铺的部分了……
    四、上传至旺铺
    1. 上传材料
    上传旺铺其实只需要几张图片:
    第一个,是刚才另存为的整个全屏海报图……
    然后是刚才保存的切片文件里的这三张:店招、标题栏(尺寸是990*33的图)和中间的主图……把这四个图准备出来……
    2. 登录阿里
    然后用你的主账号或者制作员账号登录到阿里……进入My Alibaba界面……点击管理……

    图片:psb (1).png


    新打开的页面,有很多优秀的旺铺模块……大家可以参考下……但应该了是因为太多访问量影响了优秀店铺的数据分析……现在都没法直接点击链接访问了……有些店铺是可以搜出来滴…… 关于旺铺装修的一些常见问题,也可以在这里找到……OK,正题……点击页面左上角的“装修旺铺”……OK,正题……点击页面最上角的“装修旺铺”……



  • 2. 上传图片
    A. 上传背景图
    首页,添加旺铺大海报图作为背景……
    点击左上角的自定义风格-使用自定义背景-背景设置,在背景图那里点击上传图片……

    图片:psb.png



    背景色那里,是指旺铺的背景勾我直接选的白色……
    因为考虑到后面版块的边缘都是白色框体,所以旺铺海报再往下的内容也都是白色……也就不需要图片平铺的功能了……
    如果需要旺铺的背景是图片儿的话,在平铺方式里可以选择纵向平铺……
    这样的设置效果,客户在浏览里,旺铺的背景图是不断出现的……
    如果考虑好图像上边缘和下边缘的衔接问题,总体看起来,还是很像一个整体的图片儿的……
    B. 添加导航

    图片:psb.jpg


    如图的位置,同样的方法添加上990*33的导航的小条就可以……
    这里要注意的是背景色……我设置的是和导航条差不多的颜色,否则有可能会在导航条的四周加一个背景颜色所设置色的边框……如果没搭配好,反而不好看了……
    C. 更改店招
    再来是店招的设置……在下面店招位置的模块右上角点击设置……

    图片:psb.jpg


    图片:psb.png


    这里要注意,公司名称要和阿里的认证保持一致,不知道不按做的话后果如何……但如果我是客户,看到前后资料信息不统一,心里到也是很掂量掂量的……
    设计的海报内容里,最好别忘了公司的LOGO,这样这里下面的“显示公司标志”和“显示公司名称”就都不要选择了……
    D. 上传主图
    四个图添加完了三个……剩下的一个,没有固定的模块儿添加……需要使用的是自定义的功能……
    在任意一个既有模块的右上角都有添加版块的按钮……选择自定义内容……

    图片:psb.jpg


    添加即可……
    在标题处,为了旺铺整体页面格局的管理,可以设置下相应的标题……但一定要把显示版块标题前面的勾去掉……在下面的内容里添加刚刚切片出来的主图就可以了……

    图片:psb (1).jpg


    图片:psb.jpg


    然后一路确定……这样,全屏的海报就做好了……五、效果查看

    图片:psb.png

    最后效果图……如果,满意的话,点击最上边儿的发布,就算大功告成啦……发布后可以立即查看生效的旺铺哦……有时候在PS查看的效果,放到旺铺上反而不是很好……查看后如果有什么不满意的点,可以继续修改保留好的PSD文件,通过这种方式不断调整,直至达到满意的效果……



  • excellent!!!!!!!!!!献花



  • lswd13:excellent!!!!!!!!!!献花回到原帖
    嘿嘿……多谢多谢……



  • 大神啊。。为什么在上传主图的时候,周围会带一圈白边呢?



  • 膜拜下



  • 赞完再看。。。。。。。。



  • cn1510728129:大神啊。。为什么在上传主图的时候,周围会带一圈白边呢?回到原帖
    白圈是字体背景颜色 是白色的 可以用ps拾取 背景图的颜色代码,把背景颜色改成背景图的颜色。



  • 大赞,感谢楼主分享,解决了一个大问题啊;另外有个小建议哦,导航栏高度设置为33px的话,就不用多个白圈哦,更不需要去ps拾取颜色咯



  • 赞,学习了!感谢楼主分享~



  • 爱你



  • rzlongnuo:白圈是字体背景颜色 是白色的 可以用ps拾取 背景图的颜色代码,把背景颜色改成背景图的颜色。回到原帖
    恩。我后来研究明白了,是因为选择显示标题栏了。不显示就好了



  • cn1510728129:大神啊。。为什么在上传主图的时候,周围会带一圈白边呢?回到原帖
    是指的导航栏的那里吗?如果是的,在导航栏样式-背景颜色,选取去你导航栏边框最接近的颜色就可以了……如果颜色不清楚,可以在PS的对应位置取色,复制RGB下面#的那个代码并且设置在背景颜色里就可以了……



  • cn1510728129:大神啊。。为什么在上传主图的时候,周围会带一圈白边呢?回到原帖
    @rzlongnuo:嘿嘿,这位同学正解……刚没看到,琅闲了……嘿嘿……



  • cnxinyusuban:膜拜下回到原帖
    多谢支持哦……



  • yunxiangwujin:大赞,感谢楼主分享,解决了一个大问题啊;另外有个小建议哦,导航栏高度设置为33px的话,就不用多个白圈哦,更不需要去ps拾取颜色咯回到原帖
    嗯嗯,阿里推荐的导航尺寸确实是33px,稍后我改下帖子,多谢多谢……不过导航背景色还是要改的哦,否则选中的当前分页的边缘还是有突兀一点儿的白色的……



  • zhagigift:赞完再看。。。。。。。。回到原帖
    哈哈……是不是写的过于麻烦了?



  • cn1511131930:赞,学习了!感谢楼主分享~回到原帖
    大家相互学习嘛……也欢迎你的分享哦……



  • 感谢啊  希望你能把你们公司的全球旺铺PM我一下 让我参观下效果啊


97 回复

与 外贸社区|外贸圈 的连接断开,我们正在尝试重连,请耐心等待