当前位置：主页 > 平面设计 > PS教程 > 系列教程 > 大师之路

最新发布

(10-5):使用OpenType字体
(10-5):使用OpenType字体

在Windows系统中，字体文件都保存在系统目录下的fonts子目录中，如果想要使用更多的字体，就要将字体文件(文件本身或快捷方式)拷贝到这个目录中。 我们在使用文字的时候，感觉到它似乎是矢量的，因为我们放大或缩小字号都不会损失文字的质量。 其实最早的计算机字体是点阵格式的，就如同我们学习过的点阵图像一样，它只适合在某种尺寸下观看，若是放大缩小就会造成失真。随着技术的发展，在Windows3.1时代开始使用一种称之为TrueType的字体格式，这就是一种基于矢量制作的字体。现在当我们通过Photoshop、Word或其他应用程序调用文字时，文字都是以矢量方式出现的。除了TrueType之外，常见的还有PostScript、OpenType字体标准。其中TrueType主要应用在屏幕显示及普通打印上，是最常见的。PostScript是由Adobe开发的用作印刷的精细字体标准，但与应用程序的兼容性稍差。而OpenType兼备TrueType与PostScript的优点。并提供一些新特征，如连笔字、分数字等。可以为文字排版添加新的效果。下面我们就来看看如何使用OpenType字体的特殊特征。1034如下左图，在字符调板的字体列表中，位于字体名称左方的如果是图标，则表示这是一个OpenType字体。如果是图标则表示是TrueType字体。确保所选择的是OpenType字体。然后点击字符调板右上角的圆三角按钮(下右图红色箭头处)，观察在出现的菜单中OpenType选项(下右图绿色箭头处)是否可用。有些OpenType字体并没有提供特殊特征，那么OpenType选项就不可用。OpenType的特殊特征为：标准连字、上下文替代字、自由连字、花饰边、旧样式、替代文字、标题替代字、花饰字、序数字、分数字。此外还有一些专门应用于亚洲语言的特征。不同的OpenType字体提供的可用特征种类也不相同，某些特征可能不可用。-1035下面我们使用“Adobe Garamond Pro”字体对其中一些常用的特征进行演示，分别如下各图所示。可以看到标准连字是将相邻字母笔画互相融合；自由连字是将相邻字母笔画互相衔接；旧样式将数字错落有致地排列；替代样式改变了字母的外形；序数字将st、nd、rd、th这些英文序数词后缀上移并缩小；分数字将分子和分母排列的更加紧密。需要注意的是，各个特征都有应用的前提条件。如标准连字和自由连字，并非所有相邻的字母都能产生连字效果。某些特征只能应用于字母或只能应用于数字。某些特征又只能改变部分字母或数字的外观。而某些特征与其他特征之间有冲突(如分数字和序数字)。具体的情况还是要看字体文件本身所包含的特征信息量而定。----由上面的例子我们可以看出OpenType具有很大的优势，越来越多的字体都采用这个标准，中文字体也不例外。不过目前而言，大部分具有应用特征的OpenType字体都是英文，中文字体虽然也有OpenType标准，但极少具有能应用OpenType特殊特征的中文字体，即使有也大都只能对字母或数字有效，对于汉字却并无效果。如果相邻的汉字之间能够连笔，那确实是非常令人期待的，同时制作该字体的工作量之大也将是超乎想象的。计算一下，26个英文字母两两排列的总数是26×26＝676种，也就说要设计676种连笔。而汉字的扫盲标准已经是1500字，日常用3500字，GB码包含的汉字数量为6763字，而汉字总数到底是多少？大部分说法倾向于1994出版的《中华字海》，其中收录了87019字……

共 4 次浏览
(10-4):路径文字排版
(10-4):路径文字排版

