当前位置:主页 > 平面设计 > PS教程

最新发布

(12-05)绘制曲线
(12-05)绘制曲线

我们已经说过,绘制路径其实根本就在于锚点,锚点的位置和方向线决定了片断(即锚点之间的线段)的形态,许多个片断相连就组成了我们所看到的曲线。所以判断锚点的位置就显得很重要,而判断锚点位置的方法,其实也就是分析出C形和S形片断曲线的所在。如下左图,不难看出,1号是C形,2号和3号是S形。根据我们所掌握的知识,它们都是由两个锚点所组成的。锚点的位置就是每条曲线的起点和终点。因此它们的绘制效果应该如下右图。-我们已经明白这些理论上的内容,那如何能够绘制出所想要的曲线呢?这里大家要明白的是,如果是凭空来绘制曲线,比如画一条眉毛或一只眼睛,这需要有绘画方面的美术知识。鉴于大多数人都不具备这样的能力,我们就通过临摹现成的图像来学习。也就是我们在一个已经成型的图案中,用曲线去勾勒它的轮廓。其实无论是否具备美术知识,操作的方法都是一样的,区别只在于那些有美术基础知识的人,可以凭空想象出眉毛或眼睛的曲线应该是怎样的形态,而不具备的人需要通过观察现成的图像才能感知。即使并不具备美术知识的读者,也不要灰心,如果你能每天临摹10只眼睛,不用多久你也能拥有凭空绘制眼睛的能力,因为大脑在重复思维中逐渐固化了那样的曲线形态。不断练习是掌握Photoshop的必经之路,再详细的教程,再优秀的老师也不能取代这个阶段。在实际操作中,锚点的位置通常是比较容易确定的,难点主要在于锚点方向线的控制上。方向线有两个控制因素,一是角度,二是长度。角度相对来说简单些,就是锚点处的曲线切线,并且要朝向下一锚点的方向就可以了。而长度则影响着曲线与方向线的相离程度,如果曲线的跨度很大(圆弧距离长),则方向线应长些,反之则短些。这样分析起来,好像没有一个是难点了。OK,Let'sgo!首先在1号曲线的左端起点(起点并不一定左边,只是大家都习惯从左往右而已),按下鼠标并拖动方向线,这个方向线的角度就应该如下左图中的黑色线条,而两条红色线条是错误的角度,上面一条相离圆弧太远,下面一条则与圆弧相割。同样是错误,但情节有轻重。在这两者中,上面一条红线还不会造成太大的误差,可以通过下一个锚点的方向线来补偿一些。而位于下面的红线所造成的误差则很难弥补。因此,如果说一定要错的话,宁相离勿相割。当然画出正确的方向线才是努力的方向。大家已经在操作中得知,鼠标在按下并拖动之后将出现两条长度相同的方向线,成180度夹角,跟随鼠标(光标为)的都是“去向”方向线。那么以下右图来说,对于起点(锚点1)而言,我们拖动的方向就是通往锚点2的方向线。在锚点2处拖动的时候,拖动的方向也还是通往下一锚点的方向线。但是对于这两个锚点之间的片断而言,在锚点2处对其形态产生影响的,应该是与鼠标拖动方向相反的“来向”方向线,如下右图中的绿色箭头。因此在绘制时要注意观察。按照这个思路和方法,就可以完成3条独立曲线的绘制。大家可以按照教程所提供的图像,也可以自己寻找其他图像临摹。-现在为止我们都只是绘制简单的两点曲线,即起点和终点。但在实际应用中所需要绘制的路径,并不可能都这样单一,大多数都是“蜿蜒曲折”的。我们现在就来学习能够应用于实际应用的绘制方法。再新建一个图像,准备绘制一个如下左图m形状的路径。它应该是由两个C形曲线构成,锚点和方向线应该如下中图所示,注意中间那个锚点的方向线夹角很特殊,并不是像以往我们所看到的那样成180度。但大家仔细想一下就能理解,中间这个锚点的方向线必须要是这样的夹角,才能形成m形。如果无法理解,请回到本课有关锚点方向线的小节巩固相关知识。虽然我们明白了道理,但是在绘制过程中,中间那个锚点的方向线却无法形成特定的夹角。我们绘制的实际过程应该如下右图所示,首先在锚点1处沿着红色箭头拖动出方向线,然后在锚点2处沿着绿色箭头拖动方向线,这样位于锚点1与锚点2之间的片断就是我们需要的形状了。至此没有问题。当我们在锚点3处沿着蓝色箭头拖动方向线的时候,却发现锚点23之间的片断形态并不是我们所需要的C形,而是成了一个S形。此时我们就需要修改锚点2的方向线来达到目的。--1221修改锚点方向线的方法并不复杂,但首先必须选择锚点,我们在介绍直线型路径的时候就已经学习过了,用直接选择工具〖A/SHIFT_A〗在锚点上单击即可选择。不过由于曲线形路径有时候很难判断锚点的所在,可以先在片断上单击一下,就会看到路径中所有锚点的位置,这样就可以比较准确地选择了。被选择的锚点以实心小方块显示,未选择的锚点以空心小方块显示。可以参照本课第二小节中操作速查1205的方法选择多个锚点。当在锚点上单击之后,该锚点的两条方向线就会同时显示出来。此时选择转换点工具,在需要修改的方向线末端圆点(这个圆点也称作手柄)处拖动,即可修改方向线的角度和长度,如下左图。也可以使用直接选择工具,在手柄处按住ALT键不放,拖动方向线。如下中图。如果没有按住或中途松开了ALT键,就会造成如下右图的错误。另外,在拖动手柄的过程中如果按住SHIFT键,可以锁定方向线为45度角的整数倍,即0、45、90等角度。

