2024年2月10日发(作者:)

第七章 文字

【教学目的】

1、掌握文字的属性设置。

2、学会文字特效处理。

【教学内容】

1、文字文本创作工具及其选项设置

2、文字的编辑处理

3、特效文字的制作方法和技巧

【教学重点】

1、文字的编辑处理。

2、文字特效制作。

【教学难点】

综合运用图层样式、通道、滤镜制作文字特效。

14种Photoshop字体制作

巧用文字路径制作浪漫连体字

内容摘要:本教程利用文字的路径来制作创意字体效果。制作的时候先打上文字然后把文字转为路径,然后可以把单个的文字路径移动做成连体字。

拓展:制作的时候其实路径也可以按Ctrl + T改变大小,而且路径可以重新修改,制作更加飘逸的笔画等等,更多的创意等您去开拓。

最终效果

1、新建一个大小自定的文件,选择文字工具,打上自己喜爱的文字,字体选择村粗一点的字体。

2、选择菜单:图层 > 文字 > 创建工作路径,生成路径,然后把文字图层隐藏。

3、新建一个图层,得到图层1,填充喜欢的颜色,切换至路径面板,双击“工作路径”蓝色部分,在弹出的对话框中建立路径1,如下图(这一步可以省略)。

4、返回图层面板,用路径选择工具,分别选区5个文字路径,移到下图图4的文字,注意连接部分稍微叠加。

5、按Ctrl + Enter把路径转为选区,然后可以填充自己喜爱的颜色,或者拉上渐变色彩。

6、最后可以给文字装饰一些笔刷或者加上图层样式,完成最终效果。

制作剔透的3D字效果

本教程介绍用Photoshop制作剔透的3D效果字。作者主要是利用快捷键Ctrl+Alt+上(下)箭头键,快速的复制并逐像素的移动图案而得到3D效果,教程操作步骤还是比较简单,希望能给您带来帮助!

主要方法:利用快捷键Ctrl + Alt +上(下)箭头键,快速地复制并逐像素的移动图案而得到3D效果,操作步骤都是比较容易实现的,适合初学入门者练手。

下图是完成后的3D 效果字:

制作这个效果,我们需要事先准备好一张素材图片。具体用什么素材就看你自己需要而定了。就上图所示的效果来说,我们可以利用一张黄昏的照片来实现(百度一下就可以找到许多)。下面我们就开始实现这个效果的制作步骤:

1、首先打开素材图片,全选图片(Ctrl + A)或根据需要使用选框工具(M)选取图片中的一部分,复制(Ctrl + C)。将工具栏中调色板前景色和背景色分别设置为白色和黑色。再新建一个 Photoshop 图像文档,背景色为黑色,宽度和高度比素材图片宽度和高度大一些,以便在后面的步骤中调整。将刚复制的图片粘贴(Ctrl + V)到新建的图像文档中,并将该图层重命名为“素材”。

图1:新建图像文档,并粘贴素材图片

2、在图层面板中,点击“素材”图层前的眼睛图标,将素材图片隐藏起来。然后选择“横排文字工具”(T),并选择合适的字体和字号,输入文字。在这里,我们选择了 Arial Black

字体及 150 像素字号。

3、现在我们要对文字进行变换,使之具有三维透视效果。首先在文字图层上右击鼠标,

从右键菜单中选“栅格化文字”,将矢量文字变成像素图像。然后从菜单中选择“编辑 > 变换 > 扭曲”,拖动控制手柄,调整和扭曲文字,使之“平躺”在水平面上。

图2:选择字体和字号,输入文字 图3:栅格化及扭曲文字,获得三维透视效果

4、选中文字图层,按住 Ctrl + Alt 键,再按向下(或向上)的箭头键,复制图层。每按一次箭头键,即复制一次文字并将文字向下(或向上)平移一个像素。复制的次数越多,3D 文字高度也就越大。这里我们复制了20 次,效果如下图。

5、选中“TG 副本”图层,再按住 Shift 键,点击“TG 副本 20”图层,全选 20 个副本图层。然后从菜单中选择“图层 > 向下合并”(Ctrl + E),合并刚选定的图层,并将该图层拖动移到“TG”文字图层之下。

图4:复制并向下平移文字得到 3D 效果 图5:合并 20 个副本图层

6、现在我们来制作 3D 文字顶部的表面。点击“素材”图层的眼睛图标处,使该图层由隐藏变为可见。执行“编辑 > 变换 > 垂直翻转”,翻转图片,使用移动工具移动素材图片至合适位置,以便得到满意的 3D 文字顶部表面。