除了以上的排列方式之外，文字还可以依照路径来排列，在开放路径上可形成类似行式文本的效果，如下左图中呈波浪形排列的3个网址文字。还可以将文字排列在封闭的路径内，这样可以形成类似框式文本的效果，如下左图的数个U字母和T字母。它们各自所依靠的路径如下右图所示，很容易看出前者是一条开放形，而后者是两个(不是一个)封闭形。严格来说，要在掌握了绘制路径的方法后，再来学习有关路径文字的内容。所幸的是Photoshop提供了很多现成的矢量图形，在这里我们就先利用它们来学习。只不过这些矢量图形都是封闭图形，类似下右图那样的波浪线开放路径目前我们是无法制作的。-新建一个400×300的图像(可自设尺寸)，然后选择自定形状工具，注意绘图方式应为第一种(形状图层)，如下图红色箭头处。然后在形状列表中选择一个心形(如不在列表中，可恢复默认形状)，如下图绿色箭头处。样式选择为无样式。另外可以选取一个的颜色。然后在图像中画出一个心形(绘制过程中可以按住SHIFT键保持长宽比)，这样其实就是建立了一个带矢量蒙版的色彩填充层。如下左图，图层调板中显示的正是一个色彩填充层。双击缩略图可以更改填充的颜色，而图层缩略图右方有一个蒙版缩略图(下左图蓝色箭头处)，这就是矢量蒙版缩略图，特点是以灰色来表示被隐藏的区域。有关矢量蒙版的知识我们将在以后学习。1025在进行下一步之前，要保证路径蒙版中的路径处于显示状态，方法是点击路径蒙版缩略图。会看到图像中的心形出现了一个外框，而图层调板中路径蒙版缩略图周围出现了一个细线框，如下右图。-现在选择文本文字工具，并使其停留在这个心形路径之上，依据停留位置的不同，鼠标的光标会有不同的变化。当停留在路径线条之上时显示为，当停留在图形之内将显示为。请注意这两者的区别，前者表示沿着路径走向排列文字，后者则表示在封闭区域内排版文字，作用是完全不同的。1026现在我们先将文字工具停留在心形之内(光标为)，然后单击，出现文字输入光标，输入一些文字。如“LOVE”(注意每个字母之后都有一个空格，原因稍后再述)。选择一个英文字体(如Tohoma)，选择小一些的字号(如6px)，并复制粘贴几次，使其充满整个图形(超出也没有关系)，效果如下左图。此时看到文字在图形内的排列并不对称，接下来在段落调板中设置居中，并适当设置左缩进和右缩进的数值(如5px)，这样看上去就较为舒适了。一般来说在封闭图形内排版文字，都要进行这些设定以达到较好的视觉效果。如下右图。-现在隐藏(甚至可以删除)心形色彩填充层，我们看到在文字外围仍然保留有一条封闭路径，与原先心形路径相同。如下左图。由此可以明白，虽然这个文字层的排版路径是籍由另外一个图层中的矢量路径而来，但在完成后，其也“克隆”了一条相同的路径并“留用”。1027我们可以对这条“克隆并留用”的路径进行修改，从而改变文字的排版布局。方法是使用直接选择工具〖A/SHIFT_A〗，在文字层(不是早先的填充层，此时应隐藏填充层)的路径上点击一下，就会看到路径上显示出许多小方块。如下中图。用直接选择工具往左上方略为移动蓝色箭头处的方块，就可以看到效果。有关路径的知识我们将在以后学习，到时候我们可以进行更多更复杂的修改，现在大家先记住路径是可以修改的就可以了。1028前面我们提到过要在每个英文字母后面加上空格，是为了在行末换行时可以让单个字母移到下一行，而如果使用一整个英文单词LOVE，则在行末换行时，因为要保持完整性，整个单词将被移到下一行，这样的效果看上去就比较生硬(也有人会喜欢这种效果)，如下右图。大家以后在实际应用中可以参考这种加空格的方法，如果觉得空格拉大了字母间距，可以通过在字符调板中设置间距为负值来弥补。--

共 9 次浏览
(10-3):区域文字排版
(10-3):区域文字排版

介绍完文字的选项后我们再来学习文字的排版，之前我们输入文字的方式可以称为行式文本，特点就是单行输入，换行的话需要手动回车，如果不手动换行，文字将一直以单行排列下去，甚至超出图像边界。在大多数排版中，较多的文字都是以区域的形式排版的，如下图，一段《追梦人》的歌词排列在一个方块背景中。为了让文字与背景配合，我们需要在每一句的结尾回车换行。这样如果更改了背景的布局方式，文字就不能适应了，如下右图。此时必须重新按照背景来分行。如果字符数量很多，这样的操作就会显得很繁琐。-在设计中频繁地改动布局是常有的事，如此更改文字段落自然效率低下。针对这种情况，我们可以使用框式文本来解决。1020就如同使用矩形选框工具一样，用文本工具在图像中拖拉出一个输入框，然后输入文字。这样文字在输入框的边缘将自动换行，如下左图。这样排版的文字也称为文字块。对输入框周围的几个控制点进行拖拉(将鼠标置于控制点上约1秒钟变为双向箭头)可以改变输入框的大小。如果输入框过小而无法全部显示文字时，右下角的控制点将出现一个加号，表示有部分文字未能显示。如下中图红色箭头所指处。在输入框各控制点外部拖拉鼠标可旋转输入框，文字也相应发生旋转，如下右图。输入框在完成文字输入后是不可见的，只有在编辑文字时才会再次出现。1021在上面所说的调整文字输入框的时候，只会更改文字显示区域而不会影响文字的大小。如果在调整的时候按住〖CTRL〗就可类似自由变换〖CTRL_T〗那样对文字的大小和形态加以修改。按住〖CTRL〗后拖拉下方的控制点可产生压扁效果。对其他控制点如此操作可以产生倾斜的效果。如下图。大家可以自己试试看。自由变换命令也可以令文字块产生相同的效果。但不能使用透视和扭曲选项。要制作那样的效果需要转换文字为路径，这将在本课后面小节介绍。掌握了框式文本后，就可以很容易地改变整个文字块的段落了，如下2图。但大家必须明白，从左图到右图，是进行了两处改动的，除了改变了文字块的段落以外，还改变了作为文字块背景的那个圆角矩形的大小。那可以同时改变两者吗？不行。如果将两个图层链接后使用自由变换〖CTRL_T〗，虽然矩形可以改变大小，但文字将产生类似上图的压挤效果，而我们想要的是让文字块依照改变后的矩形来安排段落。这主要是因为两个图层之间没有相应的从属关系，希望在以后版本的Photoshop中能够加以改进。-1022注意上左图中的歌词，在第4行的开头是一个逗号，这在中文习惯的排版中是不允许出现的。中文对于行首和行尾可以使用的标点是有限制的，称作避头尾。以下就常用标点的限制作一个说明：行首不允许：逗号、句号、感叹号、问号、分号、冒号、省略号、后引号、后书名号、后括号。行尾不允许：前引号、前书名号、前括号。在输入过程中刻意去遵照这些规定是很难的。我们可以通过段落调板【窗口_段落】令已输入的文字遵照避头尾法则。如下左图是段落调板，右图是应用了避头尾法则前后的对比，注意红色箭头所指处的变化。-

