文字的高级编辑.PPT

第二章：PHOTOSHOP功能在UI设计中的使用 2.4 文字的添加 在Photoshop中制作移动UI界面的过程中，为了准确地表达出各个设计元素的功能，常常会为界面中添加必要的文字信息，接下来就对文字的添加操作进行讲解。 在Photoshop中可以添加两张类型的文字，一种是点文字，一种是区域文字。点文字就是使用“横排文字工具”或者“竖排文字工具”在图像窗口中单击，输入所需的文字即可；而区域文字就是使用“横排文字工具”或者“竖排文字工具”在图像窗口中单击并进行拖拽，创建出文本框，在文本框中输入所需的文字内容。如下图所示为选中点文字和区域文字中文本内容的显示效果。 文字的添加 在使用“横排文字工具”或者“竖排文字工具”添加所需的文字之后，可以利用“字符”和“段落”面板对文字进行进一步的设置。其中“字符”面板能够更好地对文字的不同属性进行设置，如调整文字的字体、大小、样式、间距以及颜色等，也可以通过对文字基线的调整，修饰文字排列效果；“段落”面板用于段落文本的设置，当在图像中创建段落文本后，使用“段落”面板可以调整文本的对齐，也可以设置段落的左、右以及段首的缩进等。如下图所示为“字符”和“段落”面板。 文字的添加 如果要对输入的部分文字进行单独的处理，可以使用“横排文字工具”或者“竖排文字工具”在文字上单击并进行拖拽，选中部分文字后进行单独设置，如下图所示。 文字的添加 使用“横排文字工具”或者“竖排文字工具”创建文字后，直接单击文字工具选项栏中的“更改文本取向”按钮可以将横排文字转化为竖排文字，再次单击按钮，则会把竖排文字再转换为横排文字。或者执行类型/文本排列方向菜单命令，在其中选择文字的排列方式，也可以对文字的方向进行重新定义，如下图所示。 文字的添加 2.4.2 文字的高级编辑 本案例主要是把圆形的路径文字，格式化后用动感模糊来制作光束，效果非常眩。 最终效果。 文字的高级编辑 一、做一个路径文字，具体就不说了，反正就是画个圆，然后在上面写字。 二、栅格化文字，复制图层，然后动感模糊(我模糊了两次，不然不够长，然后复制几次图层，合并，要不太淡了)。 三、对光线图层执行CTRL+T进行自由变换处理，把光线拉成如下图效果的梯形，把光线制作成分散出的效果,如下图所示。 文字的高级编辑 四、接着再对文字图层也执行CTRL+T自由变换处理，把文字处理成旋转的效果，并把其拖放到合适的位置。 五、好像光线太单薄了，再复制一次图层变形，继续发散开来(可以加了个蒙版，让光线渐隐一下)。 六、双击打开文字图层的图层样式，给文字图层添加一个外发光样式，效果如下图所示。 文字的高级编辑