7、调整好位置后,按住 Ctrl 键不放,鼠标左键点击“TG”文字图层的“图层缩览图”图标,加载该层文字的选区。然后点击选中“素材”图层,按 Ctrl + J 键,Photoshop将复制选区中的图像并粘贴到新图层中。重命名该图层为“顶部表面”,并拖动该图层到所有图层的最顶部。

图6:移动工具移动素材图片至合适位置 图7:制作 3D 文字的“顶部表面”

8、使用鼠标拖动“素材”图层到图层面板底部的“创建新图层”按钮上,复制该图层,并将副本命名为“旋转素材”。从菜单中选择“编辑 > 变换 > 旋转90度(逆时针)”,旋转素材图片。接着再移动素材图片到合适的位置,以便得到满意的 3D 文字竖直表面。

9、调整好位置后,按住 Ctrl 键不放,鼠标左键点击“TG 副本 20”文字图层的“图层缩

览图”图标,加载该层文字的选区。然后点击选中“旋转素材”图层,按 Ctrl + J 键,Photoshop将复制选区中的图像并粘贴到新图层中。重命名该图层为“竖直表面”,并拖动该图层到“顶部表面”图层之下。

图8:复制并旋转素材图片 图9:制作“竖直表面”后的效果

10、下面我们来制作文字的反射效果。按住 Ctrl 键不放,鼠标左键点击“TG 副本 20”文字图层的“图层缩览图”图标,加载该层文字的选区。再选中“素材”图层,按 Ctrl + J 键,复制选区到新图层。现在将“TG”、“TG 副本 20”、“旋转素材”、“素材”图层都隐藏起来。将刚复制的图层重命名为“反射效果”,拖动到“竖直表面”图层之下,然后使用移动工具将其向下移动到合适位置,并将其图层不透明度降低至30%左右。

11、在“顶部表面”图层之上新建一个空白图层,命名为“渐变”。按住 Ctrl 键不放,鼠标左键点击“TG”文字图层的“图层缩览图”图标,加载该层文字的选区。再从菜单中选择“选择 > 修改 > 收缩”,将选区收缩1像素。选中“渐变”图层,选择“渐变”工具(G),选择“白

-> 透明”的渐变色,拖动鼠标,给选区绘制一个渐变效果。

图10 图11:给 3D 文字表面添加渐变效果

12、最后,我们可以再给文字高光处加上闪光效果。选择“多边形”工具(U),从选项栏中指定边数(本例设置为10),并点击下拉三角箭头,勾选“星型”复选框,将缩进边依据设置在90%-99%之间,配合设置为92%。

现在新建一个图层,命名为“闪光”。然后在文字高光处拖动鼠标绘制多边形,按 Ctrl +

回车键,将多边形路径转化为选区,使用白色填充,适当调整图层不透明度,即得到闪光效果。至此,一个剔透的 3D 效果字就完成了。

制作金灿灿的喜字

简介:教你巧妙的运用Photoshop的图层样式和内置滤镜,制作一个金灿灿的双喜特效字。

先来看最终效果图:

执行文件-新建-382*336-背景白色,其它的保持默认值,新建一图层,然后用钢笔工具勾出喜字。转为选区后,填充黑色。

钢笔工具勾出喜字

打开图层样式对话框,设置外发光如图:

设置外发光

内发光,设置如图:

设置内发光

斜面和浮雕 设置如图:

设置斜面和浮雕

光泽 设置如图:

设置光泽

描边 设置如图:

设置描边

新建一图层,与文字层合并,并链接。如图

执行图像-调整-反相,反相图像

滤镜-风格化-浮雕效果-设置如图

执行浮雕滤镜效果

滤镜->艺术效果->塑料包装,设置如图:

执行塑料包装滤镜效果

滤镜-素描-影印 设置如图:

执行影印滤镜效果

复制一图层-图像-调整-反相。将混合模式改为差值,然后将这两个图层合并如图:

反相并更改混合模式

单击图层面板上的‘创建新的填充或调整图层’按钮选择色相饱和度

创建色相饱和度调整图层

调整色相饱和度,并勾选着色 设置如图:

调整色相饱和度

单击图层面板上的‘创建新的填充或调整图层’按钮选择色阶设置如图:

创建新的填充或调整图层

隐藏背景层,合并可见图层。如图:

合并可见图层

选择红色,填充背景层颜色:

填充背景层颜色

在文字层上设置投影 如图

设置投影

外发光,设置如图

设置外发光

斜面和浮雕,设置如图:

设置斜面和浮雕

单击图层面板上的‘创建新的填充或调整图层’按钮选择色相饱和度命令 如图:

创建新的填充或调整图层

单击图层面板上的‘创建新的填充或调整图层’按钮选择色阶命令,设置如图:

创建新的填充或调整图层

最后效果如图:

效果图:金灿灿的喜字

打造躺着的文字效果

完成图

一,创建文档,填充黑色,键入文字,色彩设置成红色,栅格化文字

二,ctrl+T对文字执行变形处理,手法如下图

三,按住ctrl键,鼠标单击文字图层,按住ctrl+alt,鼠标按键盘朝上方向键,做完后ctrl+J拷贝

四,单击下图中的F图层,ctrl+U,把明度设置成-50

五,运用套索工具选区下图中地方,ctrl+U,把此选区内明度设置成20

六,如法炮制其它面的明度。

七,按D键恢复前景与背景色,在F图层上创建图层,按住ctrl键,鼠标单击F盘,在创建的图层上运用线性渐变填充。

八,把此图层填充设置成30%,同时修改图层模式为叠加

九,一样手法,在图层一上面创建图层,渐变填充,填充设置成30%,不同的是把图层设置成正片叠底模式

十,拼合四个图层,一样的手法打造出其他的文字

处理完成效果图!

打造常见的立体透视文字

完成图

素材:

一,创建680*360 300p白色画面一

二,打上恰当大小的文字,调节好后栅格化。

三,用选取工具选取之前的Ph两个字后,ctrl+shift+j,拆分到一新的图层上。

四,用橡皮擦去o字。

五,对Ph两字加上样式

六,创建一层,同时选中ph层与创建层,右键/拼合图层

七,ctrl+t自由变换,按住ctrl键朝右上角拖一下执行放大。

八,再执行一下透视调节

九,确认后取拖动工具,按住Alt键,再按左方向键15次左右。

十,关掉顶层与最下方两层,拼合可如图层。

十一,开启所有的关掉图层,激活顶层,按ctrl键的同时点一下顶层的缩稍图,载入选区,填充原来文字的色彩。如下:

十二,用一样手法对文字的另一半处理,效果见图:

十三,将左右两部分的文字(各两层)分别新建链接。

十四,打开一地球照片,选取后贴入文字图层的上方。拖动到见下图地方。

十五,载入地球选区,加上渐变叠加效果,用拖动工具将高光点拖动到球面的右上面。设定见图:

十六,在Ph侧面图层上方创建一层,做一椭圆小选区,羽化8,执行黑色填充,改不透明度为70,见图:

十七,分别拷贝地球的左右两小部分,水平翻转后,拖动到文字图层侧面恰当地方,改不透明度为20,做出镜像效果。

十八,对文字侧面层加上投影,设定见图十六

十九,在“效果”上右键,新建图层,将投影分离出来。

ctrl+t,执行调节,见图十八,改不透明度30

二十,隐蔽背景层后执行盖印,之后再显示背景层,对盖印图层新建色相饱和度调节图层。

二十一,载入盖印图层选区,反选,对调节层蒙版填充黑色。

二十二,最终再整体调节一下大小与地方,必要时用加深减淡工具略微装饰一下,做完完成效果。

文字在设平面设计中的运用

文字是人类文化的重要组成部分。无论在何种视觉媒体中,文字和图片都是其两大构成要素。文字排列组合的好坏,直接影响着版面的视觉传达效果。因此,文字设计是增强视觉传达效果,提高作品的诉求力,赋予版面审美价值的一种重要构成技术。

在这里,我们主要谈谈在平面设计中文字设计的几条原则,以及文字组合中应注意的几点。特别提醒一下,这部分工作应该是人脑完成的工作,电脑是无法代替的。

下面我们分别从以下几个方面具体讲述文字排列在平面设计中的运用,各小节都配有生动精彩的图例剖析。(注:本文所有引用的图片均为其作者版权所有,除研究、学习以外,不得挪做他用,特此声明!)

1. 提高文字的可读性

设计中的文字应避免繁杂零乱,使人易认,易懂,切忌为了设计而设计,忘记了文字设计的根本目的是为了更有效地传达作者的意图,表达设计的主题和构想意念……