共 5 次浏览
(10-2):使用字符调板
(10-2):使用字符调板

1012以上是在文字工具的公共栏中出现的选项。在点击了字符调板按钮后即会出现字符调板【窗口_字符】，如下图。在其中可以对文字设定更多的选项。在实际使用中也很少直接在公共栏中更改选项，大多数都是通过字符调板完成对文字的调整的。其中的字体、字体形式、字号、颜色、抗锯齿选项就不重复介绍了。注意其中的为亚洲文本选项，需要在Photoshop首选项〖CTRL_K〗的常规选项中开启“显示亚洲文本选项”才会出现。1013拼写检查选项是针对不同的语言设置连字和拼写规则，如下右图显示了英国英语和美国英语对同样文字的不同连字方式。注意，末尾连字只有在框式文本输入时才有效。因为框式文本是自动换行的。通过手动换行的文字是不会有连字效果的。有关框式文本的输入方法在本节后面部分介绍。连字和拼写规则对于中文是没有意义的。因为汉字为单体结构，即一个汉字字符已携带完整含义，而字母系语言需要多个字符组合才能携带完整含义。也正是因为汉字携带的信息巨大，因此现在电脑的计算能力还不足以完美处理中文化的信息结构。-1014行间距控制文字行之间的距离，若设为自动，间距将会跟随字号的改变而改变，若为固定的数值时则不会。因此如果手动指定了行间距，在更改字号后一般也要再次指定行间距。如果间距设置过小就可能造成行与行的重叠。如下左图是自动行距与手动指定为12像素行距的比较。如果有重叠发生，下一行文字将会遮盖上一行。1015竖向缩放相当于将字体变高或变矮，横向缩放相当于变胖和变瘦，数值小于100%为缩小，大于100%为放大。如下右图中3个字分别为标准、竖向50%、横向50%的效果。-1016在字符调板中有比例间距和字符间距，它们的作用都是更改字符与字符之间的距离，但在原理和效果上却不相同。我们可以动手来理解它们的区别，新建一个足够大的图像，打上simple这几个字母，字体为黑体，大小为72像素。如下图左端所示，我们看到整个文字的宽度是由字符本身的字宽与字符之间的距离构成的。这两者都是在制作字体的时候就定义好的。有的字符本身较窄，但其左右的字距也较大，这样做是为了保证每个字符占用的宽度一致。否则，较窄的字符就只能占用较小的宽度。但这种设计却也造成了字符之间疏密不同。如下图中的mp之间与pl之间的疏密就不同。这种情况一般出现在使用中文字库输入字母的时候，Windows系统自带的黑体、宋体、楷体字体都存在这种现象。因此输入英文时应避免使用这些字体。字宽与字距间的比例将随着字号的大小相应改变，也就是说，对于同一个字体来说，字号越大，字符之间的距离也越大。反而反之。那么，字符间距选项的作用相当于对所有字距增加或减少一个相同的数量。可手动输入数值。如下图中将字符间距减去100，所有的字符间距都减去100，字符就互相靠拢了。但是这样做并没有改变疏密不同的情况，尽管mp已经是互相紧靠着密不透风，但pl还是有很大的距离。当然，如果继续减少字符间距也可以最终令pl之间也“密不透风”(设为-300左右)，但mp之间却会产生重叠的效果了。我们可以用一个简单的算式来理解：假设mp原来的距离为100，pl之间的距离为300，当字符宽度设置为-100的时候，mp之间的距离为0，pl之间的距离还有200。要令pl之间的距离为0，字符宽度必须设置为-300，但同时mp的距离必须为-200，所以mp产生了重叠的现象。比例间距选项的作用是同比例地减少(注意，只能是减少而不能增大)字符的间距。按照上一个算式中的前提来假设计算的话就是：当比例间距设为50%，相当于所有字符间距减半(mp间距为50，pl间距为150)，当设为33%的时候，所有字符间距减为原先的三分之一(mp间距约为30，pl间距为100)，当设为100%的时候，所有字符的间距就都被降为0了。因此我们看到的效果是所有字符都彼此依靠(抗锯齿选项及字体形式的不同可能带来微小差异)。1017间距微调选项是用来调整两个字符之间的距离，使用方法与字符间距选项相同。但其只能针对某两个字符之间的距离有效。因此只有当文本输入光标置于字符之间时，这个选项才能使用。1018竖向偏移(也称基线偏移)的作用是将字符上下调整，常用来制作上标和下标。正数为上升，负数为下降。一般来说作为上下标的字符应使用较小的字号。如下图。1019强迫形式的名称是我们为了与文字形式相区别而起的，它的作用也和文字形式一样是将字体作加粗、加斜等效果，但选项更多。即使字体本身不支持改变形式，在这里也可以强迫指定。它与字体形式可以同时使用，效果加倍(更斜、更粗)。其中的全部大写字母选项的作用是将文本中的所有小写字母都转换为大写字母。而小型大写字母选项的作用也是将所有小写字母转为大写，但转换后的大写字母将参照原有小写字母的大小。如下图所示。上标与下标选项的作用与竖向偏移类似，就是增加了可同时缩小字号的功能。下划线选项与删除线选项的作用是在字体下方及中部产生一条横线。