5 次浏览
(12-04)曲线形态
(12-04)曲线形态

直线型路径并没有太大的意义,路径的一个很大优势在于其可以很方便地创建曲线。创建直线型锚点的方法就是在不同的地方单击点,而创建曲线路径是在需要的地方按下鼠标并拖动才能完成,这拖动的操作实际上就是在建立锚点的曲线方向线。也就是说,拖动的程度将会直接影响曲线的弯曲度。虽然知道了这些知识,也知道如何绘制曲线路径(不就是按住拖动么),但我们似乎还有些不知所措,那就是该如何去控制曲线的样子,又该如何去确定锚点的位置呢?换言之,如果现在想要利用路径画一个曲线的形状,比如一个心形或者一个五星之类的,究竟应该如何着手?先不要着急,还有一些知识需要学习。现在我们来动手做一下,新建一个合适尺寸的白底图像,选择钢笔工具〖P/SHIFT_P〗,公共栏中应设定为路径方式。接着鼠标移动到图像中,光标指示应为(表示将建立一条新的路径),然后在起点按下鼠标并向下拖动一段距离,松手,然后在第二个地方执行同样的操作。形成一条曲线路径。然后结束路径绘制。1217如果要结束路径的绘制,可切换到其他的路径工具,如路径选择工具〖A〗、形状工具〖U〗。最常用最方便的应该是按住CTRL在路径之外点一下(这实际上是临时切换到了直接选择工具)。在以后要学习的Illustrator中也可以使用此方法结束绘制。另外,如果将鼠标移动到起点锚点上,光标指示将变为(前提是已有至少两个锚点存在,否则无效),这时若点击则会建立一个封闭区域,绘制也将随之结束。以上通过两个锚点建立曲线的操作(第一个点按下并拖动、第二个点按下并拖动、按住CTRL在路径外单击结束绘制),大家可以多做几次,每次在拖动起点或终点方向线的时候尝试不同的长度和方向,就会看到不同的曲线形态。不过无论怎样变化,都不外乎几种形态,正所谓万变不离其中。1218比如下图中的这几种,都很像英文字母C,所以我们将其称之为C形曲线。想象一下,如果我们为每个曲线标上XY横竖坐标,那么以下曲线的两条方向线指向都处在X轴同一侧,或Y轴同一侧。这就是C形曲线的共同点。所谓方向线指向,就是从锚点的空心方块出发,到方向线末端的实心圆点的这个方向。形象地说,C形曲线的两条方向线,要么是一起向上指向,要么是一起向下、向左或向右指向。而它们之间的夹角不会超过90度。1219下图的几种,它们的两条方向线夹角都大于90度,分别位于X轴或Y轴的两侧,也就是说,要么一上一下,要么一左一右。这样的曲线我们可以称之为S形曲线。1220需要注意的是,有些看上去类似C形的曲线,其实两条方向线的夹角已经超过了90度。如下左图。有些曲线看上去像是由两个C形组成,但其实不然,如下中图。而有些看上去什么都不像,如下右图。这些都是特殊的曲线形态,其特点是有一条或两条方向线特别长。这样极端的形态并不适合用来绘制一个完整的物体,因为其前后的其他锚点和片断也将受其影响,形态很难控制。因此很少会使用到,在这里是为了将曲线形态表述完整才特地举例。--所有的复杂曲线,都可以看作是由C形或S形曲线相接组成的。而我们就可以借此来判断如何绘制所需的曲线,也就是判断出有几个C形或S形。现在大家来看下左图中鼠标的3条轮廓线,判断一下,它们属于什么类型的曲线?每一条各需要几个锚点?得出结论后再继续往下学习。建议大家自己先尝试绘制,可以将下图保存后在Photoshop中打开,然后绘制路径。