2. 文字的位置应符合整体要求

文字在画面中的安排要考虑到全局的因素,不能有视觉上的冲突。否则在画面上主次不分,很容易引起视觉顺序的混乱,有时候甚至1个象素的差距也会改变你整个作品的味道……

3. 在视觉上应给人以美感

在视觉传达的过程中,文字作为画面的形象要素之一,具有传达感情的功能,因而它必须具有视觉上的美感,能够给人以美的感受……

4. 在设计上要富于创造性

根据作品主题的要求,突出文字设计的个性色彩,创造与众不同的独具特色的字体,给人以别开生面的视觉感受,有利于作者设计意图的表现……

5. 更复杂的应用

文字不仅要在字体上和画面配合好,甚至颜色和部分笔画都要加工,这样才能达到更完整的效果,而这些细节的地方需要的是耐心和功力……

6. 综合应用:封面设计实例

在下面这个例子中我们将应用上面所说的规律和要求来完成一个书籍封面的平面设计工作,一起实际体会一下文字在平面设计中的精彩应用……

7. 精彩作品欣赏

这类作品不论是字体、样式还是颜色的应用都非常精彩,给人留下震撼和深刻的印象,欣赏这样的作品真是一种享受……

文字版面的设计同时也是创意的过程,创意是设计者的思维水准的体现,是评价一件设计作品好坏的重要标准。在现代设计领域,一切制作的程序由电脑代劳,使人类的劳动仅限于思维上,这是好事,可以省却了许多不必要的工序,为创作提供了更好的条件。但在某些必要的阶段上,我们应该记住:人,毕竟才是设计的主体。

1. 提高文字的可读性

文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息,要达到这一目的必须考虑文字的整体诉求效果,给人以清晰的视觉印象。因此,设计中的文字应避免繁杂零乱,使人易认,易懂,切忌为了设计而设计,忘记了文字设计的根本目的是为了更好,更有效的传达作者的意图,表达设计的主题和构想意念。

举例如下

(图1)让你想表达的内容清晰,醒目。让阅览者一开始就可以明白你的意思

(图2)避免使用不清晰的字体,否则容易使阅览者产生反感和麻烦

(图3)恰当的选择你所需要的字体

(图4)但是,经过特别的处理,你可以使用一些本来并不合适的字体,比如

注意文字在编排时的方向,注意安排阅览者的视线

举例如下:

这是一个带有图形的文字版面,也许你认为这样也不错了

但是是不是太平淡了呢?改一下文字的位置和大小,效果又会怎么样呢?

再看看字间距的问题

改一下看看,好一点了吗?

对于大的字体如果你照搬上面的做法,也许你会处理成这个样子,这样看起来字与字之间会比较松散

调整后是这样,看起来紧凑多了。字与字之间的对应关系也出来了

比如,没有调整段落距离的时候

比如,没有调整段落距离的时候

举例如下:

这是一个很普通的文字版面

那么加一点自己的感受在里面,对文字的大小、间距、透明度做些调整,就会是完全不同的效果了。

根据画面或作品的要求,可以使用一些图形化的文字(这可是汉字设计的一种新观点)。

注:所谓“文字图形化”即将文字笔画做合理的变形搭配,使之产生类似有机或无机图形的趣味。强调字体本身的结构美和笔画美。

一开始好象总感觉文字在这里面的表现力有些苍白了。对主题的表达没有什么帮助。那么试一下改成这样行不行

味道出来了吗?在一定的条件下,确实不能用电脑中提供的字体,必须要自己创造。这也是汉字魅力所在的地方

比如这个(没有太多的考虑的情况下)

再看看设计的做法

差别就在这里,也许只是一点小改动,但是需要你思考的却更多。有时候对文字的笔画做特殊的加工处理往往会产生一些意想不到的效果。而这样的处理是带有创造性的,同时人性化的味道也会更浓一些。这是电脑字体所无法替代的效果,带给观看者的感受自然会要强烈的多。

5.更复杂的应用

文字不仅要在字体上和画面配合好,甚至颜色和部分笔画都要加工,这样才能达到更完整的效果。而这些细节的地方需要的是耐心和功力。记住一定要有自己的想法和感受在里面,如果想表达自己对作品的态度,就不要在文字上偷懒,这也是不能偷懒的地方。