共 4 次浏览
(10-1):使用文字工具
(10-1):使用文字工具

因为文字有时被称为文本，因此文字工具有时也被称为文本工具。共有4个，分别是横排文字、直排文字、横排文字蒙版、直排文字蒙版。我们将以横排文字工具为典型来介绍。1001选择横排文字工具〖T/SHIFT_T〗后，在画面中单击，在出现输入光标后即可输入文字，回车键可换行。如下左图。若要结束输入可按〖CTRL_回车〗或点击公共栏的提交按钮。Photoshop将文字以独立图层的形式存放，输入文字后将会自动建立一个文字图层，图层名称就是文字的内容。如下中图。文字图层具有和普通图层一样的性质，如图层混合模式、不透明度等，也可以使用图层样式。1002如果要更改已输入文字的内容，在选择了文字工具的前提下，将鼠标停留在文字上方，光标将变为，点击后即可进入文字编辑状态。编辑文字的方法就和使用通常的文字编辑软件(如Word)一样。可以在文字中拖动选择多个字符后单独更改这些字符的相关设定。如下右图。需要注意的是如果有多个文字层存在且在画面布局上较为接近，那就有可能点击编辑了其他的文字层。遇到这种情况，可先将其他文字图层关闭(隐藏)，被隐藏的文字图层是不能被编辑的。 [＋点击放大图片]文字工具的公共栏如下图所示。下面对其中内容逐一予以介绍。1003排列方向决定文字以横向排列(即横排)还是以竖向排列(即直排)，因此其实选用横排文字工具还是直排文字工具都无所谓，因为随时可以通过这个按钮来切换文字排列的方向。使用时文字层不必处在编辑状态，只需要在图层调板中选择即可生效。需要注意的是，即使将文字层处在编辑状态，并且只选择其中一些文字，但该选项还是将改变该层所有文字的方向。也就是说，这个选项不能针对个别字符。1004在字体选项中可以选择使用何种字体，不同的字体有不同的风格。Photoshop使用操作系统带有的字体，因此对操作系统字库的增减会影响Photoshop能够使用到的字体。需要注意的是如果选择英文字体，可能无法正确显示中文。因此输入中文时应使用中文字体。Windows系统默认附带的中文字体有宋体、黑体、楷体等。可以为文字层中的单个字符指定字体。如下左图。如果在字体列表中找不到中文字体的名称，在Photoshop首选项的“文字”项目〖CTRL_K，CTRL_9〗中，取消“以英文显示字体名称”选项(PhotoshopCS及更早版本时位于“常规”项目中)。如下中图红色箭头处。如果开启该选项，所有的字体都将以英文名称出现。另外可以选择在字体列表中是否出现预览文字(PhotoshopCS及更早版本不具备此功能)。_1005字体形式有4种：Regular(标准)、Italic(倾斜)、Bold(加粗)、BoldItalic(加粗并倾斜)。可以为同在一个文字层中的每个字符单独指定字体形式。并不是所有的字体都支持更改形式，大部分中文字体都不支持。不过即便如此，还是可以在以后通过字符调板来指定。1006字体大小也称为字号，列表中有常用的几种字号，也可通过手动自行设定字号。字号的单位有“像素”、“点”、“毫米”，可在Photoshop首选项〖CTRL_K〗的“单位与标尺”项目中更改。如下左图。作为网页设计来说，应该使用像素单位。如果是印刷品的设计，则应该使用传统长度单位。1007抗锯齿选项控制字体边缘是否带有羽化效果。一般如果字号较大的话应开启该选项以得到光滑的边缘，这样文字看起来较为柔和。但对于较小的字号来说开启抗锯齿可能造成阅读困难的情况。如下右图中的对比。这是因为较小的字本身的笔画就较细，在较细的部位羽化就容易丢失细节，此时关闭抗锯齿选项反而有利于清晰地显示文字。该选项只能针对文字层整体有效。- 1008对齐方向可以让文字左对齐、中对齐或右对齐，这对于多行的文字内容尤为有用。如下3图分别是左对齐，中对齐和右对齐的效果。可以为同一文字层中的不同行指定不同的对齐方式。如果文字方向为直排，对齐方式将变为顶对齐、居中对齐、底对齐。直排对齐的图示我们就不再列出了，大家把书本或者显示器顺时针旋转90°再看下面3图即可。