4 次浏览
(12-03)锚点方向线
(12-03)锚点方向线

虽然我们已经学习过了很多知识,但是如果要我们画出一个S形来,却还是很困难。按照通常的思路,就是在图层中填充颜色,或者创建一个带S形状的蒙版。这两种方法其实是相同的,因为它们都需要借助创建选区来完成。当然,有的人可能会想到建立一个带着全黑蒙版的色彩填充层,然后使用画笔工具用白色在黑色蒙版中绘制出一个S形。理论上这样做是正确的,但画笔工具完全依赖手动的鼠标轨迹,而手动轨迹很难形成一个平滑的曲线。可以说到目前为止我们并无法绘制出平滑且准确的曲线。而这一点可以通过路径来实现。现在关闭之前的图像,再新建一个图像(400×300或任意尺寸),切换到钢笔工具〖P/SHIFT_P〗来绘制新路径,之前我们是在不同部位点击产生锚点,现在的操作有所不同。1210在起点按下鼠标并向右上方拖动些许,会看到一个锚点的产生以及两条以锚点为中心的射线随着鼠标拖动,在合适的地方松手,完成起点锚点的绘制。现在移动到第二个地方,同样按下鼠标拖放些许,方向大致为右下方,拖动时除了看到两条与之前相同的射线外,还能看见一条曲线在逐渐形成。松手后完成这个锚点的绘制。最后在终点的位置再按下鼠标拖动些许,方向为右上方,松手后完成。这样我们就得到一个由3个锚点产生的曲线路径,过程可参考下图。为了方便观看,我们在步骤之间使用了蓝色分隔线。并用红色数字表示将要绘制的锚点,用绿色数字表示已完成绘制的锚点。1211我们所看到的这些射线称之为方向线,它们决定着曲线的形态。现在大家一定对此感到一头雾水,这没有关系,它们其实很容易就可以理解。假设在城市中有AB两地,它们之间的道路分布及方向如下左图所示。现在有一个人从A地出发到B地,且不走最短的直线行程,那么:如果A地的人看到他是面向南方出发的,而B地的人看到他是面向北方进入的,综合两地的观察结果,这个人走的路线如下第2图所示。如果A地的人看到他是面向北方出发的,而B地的人看到他是面向南方进入的,这个人走的路线如下第3图所示。如果A地的人看到他是面向南方出发的,而B地的人看到他也是面向南方进入的,这个人走的路线就如下第4图所示。当然还有第4条路线。就是面向北方出发也面向北方进入,这里就不必再做图示了。---1212现在使用路径选择工具或直接选择工具在路径之外的位置点击一下,就会看到路径上的所有锚点都被隐藏了。如下左图。当然前提是要保证路径调板中工作路径还处于被选择状态。1213使用直接选择工具〖A/SHIFT_A〗在锚点12之间的片断点击一下,就会看到两条射线。如下右图。-现在,我们就可以将上右图中的锚点1和锚点2理解为AB两地,从锚点1是“面向右上”出发,而进入锚点2时候是“面向右下”。这样综合起来判断,片断12就应该是一个盖形(上弧),如下左图。使用直接选择工具点击片断23,也会看到从锚点2出发和到达锚点3的两条方向线,基于同样的判断,片断23就应该是一个碗形(下弧)。如下右图。1214现在我们可以理解为:对于一个锚点而言,都有“来向”与“去向”两条方向线。“去向”方向线影响的是该锚点与下一个锚点间片断的弯曲度。而“来向”方向线则影响着该锚点与前一个锚点间片断的弯曲度。既然锚点决定片断,那么片断也可以反证锚点。如果将曲线片断作为圆弧对象来看,按照几何理论,方向线就应当是位于圆弧某一点位置上的切线。这个“某一点”正是锚点。-1215现在我们尝试更改锚点2的“去向”方向线,来看看会有怎样的变化。先使用直接选择工具选择片断23,再切换到转换点工具〖P/SHIFT_P〗,在方向线末端的圆点上按住并往左拖动些许位置,看到片断23的弯曲度发生了变化,效果如下左图。这实质上是修改了方向线的角度,造成了片断弯曲度的变化。也可以不改变角度,在现有角度的方向上拖动,将方向线伸长或者缩短,也会造成片断弯曲度变化。如下右图。

3 次浏览
(12-02)锚点
(12-02)锚点

