网店模板制作与设计全流程(一)

1、制作模版版这里面面有很多多复杂的的问题的的，作为为启蒙性性的教程程，我这这里只介介绍最简简单的方方法和形形式，其其他的大大家可以以在此基基础上自自己开发发、研究究，如有有问题欢欢迎赐教教。 准备工工具和素素材：PPhottoshhop 7.00和Frronttpagge 220033和相应应图片（也可以以自己创创作） 下面进进入正题题吧1. 打开开Phootosshopp，点击击上方的的“文件件新建建”，新新建一张张8000*12200的的画布，这里把把底色设设置为白白色。 2. 然后点点击“文文件打打开”，找到自自己想要要用于模模版上的的图片，打开(大家可可以事先先把图片片的大小小调整好好，

2、以适适合于模模版使用用)。 接着，先在图图片上按按下“CCtrll+A”(全选选)，注注意这时时候图片片四周会会出现一一个虚线线框，然然后再按按下CCtrll+C(复制制)。 3. 然后回回到我们们最开始始建立的的那张8800*12000的画画布上，按下“Ctrrl+VV”(粘粘贴)，图片就就被粘贴贴到画布布上了。如果位位置不合合适的话话，可以以点击左左边的“ HYPERLINK javascript:void(0) 移动工具具”，将将图案拖拖动到合合适的位位置上。 4. 可以根根据图案案对模版版做些 HYPERLINK javascript:void(0) 装装饰，比比如我这这里面就就用椭圆

3、圆工具画画出几个个圆圈，并用与与图案相相近的蓝蓝色填充充。然后后再点击击椭圆工工具，画画一个大大一点的的椭圆出出来，用用来放置置店铺公公告。可可以把“不透明明度”设设置为660%，这样看看起来效效果更好好些。 5. 接下来来在模版版上写上上自己的的店铺名名称。点点击左边边的“文文字工具具”，在在店铺公公告的上上方写上上店铺名名称，注注意可以以在窗口口上方的的地方调调整字体体、字号号以及文文字颜色色。然后后可以点点击右边边的“添添加图层层样式”，根据据个人喜喜好选择择诸如阴阴影、描描边、外外发光等等效果，使文字字更好看看。 6. 可以对对模版进进行些装装饰，最最简单的的办法就就是选择择“自定定形

4、状工工具”，画出一一些喜欢欢的图形形来。然后用用“文字字工具”把要做做链接的的内容写写上，比比如“逛逛逛小店店”、“店铺介介绍”、“ HYPERLINK javascript:void(0) 信用用评价”和“收收藏店铺铺”等。 7. 下边就就要来处处理模版版的主体体部分了了。首先先我们用用一个方方框把主主体部分分框起来来。点击击“自定定形状工工具”，在窗口口上方“形状”右边的的下箭头头上点一一下，选选一个合合适的形形状，这这里我用用的是CChecck BBox，用这个个形状把把模版余余下的部部分框起起来。注注意边框框的颜色色是在窗窗口上部部的地方方进行选选择的。 8. 然后就就是往上上添加各各

5、项需要要的内容容啦首先在在右边的的“图层层”中选选中“背背景”层层(就是是我们最最开始建建立的那那个画布布)，然然后可以以用“自自定形状状工具”画个小小花什么么的，或或者贴上上自己喜喜欢的小小图片也也可以。我这里里用的是是“自定定形状工工具”中中的Bllob 2。 9. 再选择择“文字字工具”在图案案旁边写写上“宝宝贝展示示”，和和前边提提到的一一样，文文字的相相关属性性在窗口口上部的的地方设设置。可可以用“移动工工具”调调整一下下文字的的位置。 10.同样方方法，写写出“宝宝贝描述述”、“买家必必读”、“邮资资说明”、“联联系掌柜柜”、“推荐宝宝贝”等等内容。注意：不要担担心每项项之间的的空

6、白部部分过窄窄，因为为模版做做好之后后，这些些地方都都是可伸伸缩的，所以放放多少内内容都没没问题，不用担担心的 11.可以在在模版上上加上你你的版权权 HYPERLINK javascript:void(0) 信息内容容，如水水印啦、制作者者啦什么么的。 12.然后就就是很艰艰巨的切切片任务务啦!选选择切片片工具，把所有有要添加加文字或或者图片片、链接接的地方方都单独独切出来来。切片片这一 HYPERLINK javascript:void(0) 过过程很重重要，刚刚开始的的时候大大家可能能会不熟熟练，总总有这样样那样的的问题(最后成成品模版版如果出出现断裂裂的话，通常问问题都是是出在切切片这一一关)。别灰心心，多试试几次，多琢磨磨琢磨，多练练练，肯定定会好的的! 另外：我这里里介绍的的只是最最简单的的模版，就是主主体部分分只需上上下切，而不用用左右切切成两部部分的。实际中中，如果果大家想想要做左左右分块块的模版版(比如如左边放放产品图图片、介介绍，右右边放宝宝贝分类类、推荐荐这样的的)，切切片是很很需要技技巧的。由于表表达能力力有限，我在这这里说不不明白具具体要注注意的问问题。不不过大家家只要多多练习多多思考，一定可可以摸索索出规律律的。加加油哦 13.下一步步就是点点击“文文件保