共 5 次浏览
(9-11):制作适用于连续平铺的图案
(9-11):制作适用于连续平铺的图案

我们已经知道，用来填充的图案具有连续平铺的特性，当在一个较大的范围(大于图案)内填充图案的时候，会产生上下左右彼此衔接的效果。现在我们建立一个图案填充层(点击图层调板下方按钮)，将会出现如下左图的设置框，在其中选择我们前面所定义的图案，图像中的平铺效果如下中图。设置框中的“与图层链接”选项如果关闭，那么填充的图案就不能像普通图层那样进行移动。贴紧原点可以让图案与标尺〖CTRL R〗中的0点对齐。我们这个图案平铺后产生的是一种“砌墙”效果，即看得出一块一块图案的拼接，图案间有明显的分界线，就好像用砖头砌墙一样。现在我们选择Photoshop默认图案中的“分子”，效果如下右图。不同于之前，在这个平铺中看不到图案间的边界线，整个图案浑然一体。这是为什么呢？是不是因为这个图案本身很大，以至于比目前图像的画布还大，所以看不到平铺的图案边界呢？不是的，无论你建立多大的图像，都不会看到图案边界。那究竟是为什么？现在我们新建一个120×120的白底图像，然后建立一个菱形渐变填充层(黑色至透明)，设定如下左图，产生的效果如下中图。然后将该层栅格化【图层>栅格化>填充内容/图层】，把菱形移动到最左端并只保留一半，复制菱形图层再水平(按住SHIFT)移动到右端且也只保留一半。如下右图。将其定义为图案。Now，在脑中想象一下，把这个图案进行平铺的效果将是怎样？接着动手制作，平铺的效果如下左图，我们发现原先被拆散的菱形又被合并在一起了。和你们想象中的是否一致？正因为图案的连续平铺特性，前一个图案与后一个图案首尾相接，如下右图。才能够形成这样的效果。从严格意义上来说，图案的边界是存在的。但从视觉效果上看却没有边界。正因为图案内容前后衔接。这样的图案就适合用以连续平铺(也称无缝平铺、连续图案)，可以“星火燎原”，用较小的图案来制作较大的区域，且无论区域大或者小，都不会影响平铺的整齐性。这种图案在网页设计中是经常用到的，因为网页的大小并不是固定的，随着内容的增减可能随时发生变化。比如原先网页中只有20行文字，我们根据这20行的大小制作了背景，但以后如果文字增加为30行，那空余出来的部分怎么办？因此网页背景都是采用一个较小的图案，然后指定为平铺。这样无论网页内容增加或者减少都不会影响背景的效果。即使网页内容不发生增减，浏览器窗口宽度减少，也会引起高度的增加，因为这样才能够保证总面积不变以显示原先的内容。那不改变浏览器大小不就没问题了吗？不是的，首先你不可能强制浏览者不去改变浏览器窗口的大小。其次不同的人的显示器分辨率设定也可能不一样。我们在1024×768屏幕分辨率下制作的充满画面的网页，如果在800×600的显示器上显示，即使浏览器窗口最大化，宽度也不可避免地减少。我们将在今后的课程中阐述如何解决这个问题。现在我们来仔细分析一下刚才定义的菱形图案，为什么它能够无缝平铺呢？因为在图案最左端的1像素部分，与图案最右端的1像素部分有良好的像素承接关系。这种承接关系体现在位置和颜色上。我们可以据此来推断，用一条线段来作为图案的话：1：线段的两个端点分别位于图案的左右边界，且处在同一水平线上，那么这条线段的平铺效果最好，首尾相连，可以形成无缝平铺。2：线段的两个端点都没有或只有一个到达边界，那么平铺效果其次，首尾虽不能相连，却也不会产生断接感。3：线段的两个端点分别位于图案的左右边界，但不在同一水平线上，那么平铺效果最差，因为首尾既不能相连，又产生了断接感。分别对应下图中3种效果范例。

