PS超详细店铺首页模板制作教程扶植版也能用
http://bangpai.taobao.com/group/thread/903165-13435339.htm
今天我们做这个模板要用到的软件!有两个一个是大家都知道的PS还有一个就是Dreamweaver8.0
这个是我们这次模板的效果图片O(∩_∩)O
首先我们要准备7个店铺里面比较漂亮的宝贝图片!你也不一定按照我这个排列也以根据自己的宝贝自己排列!
下一步打开PS点击新建
然后会出来一个对话框宽度是750像素长度703像素(也可以根据自己的图片大小自己设定)!
设置完以后点确定!
接下了就是先给图片排版!不大会PS的童鞋注意啦!!
先按一下Ctrl+R把标尺找出来方便等一下的排版
标尺出来以后然后点击PS右边的直线选项按住Shift不要放点击鼠标左键在编辑框中画出模板边框本模板分为两排上一排是250X404像素一个下一排是188X299一个不会的照着下面图片尺寸做也行!
等边框画好以后在PS右下角找到你画的图层点右键然后点像素画图层
点完以后我们的模板边框就做好啦!!
等边框做好以后我们就可以把准备好的图片放到模板里面去了!!
点找到你准备好的图片然后直接拖到PS里面去调整图片大小
点击图像下面的画布大小第一排三个大图片尺寸是240x242像素下面拍四个图片是175X248像素
画布大小调整好以后找到编辑选项然后点击自由变换把宝贝图片调整到和画布边框一样大的位置!
调整好后安一下回车键确认
等图片调整好大小以后点
选择按钮直接把调整好以后的图片拖到模板里面!!调整好相应位置
OK把图片放到相应的位置以后效果就是这样啦!!接下来我们就把标题和价格给它添加上去吧!!
我们先用矩形选框工具框出一个长方形来!!
然后点选到背景选项找到左边的渐变工具选好颜色
按住键盘Shift键点鼠标左键从左往右拉!!
上面是效果拉好以后找到选择工具
点一下选择框按住Ctrl+C复制然后再按住Ctrl+V粘贴
粘贴完以后点点击鼠标左键不要放把复制的渐变条做到相应的格子下面!
哈哈这一步完成以后我们就可以在粉红色的渐变格子上面添加文字勒!
找到文字按钮选好颜色
我选的是白色
接下来就打字(ˇ?ˇ)~!!记得每个长方形上面都要打上喔!
哈哈(*^__^*)嘻嘻……有点像那么一回事儿了喔!!!
继续
我们在添加一个价格上去!!吧!!
先选好字的颜色咋找一个人民币的符号!后面打上价格!当然如果童鞋你卖宝贝用的的是美元也可以用美元的符号的!O(∩_∩)O~
价格打好以后找到右下角这个按钮选到描边!
把颜色换成浅灰色、点确认就可以啦!
等设置好以后把价格图层复制一下然后拖到每个宝贝右下角就可以了
效果出来啦!O(∩_∩)O哈哈~!
接下来我们在添加一个宝贝标题就快完工啦!!继续加油!!(^o^)/~
找到文字编辑按钮好颜色把宝贝标题打上去
哈哈标题打上去以后就完成一半啦!!!(*^__^*)嘻嘻……下面是效果!!
好我们再来下一步吧!!等上面都完成以后找到切片工具
然后按住鼠标左键从左上角往右下角拉!!把每个格子分开切片!!切片好以后如下图
等切片完成以后找到文件选项选择保存为Web格式
然后会出现这个!!里面就不用调了直接点击确定就好!!
确定以后新建一个文件夹然后保存在里面
接下来会出现一个对话筐不用管它点确定就好!!
OKPS这部分就算完了!把源文件保存以后就可以关掉PS了!!
关掉PS以后找到你刚刚保存的Web文件打开!
里面有一个网页文件一个图片文件夹
把图片文件夹里面的图片全部上传到你的网络空间里面去!!
然后打开把HTML文件拖到里面去!!
如下图
接下来就要把每个图片的本地地址!换成你图片空间的地址!!
第一个填写图片地址第二个填写宝贝连接地址
等把所有图片地址和宝贝连接都转换和添加完以后
模板就制作成功啦!(ˇ?ˇ)~
模板做好了以后!!只要把代码框里面的代码全部复制到店铺之定义框里面点保存就可以啦!!
!!汗终于完成勒!!头都搞的晕晕!的!!%>_!!也不知道有没有搞漏的!!!
各位童鞋就将就看吧!@!不懂的可以来问我!!喔!!!不明白的加我旺:qinzimao123
http://taoxiuba.taobao.com
相关文章
-
京东店铺在哪里修改价格?主图修改注意什么?
现在有很多人在京东上开了第三方的店铺,京东对于这些第三方店铺还是有不少扶持计划的,而且现在马上就要到京东的618活动了,很多商家想要提前把商品价格修改下,那么京东店铺在哪里去修改价格?进入商家后台-促销推广-创建促销-单品促销,在这里就可以去修改价格了!京东商品主图修改要注意什么?1、京东商品主图图片在800*800像素以上,提供5张(不同视角,如正面、侧面、反面、产品细节图等,必须有一张商品主体
2024-03-13 19:09 -
京东快车上创意图片怎么换?要注意什么?
在商家选择使用京东快车来推广的时候,就经常需要调整推广的计划。因为在推广商品的时候肯定会需要进行测图测款的操作的,如果测图的结果不理想的话,商家也就需要考虑更换创意图了。那么京东快车上创意图片怎么换?要注意什么?京东快车上创意图片怎么换?京东快车的创意图片不能直接修改的,只能通过添加新的SKU 来添加新的创意。在“我的投放平台推广推广创意”这里加入的SKU ID后,选择添加,之后就看自己对应的商
2024-03-13 18:41 -
京东智铺店铺轮播图/图片热区配置操作步骤
本篇文章为大家介绍京东商家朋友最常用的轮播图&图片热区模块如何设置及常见问题,来看看吧:Q1: 如何设置轮播图&图片热区模块?操作路径:移动端/电脑端:进入装修页面-左侧装修模块中选择【轮播图】/【图片热区】-右侧属性窗口进行属性信息配置。,Q3:尺寸要求是什么?移动端:轮播图:请保证每帧图片尺寸一致。,导航主要包括店铺首页和商品栏目及各个单页面的导入链接。
2024-03-13 18:18 -
京东主图怎么做?要注意什么?
相反主图不合格可能会造成商品下架、扣分。,方法就是通过搜索关键词,在首页展示的产品主图,都整体出来。,京东做主图要确定好自己产品的受众群体,了解这个品类是什么人群喜欢的产品。
2024-03-13 18:15 -
京东详情页图片怎么弄下来?图片有什么要求?
第二步:这时候会跳出一个代码小窗口,选择下图红色选框中后缀为.jpg的一串网址进行复制。,各入口图大小规范:1、项目页首屏图主图,此图不需要出现品牌或者宝贝名称,只需一句核心广告语和若干几个主要卖点尺寸 :650×420px体积:小于100k2、新版众筹首页列表图尺寸:280高( 220< 高<500,表示宽度为280px,高度可以在220px到500这个区间,此图无文字)体积:小于5
2024-03-13 18:10 -
京东快车创意图规则是什么?怎么做?
一般消费者购买茶叶,对于是否是新茶相当在乎,对于这种具有时令特性的产品,在创意图上说明茶叶采制时间,就相当关键了。,2、图片简洁大方现在逼格高的网站图片或者app,版式设计都是简洁大方,给人一种高逼格的感觉,尤其是高档产品,创意图尽量选择简约风格。,3、突出利益点一张创意图不仅要说明产品特点,能够满足消费者什么需求,例如“买二送一”,像这种利益点,一定要说明,充分利用人爱贪小便宜这种心理弱点。
2024-03-13 18:08 -
京东的图怎么扒下来?如何保存?
现如今有很多在京东平台上购物的消费者,吸引了很多卖家选择在平台上开店发展,而在上架产品后需要设置好产品的图片,很多卖家会想要使用别人店铺的图片,下面来介绍京东的图怎么拔下来了?京东商品主图保存方法一:第一步:打开京东商城,找到自己喜欢的产品。,第二步:在打开的商品页面中缩略图区域,鼠标“右键”点击任意一张要查看原图的缩略图,选择“在新标签页中打开图片”,出现一个缩略图的新页面。,我们了解到京东的图
2024-03-13 17:56 -
京喜店铺新品发布素材需要准备什么?
商家在京东开放平台开设京喜店铺,新品发布需要准备好以下这些素材,那样在发布新品的时候就会水到渠成。一、商品主图商品主图可以提升点击率,建议10张图上传满,可以依照核心卖点图、细节图、场景图、资质图等顺序上传。图片规范有强制要求,不合规会影响产品上架同时系统会自动检测违规扣罚。①尺寸:800*800PX②分辨率:72DPI③格式:JPG/JPEG/PNG④大小:小于2M⑤禁止出现:涉黄内容、违禁商品
2024-03-13 17:54 -
京东快车怎么修改创意图片尺寸?有哪些尺寸?
那么,京东快车怎么修改创意图片尺寸?有哪些尺寸需要注意?本文将为您详细介绍。,图片大小需要控制在合理范围内,以保证广告的加载速度和用户体验。,希望这篇文章能够帮助您更好地了解京东快车创意图片尺寸的修改方法和注意事项。
2024-03-13 17:50 -
京东快车如何更改创意图片尺寸?尺寸要求
京东快车作为平台商家经常使用的付费推广工具,能够将商品直接推荐到精准客户面前,但想要吸引用户点击,就得在创意图上面下功夫。,只有定位清楚才能更好的制定创意设计方案,使创意更具有针对性。,同时创意图中的文字要简洁明了、有针对性,图片一定要有吸引力、表现力,能够让目标客户看一眼就知道产品卖点,从而愿意点击进入到商品详情页里面查看。
2024-03-13 17:49
热门标签
-
伊米妮--值得学习的天猫箱包类目的佼佼者
2024-03-21 08:29
-
忘记淘宝店铺账户名和密码了怎么办?
2024-03-21 08:29
-
淘宝周年庆将至 装修宅教大家如何识穿骗局
2024-03-21 08:29
-
店铺视觉营销误区
2024-03-21 08:29
-
淘宝推广必知详情页优化细节
2024-03-21 08:29
-
淘宝美工必备PS胶片滤镜插件Alien Skin Exposure v5最新汉化版
2024-03-21 08:29
-
淘宝创业之批量加水印
2024-03-21 08:29
-
正规大商家直通车实操高阶技巧分享(含直通车推广考核表格下载)
2024-03-21 08:29
-
淘宝数码配件之移动电源乱市之道
2024-03-21 08:29
-
淘宝忙打假 多家店铺被删出宝贝链接扣2分全年无法报活动
2024-03-21 08:29
-
anymo艾茉服饰天猫旗舰店 anymo.tmall.com
2024-03-21 08:29
-
淘宝创业之图片制作技巧
2024-03-21 08:29
-
专业淘宝网店铺全套模板装修 超低价抢购新旺铺设计
2024-03-21 08:29
-
淘宝一阳指手机淘宝店铺装修无线描述详情页发布产品
2024-03-21 08:29
-
天猫发票问题如何处理避免被处罚?
2024-03-21 08:30
-
商品品牌自检功能 打击售假商品
2024-03-21 08:30
-
千牛云盘发布 如何使用千牛云盘?
2024-03-21 08:30
-
阿里巴巴Q4净利润13.6亿美元 远超Facebook雅虎
2024-03-21 08:30
-
2014天猫战略发布会
2024-03-21 08:30
-
淘宝首页热卖单品活动要求介绍
2024-03-21 08:30