1201我们先来明确几个概念。首先,要记住路径是矢量的。如果说图像中什么东西是矢量的,那么它就是由路径所组成的。其次,路径可以是与选区类似的封闭区域,也可以只是一条首尾并不相连的线段,分别称作封闭路径和开放路径。而线段可以是直线也可以是曲线,或两者兼而有之。再者,路径在Photoshop中是指示性的,本身并不能直接构成图像的一部分,只有在将其作为图层蒙版或填色及画笔描边后,才可以对图像像素产生影响。在这点上与选区类似,单纯的创建或修改选区也不能直接令图像发生改变。最后,在Photoshop中只有特定的几个工具能够针对路径进行操作,它们分别是钢笔工具,自由钢笔工具,添加锚点工具,删除锚点工具,转换点工具。这5种工具用来绘制及修改路径。此外还有路径选择工具和直接选择工具,这两者都是用来选取路径的,但在功能上有所区别。大家回忆一下我们在学习选区工具的时候,曾经介绍过一个多边形套索工具,它创建选区的方式是在不同的地方单击,连接单击的各个点来产生选区。创建简单的路径也就是采用这种方法。1202选择钢笔工具〖P/SHIFT_P〗。在公共栏将绘图方式改为“路径”(如下左图红色箭头处)。这一步非常重要,如果没有选择正确将会产生色彩填充效果。我们现在只是需要了解路径,色彩填充是路径的一种应用方式,将在以后学习。另外如果现在开启“橡皮带”选项会影响我们的学习,可点击下左图绿色箭头处,确保其没有开启。为了得到较为直观的鼠标光标提示,建议大家在首选项中的显示与光标〖CTRL_K,CTRL_3〗项目中,将其它光标设为“标准”,如下右图。-1203新建一个400×300(可自行设定其它大小)的图像,此时将鼠标移到图像内,光标应显示为,然后依次在图像中4个不同地方单击,就会看到这4点间形成了一条路径。如下图所示。细心的读者可能会注意到,在点击了第一个地方之后,鼠标的光标从变为了。前者表示将要绘制一条新路径,后者表示正处在路径绘制之中。记住这些光标显示很有用,本章后面还会对路径操作中所出现的各种光标做一个总结。现在注意看一下图像中的显示,可以很明显地看到我们单击的4处地方,每个单击的点都有一个方块,这些方块有的空心(如1、2、3处)有的实心(如4处)。这些点称为锚点。每两个锚点间的线段称为片断。按照下图中来说,锚点1与锚点2之间的片断我们将其命名为片断12,以此类推命名片断23和片断34。锚点的英文名为anchor,片断的英文名为segment,大家要记住这两个单词,因为在许多矢量绘图软件(如CorelDraw)和三维制作软件(如3DSMAX)中都有它们。一些较新版本的软件往往是先以英文语言版本发布的,而中文语言版本要滞后一段时间,因此记忆常用的软件词汇是必要的。我们刚才绘制这个路径的过程,实际并不是直接画出了3条线段,而是通过钢笔工具指定了4个锚点,Photoshop自动在这些锚点之间依次连接线段构成了一条路径。也就是说,画路径的过程实际上就是指定锚点位置的过程,锚点的位置决定路径的走向。记住这个概念很重要。既然是锚点决定走向,那么对于一个已经完成绘制的路径,更改锚点的位置也就可以更改路径的走向。1204需要使用直接选择工具〖A/SHIFT_A〗才可以移动锚点,现在我们先切换到直接选择工具,在路径上任意位置点击一下,会看到路径上的各锚点都以空心方块显示,如下左图。然后我们在其中的锚点3上单击,会看到其变为了实心方块。如下中图。实心方块就表示该锚点(也可以是多个锚点)处于被选择状态,回忆一下我们刚才在绘制路径的时候,最后一个锚点都会自动处于被选择状态。现在可以使用直接选择工具移动锚点3,移动过程中可按住SHIFT键保持水平、垂直或45度角方向。在移动过程中鼠标光标为。效果如下右图。为了方便比较,使用淡红色表示原先的走向。在这里我们看到,移动锚点3后,同时引起了线段23和线段34的改变,这不难理解,因为这两条线段都与锚点3有关联。那么,如果我们移动锚点1或者锚点4,由于它们一个是起点锚点,一个是终点锚点,所以更改它们的位置只会改变一条线段的走向,分别是线段12和线段34。--1205也可以移动多个锚点,前提当然是要先选择多个锚点。还记得添加选区的快捷键么,是SHIFT,在这里也是一样。在先选择了一个锚点后,然后按住SHIFT键单击其他的锚点即可加上。如下左图。如果对已处于选择的锚点按住SHIFT键单击,则会取消该锚点的选择。也可以在锚点之外按住鼠标拖拉,框选多个锚点。如下右图。-1206如果一个或多个锚点处于选择状态,且当前选择的是直接选择工具,就可以使用键盘的上下左右方向键来移动锚点,按住SHIFT键可加速。我们在学习移动图层的时候也用过这种方法,当时被称为“轻移图层”,现在我们也可将之命名为“轻移锚点”或“轻移路径”。