共 15 次浏览
(9-10):注释/语音注释/吸管/颜色取样器/度量/抓手/缩放
(9-10):注释/语音注释/吸管/颜色取样器/度量/抓手/缩放

0947注释工具的作用是在文件中写入一段文字注释内容，这主要应用在将文件交于其他人使用的时候。也可以作为自己的备忘录。在画面中单击即可出现文字输入框，如下左图。可在公共栏中设定作者、字体、字号和标签颜色。也可以改变文字框大小。输入完成后点击输入框右上角的白色方块即可关闭。关闭后只在画面上留下一个小标签记号。双击标签即可展开文字框，此时可以修改文字内容。若要删除注释，可选择后按删除键〖Delete〗，或在小标签上点击右键选择“删除注释”。需要注意的是，标签的位置与文字框的位置并不需要同在一处，可以将两者分离。双击标签后文字框将以最后一次的位置和大小出现。语音注释的作用是录制一段声音，如下右图。在双击标签之后可以播放。不便使用文字注释的时候可使用它进行注释。可在公共栏中设置作者和标签颜色。0948吸管工具的作用是吸取指定位置的颜色作为前景色，按住〖ALT〗键作为背景色。除了在图像中单击取色以外，还可以在图像中按住后四处拖动，这样所经过地方的颜色将不断作为前景色(按住ALT键后拖动即为背景色，拖动开始后ALT键可松开)。拖动的范围不限于图像，也不限于在Photoshop中，可以是屏幕上任何地方(如Windows任务栏)取色。0949颜色取样器工具我们很早就使用过了，在《课程06：曲线初识》中我们将它来比较多个地方的颜色。这其实也是它的主要用途，就是在调整图像时监测几个地方(如高光部分、暗调部分)的颜色，这样通过它们的数据我们就可以避免这些地方的颜色被过度调整(即亮度合并)。取样器工具最多可取4处，颜色信息将显示在信息调板〖F8〗中。可使用取样器工具来移动现有的取样点。如果切换到其他工具，画面中的取样点标志将不可见，但信息调板中仍有显示。在公共栏中可以更改取样大小选项。“取样点”代表以取样点处那一个像素的颜色为准。3×3平均和5×5平均表示以采样点四周3×3或5×5范围内像素的颜色平均值为准。0950度量工具的作用是测量两个点之间的距离和角度，在公共栏中会显示起点与终点的坐标(X、Y)、角度(A)和距离(D1、D2)等信息。当只有头尾一条直线的时候，角度是根据线段与水平的夹角计算的。距离D1显示两个端点之间的距离。在画完一条线段后，在其中一个端点上按住〖ALT〗键可以拉动出第二条线段，如下图。此时角度就以这两条线段的夹角为准。距离D1与D2分别显示两个端点距离中心点的距离。0951抓手工具和缩放工具的作用想必大家应该都很熟悉了，抓手工具是在窗口小于画布大小的时候，在窗口中左右移动画布。如果窗口等于或大于画布则无效。缩放工具默认是将图像放大，按住ALT键为缩小。除了单击缩放外，还可以拖动出矩形框，令矩形框内的图像充满窗口。放大的极限为1600%，缩小的极限为1.33%。我们虽然没有直接使用它们，但在操作中通过快捷键达到了与之相同的功能。这些快捷键是Photoshop中使用最频繁的快捷键：抓手工具〖空格〗，放大〖空格 CTRL 单击或拖动〗，缩小〖空格 ALT 单击或拖动〗。

共 4 次浏览
(9-9):裁切
(9-9):裁切

