网上购物资讯
网站首页 网购资讯 网上开店 精品导购 网店大全 购物论坛 促销专题 客服中心 友情链接
热门关键字:  图片  蓝牙  yindajingpin  榨汁机  盈达精品
当前位置 :| 网站首页>网上开店>网店装修>

轻轻松松给你的店铺制作漂亮背景边框

来源: 作者: 时间:2008-04-14 点击:
 有许多朋友问我:如果自己从网上找了好看的背景边框,怎么把他们变成那3张背景图呢?

    下面我们还是以在帖子里添加背景图为例,给大家分享一下我的做法。如果亲们想用在宝贝描述或个人空间,只需要把背景图片宽度和代码中的宽度值width相应做一下更改就可以了。

一、第一种情况:当您选用的是*.jpg格式的图时:

我们先看一下原图,也是我从网上找来的,哈哈:

    下面我们将要把它拆成下面这三张图:

图片1:

图片2:

图片3:

    这三张图将分别对应代码中提到的图片1、图片2、图片3。背景图的最前面那张就是图片1,中间是图片2的无限重复,最后面那张就是图片3。怎么样,心里有点数了吧,加油,我们马上开始拆图啦。

首先我们用Photoshop打开原图:

(一)我们先做好三项准备工作:

①改图片宽度。点“图像”→“图像大小”,在“约束比例”前面打勾,我们把图宽度像素改为我们所希望的宽度620,然后点“好”。

②调整对齐。我们要将“视图”→“对齐”以及“视图”→“对齐到”→“文档边界”的前面都打上勾。

③改羽化值。我们还要将选项栏的“羽化”值改为0像素。

(二)好啦,准备就绪,下面我们就要开始拆图啦!
1.点工具栏里的“切片”工具

在图片2的位置从左上角点取并拖动鼠标至右下角然后放开,

这时这张图片已被切为3个切片了。从上到下依次为切片01,切片02,切片03。
注意:为保证将来背景图的效果漂亮好看,我们在切片时,需要注意这三张图片之间衔接要自然。因为图片2处在中间位置且它要无限重复,所以尤其要注意图片2本身的首尾连接要流畅。例如本例中的图片2要这样选取,要前后都留点空余:

这样才能保证将来重复以后的衔接效果。而如果像下面这样选取的话,效果就不好了。

结果在两张背景图衔接处会出现下面的问题:

所以一定记得在切片时首尾连接要流畅。

2.点“文件”→“存储为web所用格式”

会弹出下面的对话框:

点右上角的“存储”,弹出下面的对话框:

选择好您的保存路径,“保存类型”选“仅限图像”即可,完了点“保存”。这时您打开您刚才选择的保存路径的地方,Photoshop已经为您建立了一个叫做“images”的文件夹

打开它,哈哈我们所需要的那3张图片就是在这里啦!

3.因为图片2是要无限重复的,所以图片2的高度根据需要可以尽量小一点,而不必太高。在本例中图片2可以用裁剪工具裁剪如下:

结果就是下面这样:

好啦,这三张图片已经做好了,就是本文开头提到的那三张图。大功告成一件!辛苦了半天,赶紧鼓掌奖励一下您自己吧。

 

二、第二种情况  当您选择的是*.gif动态格式的图片时

    方法和步骤和第一种情况是基本一样的,只有两点不同的是:

①打开图片时一定要用ImageReady,它是Photoshop自带的专门编辑动态图片的软件。在打开Photoshop后,同时摁下“Ctrl+Shift+M”就可以跳转到ImageReady软件。

②在切片做完保存时要点选“文件”→“将优化结果存储为”。

三、接下来就是上传到您的支持外链的网络像册里,就可以备用喽。

[收藏] [推荐] [评论] [打印] [关闭]
1
顶一下
上一篇:一分钟【抠图】,三分钟制作漂亮宝贝图,图文并茂
下一篇:店铺装修软件大全
最新评论共有 0 位网友发表了评论
查看所有评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
栏目列表
推荐店铺
    少女蝶淘宝女装三冠店 秋装新款T恤 外套 风衣 大衣 专做VIVI昕薇瑞丽韩日女装~欢迎批发/团购/诚招代理 不还价店铺【时尚卓尔】 时尚女装-个性随我秀 秋款上架中... 【皇冠康康美美】同仁堂保健品◆协和护肤品◆营养品◆减肥瘦身品 海图书店 最新考研图书批发价格销售,一本也批发 博文书店→自考 司法考 研究生 公务员 特价书 办公耗材STAR WISH动漫社~淘宝最低正版漫画专营店 ◤╭ Shanghai 秀卡蒂╮╰女性健康購物中心 ╯◥◣瘦身╮減肥╮
热点关注
  • 网店装修漂亮图片素材网站网址大全
  • 手把手教你做店标
  • 浪漫爱情闪图小相框
  • 用自制摄影棚拍出的漂亮宝贝
  • 可爱动态图标
  • 淘宝店铺设置术语
  • 教你如何制作淘宝店铺背景音乐
  • 可爱分类模板
  • 店铺装修软件大全
  • 最快捷简单的照片调色方法
相关文章
  • 网店装修教程一【分类素材提供※制作教程
  • Photoshop打造金属质感镂空文字
  • 最快捷简单的照片调色方法
  • 教你如何制作淘宝店铺背景音乐
  • 把昏暗图片打造成时尚靓丽宝贝图片
  • 不用操作复杂的PS,手把手教你去除图片上
  • 手把手教你做店标
  • 可爱动态图标
  • 可爱分类模板
  • PS制作黑白动态签名
论坛链接
  • 【广州商盟】经常被模仿 从未被超越((11-18 17:Nov)
  • 【北京商盟】柠檬公主de精品店naning9(11-18 17:Nov)
  • 【静静柁の服饰】AF外贸AF专营蓝鼠流行(11-18 17:Nov)
  • 皇冠店【What'S 果子】日系韩版服(11-18 17:Nov)
  • ◆维C大码◆淘宝旗舰店批发厂家直供(11-18 17:Nov)
  • 外贸量贩店★双皇冠店铺★厂方直供(11-18 17:Nov)
  • 小8の量贩 08日韩版秋季OL洋装平价针织(11-18 16:Nov)
  • 〓物自体〓韩衣舍 庆双皇冠188包邮(11-18 16:Nov)
  • 童车,手推车选购基本知识以及注意事项(11-18 16:Nov)
  • 少女蝶淘宝女装三冠店 秋装新款T恤 外(11-18 16:Nov)
    分类信息 | 网购会所 | 高级搜索 | 收藏本站 | 网站地图 | 友情链接 | 客服中心

2006-08 诚信佳购物版权所有! ICP备案证书号:粤ICP备06120813号
诚信佳购物[http://www.cxjgw.com]-- 集购物资讯,购物论坛,精品导购等专业服务为一体的网上购物资讯及交流平台!