5 次浏览
(12-01)路径初识
(12-01)路径初识

在开始这一章节之前,大家最好做到一件事,那就是忘记前面所学,以全新的心态来学习本章节的内容。按照之前我们的所学的,所有对图像产生实质性效果(如创建选区就不属于实质性)的操作,可以分为两类。一是绘制,主要用画笔工具完成的,这个绘制除了通常意义上的产生新图像之外,也包括用画笔修改图层蒙版这样的操作,都称为绘制。此外使用文字工具也应算是一种绘制。二是调整,比如最常用到的色彩调整,将红色变为绿色等。再就是针对图层的各种操作,比如更改不透明度等。还有图层样式的设定。此外还应当包括更改图像大小即改变图像像素数量这样的操作,都可以称为调整。在掌握了前面的这些知识后,我们已经掌握了绝大部分的基础知识和技术,即使现在停止学习也可以胜任实际工作。换句话说就是可以“出师”了,在这里先恭喜大家一下。传说老虎的本领都是猫传授的,但猫没有教老虎爬树的本领。而这正救了猫的命,因为老虎出师后要找猫PK。我们大家不是猫和老虎,我也不打算留一手。路径就是前面我们说过的三大基础概念(选区、图层、路径)中的第三,也是Photoshop“任督二脉”中的督脉,由此可见路径的地位非同寻常。尽管如此,但路径在画面效果的表现上并无独特之处,它主要被用来建立一个封闭区域,然后在这个区域内可以进行类似填充或色彩调整这样的操作,也可作为图层蒙版。而这些工作似乎完全可以交给选区去完成,事实上到现在为止我们也都一直在使用选区进行这些操作,也并没有觉得有什么效果是做不出来的。再复杂的选区也可以通过不断修补最终完成。虽然路径在画面效果的表现上并非不可替代(比如可用选区替代),但其矢量、灵活的特点却是独一无二。矢量的意义已不必再次说明,相关的内容我们早已学习过。而所谓灵活,一是针对其创建,二是针对其修改。让我们来看一个例子,要制作出一个类似下左图的形状,我们可以通过先创建一个矩形选区,然后减去一个椭圆选区来得到所需的选区形状,如下中图。然后利用这个选区建立一个色彩填充图层,图层调板类似下右图所示。如果我们使用路径来建立蒙版,在图像效果上两者并没有什么不同,只是在图层调板中则会看到蒙版的样子好像有些不同。如下左图和中图。不过,路径可以很方便地进行修改,如下右图,将红色箭头处的路径点往上方移动些许,就可以变为一个新蒙版形状。如果是用选区建立的蒙版,此时就需要删除原先的蒙版,然后建立新选区再将其作为图层蒙版。或许大家会觉得其实不用那么麻烦,可以通过修改原有的蒙版来实现。这样想是没错的,但是如果要改为以下的这些形状呢?选区的修改工作就非常繁琐了。而如果是路径,修改起来则简单的多,只要在上图的基础上,拖动两下鼠标就可以完成了。因此使用路径的意义不是为了让画面效果更出色,是为了让创建及修改的过程更简单更方便。在Photoshop中可以通过很多方式使用路径,其中最常用也最有价值的方式就是将其作为图层蒙版,这样也称为矢量蒙版。与通过选区所建立的点阵蒙版相比,它具有缩放不失真,修改方便等优点。同时也存在着一个非常大的缺点,如果不是因为有这个缺点,它就可以完全取代点阵蒙版。由于教程载体的局限,在这里我们只能看到静态的图片。一般来说,这类操作性比较强的内容,通过动画或视频来学习会较为直观。大家也可以先暂停这里的学习,通过Google搜索一篇名为《Photoshop路径终极教程》的教程,其中对路径进行了系统的介绍,因为是完全的网络发行版本,在教程中使用了很多动画来辅助说明程。虽然是我早年所撰写,但所阐述的原理是相同的。同时也可以在大师之路教程网站99ut.com上观看路径的视频教程。

6 次浏览
(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字……

3 次浏览
(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 次浏览
共计15240条记录 上一页 1.. 954 955 956 957 958 959 960 ..1524 下一页