裁切工具。若要放弃裁切可按〖ESC〗或点击共公栏中的取消按钮。0943裁切框建立的不精确也没有关系。因为在建立之后可以如同自由变换〖CTRL T〗那样修改，其操作方法也和自由变换是一样的。即：拖动4边的中点(可组合〖ALT〗键)可进行缩放；拖动4个角点(可组合〖SHIFT〗/〖ALT〗/〖SHIFT ALT〗)可同时缩放4边；在4个角点之外拖动(可组合〖SHIFT〗)将旋转裁切框。注意旋转裁切框之后形成的裁切图像将自动恢复到水平垂直的状态，如下图所示。也就是说，无论裁切框形状如何，裁切后的图像都将以4边水平垂直的矩形显示。0944在开启了“透视”选项后，可以对裁切框的4个角点单独定位，类似于自由变换中的扭曲。这样裁切后的图像将产生变形效果，如下图。根据我们前面所学习过的知识，这样的变形对于点阵图像是有损的。被变形放大的部分将显得较为粗糙。 [＋点击放大图片]0945除了上面这些以手动拖拉任意大小和长宽比的操作以外，裁切工具还可以指定裁切后图像的尺寸，包括宽度、高度和分辨率。方法是在建立裁切框之前在公共栏中输入数值，就是我们之前强调大家清除的地方。比如输入宽度300像素、高度200像素，那么无论你如何拖动，裁切框将始终保持3:2的高宽比。并且在裁切完成后将图像的宽度和高度设置为指定的数值。这个功能有利于保持多个图像之间像素总量的相等。也就是说可以让多张图片在裁切后保持同样的大小。我们也可以先打开作为参照的图片，然后点击裁切工具共公栏中的“前面的图像”按钮，那么作为参照的图片的宽度、高度及分辨率就会自动被获取。需要注意的是，分辨率只有在以现实长度单位(厘米、英寸等)定义图像高宽时才有意义。0946在一个由多个图层组成的图像中，裁切框很可能比一些图层中内容的像素面积小，这样就产生一个问题：裁切完成后，那些处在裁切框之外的像素上哪去了呢？实际上裁切工具为这种情况提供了两种选择。在建立裁切框后，可在公共栏的“裁切区域”选项中指定被裁切像素的去向：被删除或被隐藏。如果选择隐藏的话，相当于只是缩小了图层可视区域，而并未改变图层中本身的内容。这样通过移动图层就可以看到裁切后被隐藏的区域。注意如果一幅图像中只包含一个图层且该层为背景层，那么是无法使用该选项的。因为背景图层的面积必须与可视区域相同，而不允许大于或小于。

共 5 次浏览
(9-8):仿色的概念
(9-8):仿色的概念

所谓仿色就是仿造颜色，主要应用在用较少的颜色，来表达较丰富的色彩过渡，就好比要用极少的原料做出丰盛的菜肴一般。我们可以动手来感受一下，新建一个300×100的RGB图像，选择渐变工具〖G/SHIFT G〗，在默认的渐变列表中选择“蓝色、红色、黄色”，将渐变定义线从左至右充满全图像，形成如下左图的效果。0941然后【图像>模式>索引颜色】将会出现设置框，将其中的参数按照如下中图设定，就会看到图像呈现出如下右图的效果。这是因为我们现在指定只能用8种色彩来表达这幅图像。在无仿色的情况下图像由原先的平滑过渡变为了一个个相邻的色块，数一下正好是8个。这是Photoshop根据计算得出的最接近原图的颜色。显然，这对于表达原图像是远远不够的。那么，是不是就一定要使用更多的色彩才能产生较好的过渡效果呢？不一定，我们可以在上中图所示的设置框中选择不同的仿色选项，将会看到如下的效果。明显感觉到色彩的过渡变得柔和了。注意设置框中的颜色数仍然是8，这意味着颜色的数量并没有变化。那何以颜色过渡看起来要平滑许多呢？奥秘就在如下右图，这是扩散仿色的局部放大图，我们看到各种颜色不再是互相独立的色块，而是互为交融渗透，这样在人眼的整体视觉效果中就会形成平滑的过渡。在3种仿色方式中最为常用的是扩散，因为其效果最好，并且可以调节仿色的程度(即数量，数值为百分比)。其次是图案，这两者的颜色渗透都较为整齐有规律。而杂色方式无规律，看起来较为杂乱，因此较少使用。 仿色在网页设计中较为常用，因为减少颜色数可以减小图片的字节数，有利于在带宽有限的网络上快速传递。当然过少的颜色也必然损失图像的质量和细节，因此在图像质量和图像字节数之间的权衡是进行网页制作时常会遇到的问题。有些新手追求高图像质量，结果导致整个网页图片字节数庞大，传输缓慢。或者过分追求传输的速度，大幅降低图像质量。这两个极端都是不可取的。而熟练的制作者必备的本领就是在两者间取得最好的平衡点。这些人制作出来的网页不仅图像质量高，传输速度也快。这里所说的在两者间取得最好的平衡点，不单单指如何对图像进行优化(即尽量减少字节数同时尽量保证质量)，还包括在设计过程中就要为以后的优化做好准备。比如不要大面积地使用过渡色等。这些内容将在我们今后的课程中介绍。

共 5 次浏览
(9-7):自定义渐变
(9-7):自定义渐变

