首页 > 家居生活 > 电子商务 >

用PS做一个大气的淘宝店铺通栏店招和背景

来源:互联网 版权归原作者所有,如有侵权,请联系我们

很多淘宝店都需要一个大气的通栏店招和背景bW5办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • Photoshop软件

方法/步骤

  • 1

    根据自己的行业特征找一张适合做背景的图片。bW5办公区 - 实用经验教程分享!

    关于尺寸:由于如今电脑多为宽屏,所以应选择宽度在1500以上的图片。bW5办公区 - 实用经验教程分享!

    例如化妆品一般选择白色或者蓝色。我找到的一张例图如下,宽度为1920px:bW5办公区 - 实用经验教程分享!

    bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

  • 2

    打开PS软件,打开例图如下:bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

  • 3

    为了后期对齐,建议建立以下参数参考线,水平两条为120px,150px(店招尺尺寸一般小于120,导航一般为30px高度),垂直三条为485px,960px.1435px;bW5办公区 - 实用经验教程分享!

    bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

  • 4

    以中间的参考线为准,输入店铺名字和网址,也可以添加收藏店铺等链接;bW5办公区 - 实用经验教程分享!

    bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

  • 5

    选择选区工具,选择水平两条参考线中间区域:bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

  • 6

    选择新建图层,然后点击拾色器,选择颜色R:29,G:29,B:29;(我是以黑白色的样式为例做的导航背景);bW5办公区 - 实用经验教程分享!

    bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

  • 6此文章未经授权抓取自百度经验
  • 7

    ALT DELETE填充后,CTRL D取消选区,效果如下图:bW5办公区 - 实用经验教程分享!

    bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

  • 8

    选择裁切工具,将店招裁出并保存为web可用格式(注意:保存时在大小小于200K的情况下,品质越高越好):bW5办公区 - 实用经验教程分享!

    bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

  • 9

    同样步奏裁出店招背景图和页面背景图:bW5办公区 - 实用经验教程分享!

    bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

  • 10

    登录淘宝,选择店铺装修,进入装修页面,,选择店招,点击编辑,选择做好的店招图片;bW5办公区 - 实用经验教程分享!

    bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

  • 11

    选择样式管理中背景设置,将刚裁切出来的店招背景上传,并保存(同理上传页面背景图):bW5办公区 - 实用经验教程分享!

    bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

  • 12

    点击预览,如果都对齐了,即可发布为成品bW5办公区 - 实用经验教程分享!

    用PS做一个大气的淘宝店铺通栏店招和背景bW5办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!bW5办公区 - 实用经验教程分享!


    标签: 淘宝商业PS店铺背景

    办公区 Copyright © 2016-2024 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号