RSS订阅 - 热门标签 - 注册 - 登录 欢迎您来到Q淘网_
当前位置:主页 > 开店经验 > 美化装修 > 正文

淘宝店铺装修淘宝店招导航栏个性化全屏设置教程简单易懂!

时间:2014-06-06 20:06 来源:Q淘网收集 作者:蒋坤 阅读:

 内容摘要:

淘宝店招,导航栏,个性化,全屏设置 一、我们现在去找一张图片,就是要做成底图的图片,宽度建议为 1500 以上,因为现在很多电脑都是宽屏的,如果太小了,两边会出现背景的填充了,我找到的是下面这张图片!这张图片命名为 1 二、以下是PS处理,懂的可以了


淘宝店招,导航栏,个性化,全屏设置

一、我们现在去找一张图片,就是要做成底图的图片,宽度建议为1500以上,因为现在很多电脑都是宽屏的,如果太小了,两边会出现背景的填充了,我找到的是下面这张图片!这张图片命名为1
淘宝店铺装修淘宝店招导航栏个性化全屏设置

 

二、以下是PS处理,懂的可以了解下,不懂的可以跳过!
  1、用PS打开这张图片
  2、然后新建一个图层,画一个950PX*150PX的矩形!并靠顶部居中!
淘宝店铺装修淘宝店招导航栏个性化全屏设置

 

3、用裁剪工具剪下上面部分
淘宝店铺装修淘宝店招导航栏个性化全屏设置

 

4、裁剪好的图片尺寸是1500*150的,然后将那块红色的矩形隐藏(不要删除,后面还有用),保存图片就得到了下面这个图片,你将它命名为2
淘宝店铺装修淘宝店招导航栏个性化全屏设置

 

5、接下来将隐藏的矩形显示,之后按照矩形的大小裁剪,裁剪出950*150的效果图
淘宝店铺装修淘宝店招导航栏个性化全屏设置

 

6、裁剪好的图片效果就是下面这张了!将其命名为3

 

7、现在就按照自己的意思去设计自己喜欢的导航咯,内容自己选,你不喜欢首页按钮,不做就可以了,你如果需要联系QQ的按钮也都可以自己加进去的,我现在做了的分别有(首页、宝贝分类、关于我们、店铺动态、友情链接和收藏
效果如下
淘宝店铺装修淘宝店招导航栏个性化全屏设置

 

7.1、以上效果做的过程为,先画一个矩形,用编辑→变形→倾斜效果将其做成倾斜的,透明度为44%,阴影颜色跟前色相同,达到以下效果
淘宝店铺装修淘宝店招导航栏个性化全屏设置

 

7.2、在加上斜线和文字就完成效果了!

 

8、接下来就是最重要的步骤了,想学的要耐心看下去哦!
    利用PS的切片工具将导航中的每一块按钮都分别切开,切好效果如下

 

9、接下来我们就保存它,选择PS菜单栏上的文件→储存为Web所用格式(快捷键:shift+ctrl+aly+s),在弹出的窗口中,格式选为jpeg 品质为最高100

顶一下
(0)
0%
踩一下
(0)
0%
猜你喜欢