大家好!我是上海有赞拍档——【宜淼之家】夏天,
之前我们在打开别人的店铺之后,打开是这个样子滴!
我就深深的被她吸引了,当时我就在想这个是怎么做到的呀! 爱死磕的我最后就~~~~~·(此处省略“N个字”) 好吧!虽然有很多人知道是怎么做的了,但是还是有一小部分人还不知道是怎么回事儿。 所以呢!我现在开始分享了哦! 高手看到此贴可不要喷哦~
其实是这样子的,首先我们打开店铺—点击店铺导航
OK,现在出现了这个页面了哈
好的 !我们继续哈!! 点击这个页面的 “修改模板”
于是出现了这个页面,而我更喜欢用下图红色框圈出的导航【APP导航板】
OK!现在我们点击确定之后我们看页面上就会出现这个导航条了,那我们要设计我们自己想要的导航怎么做呢?
首先我们看我们导航条和页面的右边的版块【分别用红色框圈出来的】,上面显示的有修改对吧!然后下面显示的是
【图片尺寸要求:不大于128*100像素,支持PNG格式】 也就是说这个图标仅支持128*100像素以内的大小
下面就是PS的工作了
打开PS——新建一个512*100像素的页面
我简单的做了一个,
下面就使用切片工具开始切图了【切图相信大家都会,我就不写出来了哈!】
然后储存的时候储存为web所用格式
OK!现在我们简简单单的做好了一个,现在我们就开始上传了哈, 进入我们我们刚刚打开的店铺导航, 点击右边版块的修改——上传新图片——找到我们刚刚保存好的图片点击确定 请看下面
咦~~! 为什么是这个样子滴??
下面请看清楚,大家应该看到下面的底色了吧! 这个色是可以修改的,我们将底色改成像图标一样的颜色就OK了!
但是这上面没有拾色器,我怎么才能精准的找到这个颜色呢?
大家不要慌哈! 他没有我们PS里有呀!
大家都看到我标注的地方了吧!右下角那么多的数值我怎么看呀?
你只要看红框内标注的三个数值就好了,然后把这三个数值填到这里就好了(反正我就是这么做的)。
现在我们来看看我们所做的怎么样!
此处省略“N”字~~~~
谢谢!
|