第五章 再坚持 PS网页设计 关于我们版块 文字和矩形工具复习

网页设计稿在第一章，有需要的瞄一下哈。

今天的内容比较少，也比较简单，主要再复习一下 文字工具和矩形工具的应用，如图：

下一章会比较复杂，讲的是产品模块，如图：

开始我的设计，哈哈。

01、首先我们创建一个关于我们的组，找到最右侧的图层面板，在最底部，找到倒数第三个按钮（创建组），鼠标单击，创建组之后，我们双击创建好的组的命名，命名为关于我们。

02、找到最左侧工具栏，点击T文字工具，再在页面相应位置单击一下，便可输入自己所需的文字，文字大小为36px，颜色为#33333，文字编辑好之后，没有居中，我们选择选区工具（最左侧工具栏第二个工具），框选页面，然后切换回选择工具，点击横向工具栏的竖向居中，文字就居中了。

如果我们想让文字里的几个关键词进行更换颜色，加粗操作，需要找到T文字工具，然后在文字的上方单击一下，再框选自己需要的关键词，在右侧字符面板更改样式便可，如果没有字符面板，鼠标点击窗口 -- 勾选字符就出现了。

下面的文字按照上述步骤操作，另外有一种段落文字，写的文字内容较多，设置成段落文字，就不需要自己手动换行，只要调节文本框就可以调整宽度，文字也会自动换行。

单击T文字工具，在页面的所需位置，鼠标单击，不要松开鼠标，直接画出一个框，大小差不多再松开鼠标，接着我们输入文字便可。段落文字大小为18px；颜色为#666666；行高为30px；如图圈出的位置就是行高的设置：

03、熟悉文字之后，接下去画下面的按钮，找到矩形工具，画一个宽度（w）为186px；高度(h)为：42px。画好矩形框之后，我们再输入文字。

输入文字的时候，两者并没有居中对齐，我们用选择工具单击文字，再按住Shift，不要松开，再点击矩形，选中两个图层之后，在横向工具栏点击左右居中和上下居中即可。

大家按照设计稿自己再试一下哈，如果大小控制不好，可以把设计图当背景放入PS，然后照着画一遍，就可以试出感觉了。