A.工具软件准备:

        刚开店的时候，，连淘宝网精心提供的banner编辑器都不会用 ，更别说PS了，因为店铺几乎所有的活动都得经过图片处理，不会一点处理技术的我只能任网店处于自由状态，没法经营。 后来终于鼓起勇气学起了PS，经过n个月学习终于有所收获，感谢淘宝大学的大师们，也感谢所有给我指点的前辈。

        这里要准备的工具软件，也就是传说中的神器-PS ，它的功能强大得令人吃惊，我估计没有人能把它全部吃透，但我们不需要吃透，只需要了解他们最基本的功能就可以了。

        Ps是photoshop的简称，软件的下载与安装我们就不讲了，大家可以使用搜索引擎搜索一下。

B.做好版面计划

        有计划的去做某件事，这事才会做得顺畅，就像拍电影，那先得有剧本，拍的时候还得有故事板，当初学习Ps的时候，我做得最多的就是按照书本和网上的实例一步一步来练习，没有自己的想法， 一直做不出自己满意版面。

        我们这个实例，我的计划是做一个主题为“新年促销第一波”的版面，选择比较合适做促销又与供货商谈好了供货价的五款产品。定好了产品和主题，下面的步骤就是怎样将这些主题文字和产品分好主次进行排列，我们要学习的这个绝招其中最大的一部分就是学会怎样用PS排列图片。

C.开始排版

第一步.打开ps软件，然后单击文件菜单-新建，打开对话框，如下图所示，填入以下参数，如下图所示参数。因为淘宝店的每个版块都是淘宝的先辈们帮我们量身打造好了。所以这个尺寸也要牢记在心： 左栏部分宽190（宝贝类目那部分宽度）右栏部分宽750，通栏宽950,如果是左右栏的版面，那中间空隙就是10(如图所示)高度可随意设置不要太离谱就行。下面我们就是750x700这样的大小来进行演示。

点击确定后出现新建的画布。

第二步.建立背景框架

单击ps左边工具栏的拾色器按钮，打开对话框，在右下方的框中输入颜色值，可自行更改颜色值，或直接点击中间的颜色获取数值,单击确定关闭对话框→同时按下alt+del健将米黄色填充至背景，这样我们纯色的背景制作完毕。

第三步.建立色块

按F7打开图层面板，单击第六个按钮(如图所示)新建一图层：即在背景画布上增加了一透明的层，系统自动命名为"图层1".(如右下图)

在左侧工具栏中，右击第一个工具（如图）弹出下拉菜单选择矩形选框工具，在画布的任意处单击左键，建立一矩形选区。→再次打开拾色器，选取一种灰色，同时按alt+del，立即将钜形填充成灰色→按下ctrl+D键，虚线选区消失，这样在米黄色的背景上我们建立了一块灰色的色块，这个220x220的灰色色块是我们用来放置我们需要进行促销的内容。

第四步.复制色块

        经过第一步第二步的操作，ps的画布及图层如下图所示

        此时我们选择工具栏第二个工具即移动工具（按v健选择移动工具）并勾选自动选择选项→单击一下画布中我们刚才绘制的灰色色块（一定要单击到色块的范围内才有效）。 按下alt键的同时按下鼠标左键不放移动色块至其它位置，松开左键后松开alt键。这样我们就复制了一个色块，以同样方法复制五块灰色块,可以看到我们每复制一个色块后都产生了一个图层副本，如图

        现在我们在画布上单击任意一个色块即可选择此色块且图层面板中会有蓝色高亮显示，（如果需要移动，只需按住左键就移动鼠标就可以了。）分别单击各色块选中所在图层后，使用健盘的方向键对色块位置进行移动，每按一下方向键,色块移动距离为1（这一点与淘宝店铺的店招内元素移动是一样的,单击一次移动一个像素点的位置，所以定位很精准）调整为图所示

第五步.调整色块大小

        刚才我们对色块的位置进行了微调，接下来我们对色块的大小进行调整，一个版面如果各个色块大小一样，就会缺少主次而效果不好。

        单击左上方的色块，同时按下ctrl+T键，出现调整框如下图所示，如果鼠标移动到各节点上，还会出现双向箭头→将鼠标移动到顶部中间节点，按住左键不放松向上移动鼠标，到合适高度，松开左键,回车确认变化。同样向右调整大小如图所示。(PS系统默认在需要对齐的地方有阻滞感，此时放开鼠标即可对齐) →将右方色块按同样方法调整,调整后效果如下图。

第六步.输入主题文字

        单击选择工具栏上T字形工具即文字工具（有的版本可能是中文汉字的“字”），填入相关的参数，字体可任意选择。在画布的上方输入文字: 新年促销第一波→同样方法，输入大小为18的文字“真正忙碌的农历新年开始咯” →按第四步中讲到的移动色块的方法，同样将文字移动到合适的位置。这样背景为米黄色，色彩代表促销图片内容的简单的布局图就完成了，效果如下图所示,保存文件为促销.psd