虽然我们已经学会了如何使用渐变工具，但只能在渐变列表中选择，而有时候我们需要的渐变色并不包含在其中，这就需要我们自己来定义渐变。0931定义渐变的方法就是选择渐变工具〖G/SHIFT G〗，然后点击公共栏中的渐变缩览图，就会出现如下图的设置框。上方的预设就是目前所使用的渐变列表。列表右方的“载入”按钮是载入其他的渐变设定。“存储”按钮是将目前列表中的所有设定予以存储。存储的文件名为.grd，通过这种方式可以与别人交换渐变的设定。我们点击其中位于第1行第4个“红色、绿色”渐变，也就是我们在前面例子中使用到的。此时可看到渐变列表下方的名称处出现了该名称。同时最醒目的就是位于整个设置框下方的渐变条编辑器，我们主要设定工作都将在这里完成。既然是定义渐变色，那么就需要指定从什么颜色变到什么颜色，这个指定就是由渐变条下方的色标完成的。如下左图所示，现在有着两个色标，分别是红色和绿色，它们位于渐变条的两端，代表了这个渐变设定就是从红色到绿色。0932现在我们增加色标以定义更多的渐变色。在该区域中鼠标光标将变为，此时单击即可增加一个新色标(取色为目前的前景色)，如下中图1处。0933双击色标或选择色标(被选择色标的箭头为黑色)后单击3处将出现拾色器，此时可更改色标的颜色。单击4处可以选择色标的取色类型，“用户颜色”代表我们在这里所指定的颜色。如果将前景或是背景作为取色，在使用的时候渐变的实际效果将随着Photoshop前景色和背景色的不同而不同。0934左右拖拉色标可改变色标在渐变条中的位置，色标的位置百分比是针对全部渐变范围的，是一种绝对位置。也可由5处直接改变数值，改变数值的几种方法不知道大家是否还记得，这里复习一下，它们基本都可用在任何有数值的地方：手动输入、在“位置”字样上左右拖拉(SHIFT加速、ALT减速)、按住CTRL在数值处左右拖拉(SHIFT加速、ALT减速)、点击数字后使用鼠标滚轮(SHIFT加速)。大家还记得如何用移动工具复制图层吗？是按住〖ALT〗拖动图层。那么在这里也是一样，按住〖ALT〗拖动将会复制色标。0935注意在色标与色标之间有一个小菱形，称为色标中点，它决定两个相邻颜色的分配比例。如下中图2处所代表的是黄色与绿色的分配比例，默认是50%，代表两种颜色平均分配。如果将该点向黄色移动则代表绿色的比例增大，反而反之。色标中点的位置百分比是针对相邻两种颜色之间的区域的，是一种相对位置。选择色标中点后可在下中图5处看到位置数值。0936若要删除某个色标，可在选择色标点击“位置”右方的“删除”按钮。或在渐变条中直接将色标向下拖拉，如下右图。0937在掌握了以上的内容后，我们来看位于渐变条上方的不透明度标。不透明度标控制着渐变各处的不透明度。不透明度标的操作方法(增加、修改、移动、删除)与色标完全一致。相邻的两个不透明度标也有一个中点控制着分配比例。如下左图。与色标用彩色来表示其所指定的颜色类似，不透明度标用灰度来表示其所代表的不透明度。黑色为100%，即完全不透明。白色为0%，即完全透明。0938在完成渐变定义后，可直接使用渐变工具付之实施，但一旦选用了其他的渐变设定，本次定义的渐变就消失了。如果打算多次使用，应该将其予以保存。如下右图，在名称中输入适当的名字，单击“新建”按钮。所设定的渐变就会保存到目前的列表中了。但这样的保存只是保存在这台电脑的Photoshop中，如果要把这个渐变设定在其他电脑的Photoshop中使用，则应该通过存储按钮将列表保存为文件(这样的操作也被称为“输出渐变设定”)，然后将该文件发送给对方的电脑。为了防止由于操作系统重装等带来的信息丢失，建议大家将自己定义或通过其他途径获得的渐变设定利用这种方法保存到其他硬盘分区中。笔刷、图案等也是如此。0939位于渐变条上方的“平滑度”选项控制色彩的过渡范围，设定为100%可获得最亮丽最丰富的过渡色彩。如下图是默认渐变列表中“黄色、紫色、橙色、蓝色”在平滑度为100%和0%的区别。0940在“渐变类型”中我们可以选择为“杂色”，这种渐变的原理类似于我们在笔刷定义中接触过的色彩抖动，就是在指定的色彩范围内随机地挑选色彩。此时不能手动设定色标和不透明度标。“粗糙度”选项可控制渐变颜色之间的柔和度，设为100%时各种色彩之间最为锐利。颜色模型和下方的控制条是指定色彩随机的范围的，以下左图中的RGB方式为例，此时R控制条上的黑色箭头位于最左端，白色箭头位于最右端，表示红色的随机区域从0至255。如果只将R的黑色箭头向右移动到一半的位置，白色箭头保持在最右端，这表示红色的随机范围改为128至255，那么渐变条将偏红。如果只将R的白色箭头向左移动到一半的位置，黑色箭头保持在最左端，则表示红色的随机范围改为0至128，那么渐变条将偏什么色呢？希望大家能以最快的速度回答出来，然后动手验证。“限制颜色”选项可以防止颜色过于饱和，开启后渐变条中较为亮丽的颜色将变得暗淡。“增加透明度”选项可以为渐变条随机添加透明度。点击“随机化”按钮将在指定的颜色范围内随机产生渐变条。

共 5 次浏览
共计79条记录 上一页 1 2 3 4 5 6 7 8 下一页