模板制作,移花接木的方法详细介绍!
时间:2013-07-05 20:41 来源:han-yy 作者:淘一淘编辑 阅读:次
内容摘要:
之前,网店模板教程交给大家怎么使用现成的模板了,但是,对于有一定基础的店家来说,不会满足于已经成型的模板,可能想从自己中意的几个模板上组合一个最佳的,那么,淘宝开店流程的小编给你准备的移花接木法就很适合这样的网店装修要求了。 步骤如下: ①首
之前,网店模板教程交给大家怎么使用现成的模板了,但是,对于有一定基础的店家来说,不会满足于已经成型的模板,可能想从自己中意的几个模板上组合一个最佳的,那么,淘宝开店流程你准备的移花接木法就很适合这样的网店装修要求了。
步骤如下:
1.首先挑选一个自己认为稍微适合自己店店的模版,打包下载到自己电脑上,用FRONTPAGE打开,要的不是这个模版的图片,只是他的布局,因为做模版,最让人头疼的是怎么布置格局.
2.接着打开PS(不是游戏机拉,是PHOTOSHOP哦),找到这个模版的图片文件夹,找到你需要修改的图片,打开他,然后删除原有的,换上自己中意的图片,调整大小,色调,再走上自己店店的店标或名字,直接保存,覆盖原图,那么新做的图就把原图给替代了,在FRONTPAGE里刷新下,你可以看到,刚才那个地方的图片现在变成你自己的图片了哦。
3.一般最难做的是模版最上面的导航栏图片,因为通常这是把一张完整图片切割成多个图片来做的,为什么?这是为了适合做网页咯,这个杂整呢,别着急,这个也不难,你只要找到这些切割好的图的原图,把他们的尺寸大小记下来,然后再次利用PS,新建一个总体大小和原模版一样大的图像文件,把你自己的图片帖进来,做好效果,导航栏文字和图标,然后利用PS的切片工具,依照刚记下来的每一个图片的大小,仔细进行切割,这里推荐里,打开切片工具的选项栏,直接输入切片大小,可不要老实的一个个手动切哦
4.切割好后,点击菜单栏,文件----存储为WEB用格式------调整好里面的每个选项(主要是调整下格式,原模版里的图片是什么格式就最好存为什么格式,这样可以省去改图片链接格式的工作),保存好后,把你切割的这些图片的名字都改成和原模版里图片同样的名字进行覆盖.
5.在到FRONTPAGE里刷新看看,是不是图片都换成自己的图片了.图片一切都OK的话,就该轮到链接的事了,这个更简单了,把编辑模式换成代码模式,然后打开编辑菜单-----查找-----替换,把代码里所有的地址连接都替换成你自己店店的链接.然后保存。
6.最后的工作就是去上传了,这里推荐你到yahoo相册去上传,因为这个相册上传图片可以保持原图片名字的,要更方便的话,那就直接上传模版吧,上传上去后,图片的链接地址会自动换成相册网站的链接的,然后复制下代码就可以做到自己的店店了。
步骤如下:
1.首先挑选一个自己认为稍微适合自己店店的模版,打包下载到自己电脑上,用FRONTPAGE打开,要的不是这个模版的图片,只是他的布局,因为做模版,最让人头疼的是怎么布置格局.
2.接着打开PS(不是游戏机拉,是PHOTOSHOP哦),找到这个模版的图片文件夹,找到你需要修改的图片,打开他,然后删除原有的,换上自己中意的图片,调整大小,色调,再走上自己店店的店标或名字,直接保存,覆盖原图,那么新做的图就把原图给替代了,在FRONTPAGE里刷新下,你可以看到,刚才那个地方的图片现在变成你自己的图片了哦。
3.一般最难做的是模版最上面的导航栏图片,因为通常这是把一张完整图片切割成多个图片来做的,为什么?这是为了适合做网页咯,这个杂整呢,别着急,这个也不难,你只要找到这些切割好的图的原图,把他们的尺寸大小记下来,然后再次利用PS,新建一个总体大小和原模版一样大的图像文件,把你自己的图片帖进来,做好效果,导航栏文字和图标,然后利用PS的切片工具,依照刚记下来的每一个图片的大小,仔细进行切割,这里推荐里,打开切片工具的选项栏,直接输入切片大小,可不要老实的一个个手动切哦
4.切割好后,点击菜单栏,文件----存储为WEB用格式------调整好里面的每个选项(主要是调整下格式,原模版里的图片是什么格式就最好存为什么格式,这样可以省去改图片链接格式的工作),保存好后,把你切割的这些图片的名字都改成和原模版里图片同样的名字进行覆盖.
5.在到FRONTPAGE里刷新看看,是不是图片都换成自己的图片了.图片一切都OK的话,就该轮到链接的事了,这个更简单了,把编辑模式换成代码模式,然后打开编辑菜单-----查找-----替换,把代码里所有的地址连接都替换成你自己店店的链接.然后保存。
6.最后的工作就是去上传了,这里推荐你到yahoo相册去上传,因为这个相册上传图片可以保持原图片名字的,要更方便的话,那就直接上传模版吧,上传上去后,图片的链接地址会自动换成相册网站的链接的,然后复制下代码就可以做到自己的店店了。
顶一下
(0)
0%
踩一下
(0)
0%
猜你喜欢
相关内容
- ·用PS很容易制作网上时常的搞怪表情!!
- ·用PS简单制作一个卡通头像【图】
- ·PS中实现高质量放大图片效果技巧!
- ·淘宝美工之钻展教程图解美工做的灵感思路
- ·Photoshop调出梦幻浪漫的蓝紫色外景美女
- ·PS简单地把线稿提取成透明线稿方法图解!
- ·PS换脸术 蒙娜丽莎图片换脸方法速成!
- ·白底抠图速成coolla教程,好用,非常简单
- ·淘宝放射性背景设计方法!
- ·淘宝鞋子素描效果制作方法!
- ·用PS给淘宝网店宝贝换颜色教程,教你衣服
- ·ps怎么快速打开标尺?怎么设置标尺?
- ·Photoshop鼠绘功能制作超逼真的人像眼睛
- ·构思爆款详情页做到月销量过万!
- ·淘宝首页设计的数据认知美工教程图文详解
- ·淘宝女包产品ps修图的方法图文教程!!
图片动态
热点关注
- ·淘宝店铺装修淘宝店招导航栏个性化全屏设置
- ·用PS的颜色替换工具 来让宝贝图片变纯白底
- ·厂家直销,缩短了工厂与买家的距离素材图片
- ·文胸尺码对照表图片素材,淘宝文胸卖家必备
- ·为什么淘宝装修自定义的图片上传不了?
- ·淘宝卖家皇冠图标动态gif素材
- ·做淘宝服装的卖家必备 尺码测量示意图
- ·用Ps钢笔工具,轻松搞定淘宝要求的纯白底图
- ·Ps快速制作标准一寸证件照片
- ·如何制作GIF动图,教你最简单的办法用ps制作
- ·淘宝实现Alpha半透明opacity: 0.5;-moz-opa
- ·怎么替换模板中的图片成为自己的商品图片?
- ·淘宝卖男士和女士内裤尺码对照表素材非常有
- ·为什么上传至淘宝图片空间的图片会变小?
- ·新手也可以用PS处理纯色背景的技巧让您家的
商家推广