| 网站首页 | Ps下载中心 | 字体下载 | 笔刷下载 | PSD素材 | 矢量素材 | 图片素材 | Ps教程 | 设计学院 | Photoshop作品 | 书法艺术 | 
photoshop路径文字介绍
(载入中...)

这篇教程向飞特的朋友们详细介绍photoshop路径文字使用方法和排版技巧,有了文字路径工具?#38498;螅?#25991;字排版就显得更加灵活。我们可以把文字做成任何想要的图案。如教程中的,我们可以把文字放入闭合的路径里面做成实体图形,?#37096;?#20197;按照一条条曲线路径排版做成可爱的文字曲线。?#35759;?#36739;大一点的就是通过路径组合做成创意的文字图案。相信学习了本教程?#38498;螅?#20320;就可以发挥创意做成更多创意图形。

先来来个效果图:

photoshop路径文字介绍 飞特网 photoshop文字效果

 

具体的制作步骤如下:

1、新建一个400×300的图像(可自设尺寸),然后选择自定形状工具。

注意绘图方式应为第一种(形状图层),如下图红色箭头处。然后在形状列表中选择一个心形(如不在列表中,可恢复默认形状),如下图绿色箭头处。样式选择为无样式。另外可以选取一个的颜色。


photoshop路径文字介绍 飞特网 photoshop文字效果

2、然后在图像中画出一个心形(绘制过程中可以按住SHIFT键保持长宽比),这样其实就是建立了一个带矢量蒙版的色彩填充层。如下左图,图层调板中显?#38236;?#27491;是一个色彩填充层。双击缩略图可以更改填充的颜色,而图层缩略图右方有一个蒙版缩略图(下左图蓝色箭头处),这就是矢量蒙版缩略图,特点是以灰色来表示?#28784;?#34255;的区域。有关矢量蒙版的知识我们将在?#38498;?#23398;习。

在进行下一步之前,要保证路径蒙版中的路径处于显示状态,方法是点击路径蒙版缩略图。会看到图像中的心形出现了一个外框,而图层调板中路径蒙版缩略图周围出现了一个细线框,如下右图。
 


photoshop路径文字介绍 飞特网 photoshop文字效果
photoshop路径文字介绍 飞特网 photoshop文字效果

3、现在选择文本文字工具,并使其停留在这个心形路径之上,依据停留?#24674;?#30340;不同,鼠标的光标会有不同的变化。当停留在路径线条之上时显示为,当停留在图形之内将显示为。请注意这两者的区别,前者表示沿着路径走向排列文字,后者则表示在封闭区域内排版文字,作用是完全不同的。

4、现在我们先将文字工具停留在心形之内(光标为),然后单击,出现文字输入光标,输入一些文字。如"LOVE"(注意每个字母之后都有一个空格,原因?#38498;?#20877;述)。选择一个英文字体(如Tohoma),选择小一些的字号(如6px),并复制?#31243;复危?#20351;其充满整个图形(超出也没有关系),效果如下左图。此时看到文字在图?#25991;?#30340;排列并不对称,接下来在段落调板中设置居中,并?#23454;?#35774;置左缩进和右缩进的数值(如5px),这样看?#20808;?#23601;较为舒适了。一般来说在封闭图?#25991;?#25490;版文字,都要进行这些设定以达到较好的视觉效果。如下右图。


photoshop路径文字介绍 飞特网 photoshop文字效果
photoshop路径文字介绍 飞特网 photoshop文字效果 


5、现在隐藏(甚?#37327;?#20197;删除)心形色彩填充层,我们看到在文字外围仍然保留有一条封闭路径,与原先心形路径相同。如下左图。由此可以明白,虽然这个文字层的排版路径是籍由另外一个图层中的矢量路径而来,但在完成后,其也"克隆"了一条相同的路径并"留用"。

我们可以对这条"克隆并留用"的路径进行修改,从而改变文字的排版布局。方法是使用直?#21451;?#25321;工具〖A/SHIFT_A〗,在文字层(不是早先的填充层,此时应隐藏填充层)的路径上点击一下,就会看到路径上显示出许多小方块。如下中图。用直?#21451;?#25321;工具往左上方?#26197;?#31227;动蓝色箭头处的方块,就可以看到效果。有关路径的知识我们将在?#38498;?#23398;习,到时候我们可以进行更多更复杂的修改,现在大家先记住路径是可以修改的就可以了。

前面我们提到过要在每个英文字母后面加上空格,是为了在?#24515;?#25442;行时可以让单个字母移到下一行,而如果使用一整个英文单词LOVE,则在?#24515;?#25442;行时,因为要保持完整性,整个单?#24335;灰?#21040;下一行,这样的效果看?#20808;?#23601;比较生硬(也有人会?#19981;?#36825;种效果),如下右图。大家?#38498;?#22312;实际应用中可以参考这种加空格的方法,如果觉得空格拉大了字母间距,可以通过在字符调板中设置间距为负值来弥补。


photoshop路径文字介绍 飞特网 photoshop文字效果

[1] [2] 下一页

本类?#35753;?#25945;程:

连体字

photoshop路径文字介绍

牵手字

音符字

偏旁变形字
最新更新教程:
Powered by:www.jllllh.com.cn〖粤ICP备09027937号〗〖粤公网安备44078402440812号〗All Rights Reserved.
赛车北京pk10历史记录
作者:佚名    教程来源:不详    点击数:    更新时间:2012-4-22