今天教大家按装修市场样例制作出属于自己的模板,此教程适合会PS软件，会代码编辑的的朋友，新手可能学习会有些吃力！工具/原料more淘宝美工助理photoshop和frontpage2003方法/步骤1/5分步阅读

当我们兴高采烈地新开了店铺之后，随之而来的第一个问题就是店铺装修。然而对于新开店铺来说，还没赚到一分钱的我们，对前途一片渺茫的时候，相信大部分人会选择能省些成本就省些的手法，通过本节教程，相信店铺装修自己就能轻松搞定。

2/5

打开装修市场，里面有相当多的专业设计师做的设计图，哈哈，真是美不胜收啊~去年我生了个可爱的女儿，现在就取母婴类的设计稿为例制作教程。

随机找到一个紫色系的模板，点击进入，并可以享受免费试用。这个功能为我们提供了大大的方便。

点击确认试用后，直接进入了我们店铺的装修后台。

3/5

直接点击“预览”，进入预览模板界面，在页面任意处点击右键“审查元素”，得到如下图所示

点击“Resources”进入并找到“Images”文件夹

4/5

依次找到我们需要的图片

如店招背景图，页头背景图，首屏背景图，标题头部背景和一些相关的小图标等

先保存下这些图片如下图。

5/5

下一节，我们将根据所得的素材图片，运用photoshop制作出自己的店铺装修效果图。

注意事项

本教程适合会用photoshop和懂些基础代码的朋友，或会用frontpage的朋友。

盗用可耻，参考人家的设计是可行的~

因装修市场是有CSS样式的，所以很多效果， 我们只能模仿不能完全一致，下一节将慢慢讲来

母婴淘宝