对作品而言,每一件作品都有其特有的风格。在这个前提下,一个作品版面上的各种不同字体的组合,一定要具有一种符合整个作品风格的风格倾向,形成总体的情调和感情倾向,不能各种文字自成一种风格,各行其是。总的基调应该是整体上的协调和局部的对比,于统一之中又具有灵动的变化,从而具有对比和谐的效果。这样,整个作品才会产生视觉上的美感,符合人们的欣赏心理。 除了以统一文字个性的方法来达到设计的基调外,也可以从方向性上来形成文字统一的基调,以及色彩方面的心理感觉来达到统一基调的效果等等。

一个简单的例子

经过修改之后的

在有图片的版面中,文字的组合应相对较为集中。如果是以图片为主要的诉求要素,则文字应该紧凑地排列在适当的位置上,不可过分变化分散,以免因主题不明而造成视线流动的混乱。

比如下面这个例子:文字元素的大小、轻重、位置各自独立,没有集中,非常容易引起视线的混乱。虽然在字体的处理上下了工夫,但是好象是下过头了。

综合应用:封面设计实例

在下面这个例子中我们将应用上面所说的规律和要求来完成一个平面作品的文字设计工作,一起实际体会一下文字在平面设计中的精彩应用。

作品要求:这是一个书籍封面的设计,书名是《野火寒烟》,属于自传体的小说。根据书的意境和要求,也是为了配合我们这个专

题,我们先将底图准备好,底图的具体制作过程不再详细叙述。

根据封面设计的常识,我们知道:应该出现的文字包括:书名、作者名、出版社名、日期、引子、联系方式和部分根据调节需要而增加的小文字元素。这么多的文字摆在一起,如果并不小心处理会很容易混乱的。

(1)首先将所有需要出现的文字根据大致安排的位置放在上面。将主要内容放在右边,保证每个字的清晰,避免和图片的冲突。尽量尊重大众的观看习惯

没有仔细处理的字体版面显得比较混乱,视线也容易迷失。观看时容易产生迷惑。下面开始一个一个的调整。

(2)首先根据主次的关系将字体的大小进行调整,并对文字的位置做初步的调整。

3)根据视线的流动顺序做进一步的调整,以更好的引导观看者。

(4)降低次要元素在版面中的鲜明度。即视觉印象的先后知觉顺序,同时对部分文字的位置做微调整。

(5)因为版面是横幅式,所以可以将主要内容:书名、作者名的排版格式调整成竖式

(6)现在看起来书名有些不舒服,现在先把字距进行调整,同时就要对其他文字的字距、大小、位置和字体进行调整,以保持完整统一的效果。

注意:当版面中的主要元素变动之后,所有辅助文字元素同时要进行调整,这就是局部中有整体,整体中有局部

(7)现在对文字的字体部分再次进行调整,同时对一些其他次要的文字元素进行调整、增减。如图

8)到这里基本上就可以说完成了,但是现在的感觉是文字的表现能力较弱,还没有足够的力量表现主题的内容和感受。

现在就需要发挥创造性了。这里决定对书名的字体进行重新设计,同时注意不要影响其他的文字元素,适当增加文字字体的大小、透明度和颜色的变化,进行图形化的处理方式以增加趣味性。这些修改完全由设计者自己把握。随心性而动。注意不要影响了大效果和基本要求就可以了。

作品(形象宣传)

这幅作品是宣传中国形象的招贴。运用了一些汉文化中比较有代表性的图象元素,文字元素在这里可以说是简约到了极致。但是能够感觉到的是作者在这两个字上下的工夫有多少,可以说是起到了画龙点睛的效果。并且与图形的搭配天衣无缝。

不论是字体还是样式还是颜色的应用都非常精彩,作品给人留下的是震撼和深刻的印象,欣赏这样的作品应该说是一种享受。

文字版面的设计也是创意,创意是设计者的思维水准的体现,是评价一件设计作品好坏的重要标准。在现代设计领域,一切制作的程序由电脑代劳,使人类的劳动仅限于思维上,这是好事,省却了许多不必要的工序,为创作提供了更好的条件,但是,在某些必要的阶段上,还是不能完全让电脑来做,人,毕竟才是设计的主体。

在设计过程中 文字的设计与排版是不可避免的

想要把文字处理的恰到好处 也不是那么容易的

曾经做文字处理 都是任凭感觉

而看过这篇文章之后觉得甚是受益非潜

可以让我们在文字处理上的思路更加清晰明确

所以拿出来提供给大家借鉴

当然高手必定觉得是简单之谈

不过这些理论性的知识在设计运用中还是起很大作用的