手把手教你ps制作首页模版

1、手把手教你PS制作首页模版小店刚开，店铺首页装修是个问题，如果您资金充足，可以直接购买模版，像我这样刚开始经营的店铺，还没有多少盈利，购买模版有点不情愿，所以通过搜索和多参考其他淘宝店铺的风格界面，自己开始手动制作首页模版。第一，打开ps（Photoshop强大的图形处理软件）些S*：iS.C|LtffirSiJHlTiSffl站耳Rih创亡b喇風甲IE矗fhH却5_B%UH.、/0z玉覓-dd傀衆这里使用的是pscs4版本，各种版本百度下载吧。如何使用，也请使用百度。第二，制作店铺招牌店铺招牌是网店的门脸，买家通过招牌可以知道你这店是卖什么宝贝的。比如我是做卖女装的，那么就要起一个好的名字，

2、通过作图把logo设计好。新版旺铺的尺寸宽度是950px,店铺招牌的高度是120px。我使用了130px的像素，不影响最后效果。通过观察其他网店的店招,一般不要设计太复杂,而且要和整个店铺的风格色调一致,颜色搭配可以参考别的网店,我使用的是浅灰色背景+粉红色黑色字体的方式。这是我设计的店招,而且店铺的头像和店招是一样的。注意：源文件psd格式一定要保存下来,如果觉得这个店招可以改进那么就要使用这个psd格式，同时要利用好图层关系！10口nn100%k2Opacity:正常锁走：/由a填亢:JPEG选项杂边迥工无确定-格式选项基线标准“)C：基线已优化连续扫描：3做好之后，就保存为gif或者jp

3、g或者png这3种格式，注意保存的时候文件不要太大，要不买家浏览你得网站会比较慢。然后我们在店铺装修中把店招传上去，大小一定要设置合适。衣7(111站J曲；：曲氏：-i口百r：?T-rl乜：曲求-.-昶HIM迟tstefesi：fistfatu自磁fats*B：120PK盘议不粗过LZgXi第后鈕示司龍异常店澜抬牌X-71第二，制作轮番图片。健燔旬罪繪门人气室风点斎畳详情0不选对的*只选官旦衣饰馨语刘將新耿蛊借亂特&PU謁捉一粗扫皓身囲芸軒条大小依然是高度950px，高度自己确定，一定要美观，同时可以打上一些广告语！或者你主打的品牌，这样买家知道你主打什么产品。多做几张，比如说是三月新品等等。

4、这里呢，要把你得模特从照片中扣出来，然后放上去。抠图过程请百度，一般使用钢笔工具+生产选取羽化，比较简单方便。然后在页面中添加模块，选择图片轮播。上传好之后把链接填好就行。第三，就是主页上面要放置的一些具体宝贝内容，比如人气宝贝，掌柜推荐还有各种分类的宝贝等等。以及一些打折促销和优惠活动等等尺寸同样是宽度是950px,高度自定。比如我添加了个人气宝贝，如下图做好。anIsiWkj-Popiallnriijr(JfWiamc=njit-l廉妹曲ti嚨妹CS-/L饭能Bi歪r=iMi7D昭liw元毋iW妹卿海J(HID元rdSSilOflOjn然后利用切片工具把每个宝贝都切出来，以及顶部的标题。一

5、定要切仔细了。ElATI-SisWIIHHlS刚5IdIT打鈕f疋E31M吐tst3T.J.W新事.11)11叶从文件选择储存为web格式和所用设备格式。ZgfotWeb&Crevices00%Fe*”L：|*Uui3adOrLa-niliJptinLied-lk-卜叱四1M麻竦四牛少蘇拯桥*UODD托=1000tl3F51Z2X2zrR5G.6dpitm1C(Hidi.th鬥SilQizcivti：p14iti221,cdarHFM凰伽代Ft!.：sfrSBTYivamflr-t-adrt-sC-alw7Jbl24Critf-kL.Lr-iULaii!.yHj4S4LELiF-nbif21吓

6、文件53.0DK在保存的类型里面选择html格式。Cvhd!5ltoigE这样就生成了一个带有网页和分散图片的文件夹。imag&sAlSJ.html我们把图片传入图片空间，选择分类是店铺装修。这个一定要分好类要不容易出错。通用上椿高遠传(IE)普通上传设置衣印S.F曲D咖日齢三冋5z2.59G.是吕雯J區?1的:牙甫咲悸土小按作sparargn43.00)-!I_：11.DIT1.3DKA-+lJDZflir452.0D人汽宝贝一阻审031.QDA.雀贝D4-MLSW1.15K丿.C5.i;ir2.24K4.7BKAnJUE卯3.74K刊:S.cif4.7BK.Dlgif3.09KA气宝US卯

7、5.17K上冗辽i_14grf2.7DK人pq_也屮1.13KLl3.gif1.33K心宝心4.席1.32K瞬/.ra_i&.nif123K7-1I_15.DIT5.Z3K-!I_1r.Dlf5.17K潯加閏片勺黑示：料團片夫于訴同迭鶴4t.iP3JPM.pno.aiT.Mnu格弍*一农上佶不彊张教如惑F能上嵌也击说甲反映小快窍=抵抉utn可碗丈件Clri+A可以全选匚济加水f卩匚囹片憋调整匚軽方止传I以上自迦鎌立即上持然后用记事本的方式打开刚才看到的人气宝贝.html文件。选择这之间的代码复制。ilcellnsdcin初e、八迅土疋/r11J.丁匚tantti：u叮iv=C工Trtcn:Tv

8、tca匚r.ient=zicxt/l.tn_:2312z.、7上匚bcidybgccilciii=J1一SelvefurWubSliuug人气年贝.psd?”tableidTablecel1spacing-；歉饗篷磚鴛?是簞縊蕊荻翁薇礬露覚盘聲球谱岸富綽打：心k逾凰空注；呼茫?翅懸泡话沙：才3tdcolspan-2;毛甩#越已ba.cdQ_01.imaM_t=tdcalspanFS1nages/ӫH.ft#it6cl4,Wx5b9d.ft#k8dlc：HTe.文件旧禎伍）稻式（G至寿阴辛輒Hidth=224AJhcisht=v3Sidth=/726z，heightSth二950”hm

9、ight二丄alt=S心Lidth=950rfheight=”l_人T宝贝“html-记事本在店铺装修的下面，新建自定义模块。1価:呢賈自定賈內容区您可以通过在骗辑器输入文字丿圉片巾tml代码的世武自定义编辑内容。苗格；免萌把标题显示选择为不显示，用源码输入。把刚才的代码复制粘贴到这里面然后取消源码模式。看看，是不是框架出来了。我们再替换里面的图片。改为我们上传空间的图片链接。ASHThaPopularityOfWomen人气宝贝jn套制：代码丨槌接丨圉片替换刪除编辑详情逐个替换后，保存，人气宝贝框架就设计完成了，是不是很有成就感？然后再制作每个人气宝贝图片，上传，替换，最后就可以看到自定义区域的强大之处了。笛it毗也d屮頁初暹衣河硼.Jr.PL!隅憚製地辰#一葩加敵也鱼AH.!卅hnI叭附匹扛亚民鼻戸或罔廉昭电砾磁妮林第四，认真制作其他自定义模块其他模块和第三条是一样的，需要认真制作，我花了两天时间参考和设计，能帮你每月省下30块钱