photoshop制作趣味字教程的最终效果图
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
1.打开Photoshop,新建一文档,大小为600×350像素,背景为白色,分辨率为72像素/英寸。
复位色板,用黑色在背景上写上文本。在这个例子中,我们需要粗大一些的字体,而且不那么规整的更好。这里,我所用的是一种名为“Cartoon”的字体,155点大小,消除锯齿的方式为平滑。如果希望文字有些起伏,可以使用Photoshop中的变形文字工具,确保所有的字符都在一层中,然后从预设类型中选择需要的变形效果;如果你和我一样不喜欢那些较为死板的预设形状,又懒得将每个文字放入单独的层中调整位置,那么可以选择单独的文字,打开文字工具栏中的切换字符和段落调板,从中设置字符的基线偏移量。正值会使字符向上移动,负值则向下移动。这样,你就可以调整出错落有致的文字。不过如果需要更多的变形效果,就只有将每个字符放置入单独的图层中了。(图01)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图01
2.按住Ctrl,点击文字层,载入文字选区。转到通道面板中,按下Alt键的同时点击通道面板底部的“将选区储存为通道”按纽,在弹出的新通道对话框中,将新通道命名为“orig”,其余保持默认。复位通道色板,用白色填充通道选区后取消选择。
从滤镜菜单中选择模糊>高斯模糊滤镜,将模糊半径设为4.0像素,模糊通道图像;随后,打开图像>调整>亮度/对比度命令,将对比度设为+90。当然,如果你习惯用色阶工具调整的话,这里也可以用色阶工具调整。这个通道将作为原始的形状选区。(图02)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图02
3.复制通道orig,将副本通道更名为“holes”,这个通道是用来确定装饰性的圆洞的选区的。先使用高斯模糊滤镜,将模糊半径设为6.0像素,进一步模糊图像;跟着打开调整>色阶工具,将输入色阶设为224,1.00,255,缩小白色区域;(图03a)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图03a
现在我们用半调图案滤镜修饰通道holes。选择滤镜>素描>半调图案滤镜,将大小设为10,对比度为10,图案类型为网点,这时通道的图像如图03b所示。接下来,我们用色阶和模糊命令来精炼通道图像:打开色阶工具,先将输入色阶设为243,1.00,255,这样消除了模糊,但白色边缘出现了很明显的锯齿;我们用半径为2.0像素的高斯模糊命令模糊通道图像,再次使用色阶命令,将输入色阶设为72,1.00,162,平滑图像边缘的锯齿。(图03c)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图03b
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图03c
4.回到RGB通道,在图层面板中,删除文字层。在背景层上新建一层,命名为“main object”,复位色板,用白色填充图层。载入通道orig的选区,反选后用黑色填充选区,取消选择——按照常规方法应该是这样的,但很多时候我都会偷懒。一但明白你应该做什么之后,就要想想有什么办法能用尽量少的步骤达到相同的效果。比如在这里,你会发现按常规方法处理后的图像和通道orig中的图像完全相同,这样的话,我们就可以在通道orig中,按Ctrl+A,选择全部通道图像,回到RGB通道,按Ctrl+V将图像粘贴到main object层中。
现在,打开高斯模糊滤镜,将半径设为6.0像素,调整色阶,将输入色阶设为113,1.00,255,将模糊的范围缩小。(图04)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图04
5.在通道面板中,复制通道orig,将副本通道命名为“highlights”。用半径为6.0像素的高斯滤镜模糊图像,然后调整通道的色阶,将输入色阶设为209,1.00,255;下面我们要添加浮雕效果,打开风格化>浮雕滤镜,将角度设为135度,高度为3像素,数量为100%,反相处理通道图像后调整色阶,将输入色阶设为127,1.00,255;用半径为2.0像素的高斯滤镜模糊,再来调整色阶,消除灰色像素,将输入色阶设为44,1.00,85。(图05)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图05
6.现在我们为图像上色。回到RGB综合通道,以main object层为目标层,选择图像>调整>色相/饱和度命令,选择着色模式,将各项数值设置到你喜欢的颜色,在这里,我们用的是色相215,饱和度75,明度-25,图像呈现出漂亮的粉蓝色。载入通道highlights的选区,再次用白色填充,取消选择,完成高光效果。(图06a)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图06a
如果我们将载入高光选区—填充白色—取消选择这组命令放在调整色相/饱和度命令之前,3lian.com,那么会得到非常微弱的高光效果,有些时候你可能会用到这种轻微的加亮效果。(图06b)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图06b
双击main object层,打开图层样式对话框,从中选择渐变叠加效果。将渐变的混合模式设为叠加,不透明性为35%,渐变选择从黑色到白色,点击渐变预览,在渐变编辑器中将黑色色标和白色色标的位置都向中间靠拢,大致分别为35%和54%(图06c)。渐变样式为线性,选择与图层对齐,角度为90度,缩放为100%。这样,文字会呈现出从白色到蓝色的渐变色调。现在,载入通道holes的选区,清除后取消选择,图像如图06d所示。在main object层上新建一层,将空层与main object层链接合并,使main object层恢复为普通图层,但又保留图层效果。
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图06c
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图06d
如果你希望图像更细致一些,而且也比较有空闲,那么不妨为图像添加一些细节效果。在为图层main添加渐变叠加效果之前,先选择滤镜>艺术效果>塑料包装,将高光强度设为15,细节设为9,平滑度为7;随即用编辑菜单下的消褪命令将塑料包装滤镜效果的不透明度减低至21%,模式为叠加,这样,高强度的滤镜效果会减弱很多;再选择素描>铬黄滤镜,将细节设为4,平滑度为7;用消褪命令将不透明度降低至9%,模式为滤色(采用不同的不透明度和模式可得到各种效果,大家不妨多试试,会有惊喜效果!)。我们用这两个滤镜来增加蓝色文字内部的细节,如图06e所示。喜欢试验滤镜效果的可以多加试验,如果没有空,那么省略这两个滤镜,也不影响我们最终的图像效果。
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图06e
7.下面我们来制作图像中的凹陷效果。我们可以用简单的描边+移动的方法来造成凹陷的视觉效果。在main object层上新建一层,命名为“shadow”,在其上新建一层,命名为“highlight”。确保当前在highlight层中,载入通道holes的选区,打开编辑>描边命令对话框,将宽度设为1像素,颜色为白色,描边位置居中,混合为正常;保持选取状态,现在选择shadow层,用和刚才相同的设置对选区描边,不过这次描边色为黑色,之后取消选择。
选择其它>位移滤镜,将位移对话框中的水平和垂直移动量都设为-1像素,对未定义区域可以随意设置。这样shadow层中的黑色描边向左和上各移动了1像素,凹陷的阴影就较为明显了。同样,我们选择highlight层,用位移滤镜将白色描边向右和下各移动1像素。
接下来,我们要清理移动所造成的多余部分。在highlight层中,载入通道holes的选区,清除选区内多余的白色像素,取消选择,再打开位移滤镜,将水平和垂直移动量都设为-1像素,也就是将清理后的白色描边移动到第一次位移前的位置上。对shadow层的黑色描边我们也做同样的处理:选择shadow层,按Shift+Ctrl+D,重新载入选区,清除选区内的图像,取消选择,用位移滤镜将清理后黑色描边向右和下各移动1像素,回到刚做完描边时的位置。经过这样的清理和移动,图像会细致很多,凹陷处的阴影非常明显(图07a)。现在选择main object层,将highlight层和shadow层与之链接拼合。注意,由于图像的背景是白色的,你现在可能看不到挖空效果,那么你可以先隐藏背景,看看你的图像是否如图07b所示一样是中空的。
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图07a
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图07b
打开素描>半调图案滤镜,将图案大小设为2,对比度为0,图案类型为直线;随后用消褪命令将半调图案的不透明度减褪至60%,降低对比度。
注意:你设置的前景色和背景色直接关系到半调图案滤镜的效果。半调图案的颜色正是由它们来决定的。
然后,我们用风格化>浮雕效果滤镜来为图像添加一些特别的效果。打开浮雕效果滤镜,将角度设为135度,高度为3像素,数量为100%;随即用消褪命令将浮雕效果的不透明度降低到50%,模式为叠加。这里,我们用浮雕滤镜和消褪命令来创造白色条纹和红色之间的柔和过渡,只用半调图案滤镜是达不到这样的效果的。现在,我们用色相/饱和度命令调整图像颜色,将饱和度增加30,使图像更鲜明一些。(图08)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图08
9.如果希望文字的“壳”更加明显,我们可以采用简单的投影效果。选择main object层,打开图层样式对话框,选择投影效果,保持默认混合模式和颜色不变,将不透明度设为63%,角度为135度,距离为5像素,扩展为0%,大小为4像素,阴影品质不变。这样在文字外壳和内容之间出现阴影效果,3lian素材,使图像的立体感更强。我们将main object与back层链接,合并入main object层中。
这时,我们希望消除图像周围多余的黑色背景。载入通道orig的选区,反选,删除后取消选择。如果希望黑色的边缘更宽一些的话,可以为main object层添加描边效果。打开图层样式,选择描边效果,将大小设为3像素,描边位置在外部,混合模式为正常,不透明度为100%,描边颜色为黑色。在main object层上新建一层,将之与main object层链接拼合,消除图层样式。
在上一步我们为main object层添加投影效果时,因为图层效果是基于图层内容的,所以,黑色的阴影不仅出现在文字上,也出现在画布的右边和下边。现在我们来消除这些多余的阴影。在main object层中,用矩形选框工具在图像周围选择一个矩形选区,要包含全部的图像。然后反选,删除,画布右边和下边的阴影都在选区之内被删除,取消选择(图09)。但这样还不够,在画布之外还有残存一些阴影。不信?那么请你打开图像>画布大小命令,将画布的宽度和高度都增加50像素,保持画布布局不变。在增加的画布上你会看到刚才没有看到的隐藏阴影(注意:增加的画布会以当前的背景色来填充,如果你现在的背景色为黑色,那么只能看到一圈增加的黑框。)。在历史面板中选择“画布大小”之前的一步,也就是删除多余阴影后取消选择这一步,我们从这里继续。按Ctrl+A,选择全部图像,从图像菜单下选择裁切命令,将文档裁为当前选区大小,多余的隐藏阴影被切除,取消选择。再用画布大小命令检查时,已看不到任何多余的图像了。
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图09
10.下面我们要为图像添加一些描边效果,首先暂时隐藏背景层。在main object层中,打开图层样式,选择描边效果,将描边大小设为2像素,位置在外部,混合模式为正常,不透明度为100%,颜色为白色。新建一层,将之与main object层链接拼合。这样,白色描边也成为main object层的图层内容;再用一次图层描边,将小设为11像素,位置在外部,混合模式为正常,不透明度为100%,颜色为RGB(204,51,153),也就是第8步中使用半调图案填充前我们设置的玫红色。然后和刚才一样,用链接合并新层的方法是红色描边也成为图层内容。显示背景层。(图10a)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图10a
第二次描边的主要目的是将各个字符连接起来,所以,描边宽度要由你自己掌握。如果发现较小的描边宽度就可以达到目的,那就没有必要设的很大。相反,如果你的图像间隔较宽,那么可能需要更宽的描边。
现在我们再来为红色的描边添加一些别的效果。载入main object层的不透明区域,转到通道面板,按住Alt键,点击通道面板下面的“将选区储存为通道”按纽,在新通道对话框中,将通道名称设为“outer”。回到图层面板,选区依然处于活动状态,用选择>修改>收缩命令,将选区向内收缩3像素,再用羽化命令柔化选区边缘,半径为3像素,反选后用色阶命令调整选区颜色,将输入色阶设为175,1.00,255,使红色描边的外边缘颜色加深,取消选择。(图10b)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图10b
11.下面,我们要为图像添加高光和暗调部分。我们先来制作高光部分的选区通道。选择通道面板,复制通道outer,将副本通道更名为“outer highlights”。我们将在这个通道中制作高光的选区。确定在通道outer highlights中,用其它>位移滤镜移动通道内的白色图像,将水平和垂直移动量都设为-3像素,即将图像向上和左移动3像素,未定义区域定为折回。复位通道色板,载入通道outer的选区,反选,在通道outer highlights中将选区填充为黑色,取消选择。再用位移滤镜将通道图像向下和向右各移动3像素,未定义区域依然设为折回。
再次复制通道outer,将副本通道命名为cut。打开位移滤镜,将水平和垂直移动量都设为8像素,载入当前通道选区后,选择通道outer highlights,用黑色填充选区,取消选择。图中的白色像素就是我们需要的高光选区,下面我们将进一步对它进行加工。首先依然是模糊命令,你可以用高斯模糊滤镜,也可以采用进一步模糊命令,大致的模糊图像,如果选择进一步模糊命令,那么这个命令要再重复一次。然后,用色阶工具消除模糊,将输入色阶设为48,1.00,190,得到清晰的边缘。(图11a)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图11a
载入当前通道选区后,回到RGB通道,在main object层中,用亮度/对比度命令将选区内的亮度提高+60,取消选择。这样,我们就得到了非常光洁的高光效果,图像为此增色不少。(图11b)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图11b
12.下面我们来制作暗调部分的选区通道。在通道面板中,复制通道orig,将副本通道更名为“shadow”。载入当前通道选区,打开编辑>描边命令,将描边宽度设为10像素,颜色为白色,位置居中,混合为正常,取消选择。用位移滤镜将图像向下和向右各移动2像素;在当前通道中载入通道orig的选区,3lian.com,用选择>修改>扩展命令拓宽选区范围,扩展量为5像素,用黑色填充选区后取消选择。暗调部分和高光部分不同,我们希望高光的选区尽量清晰,但暗调的选区则要柔和一些。所以,用模糊滤镜组中的进一步模糊命令将图像稍加模糊,这就是我们需要的暗调部分选区。(图12a)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图12a
载入当前通道选区,回到RGB通道中,我们用色阶工具来调整选区颜色。由于选区比较小,而闪烁的选框可能会影响你的观察,所以,我们可以用Ctrl+H隐藏选区边缘,这样就可以尽量准确的调整图像了。打开色阶工具对话框,将输入色阶设为179,1.00,255,将选区内的图像调暗。再按一次Ctrl+H,恢复选区边缘的显示,再取消选择(图12b)。
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图12b
13.我们再来制作第二个暗调选区通道。再次复制通道orig,将副本通道命名为“shadow2”。载入当前通道选区,打开描边命令对话框,将描边宽度设为6像素,颜色为白色,描边位置居中,混合为正常,描边之后取消选择。打开位移滤镜,将水平和垂直移动量都设为2像素,未定义区域定为折回,通道中的白色图像向右和下各移动2像素。载入通道orig的选区,用扩展命令将选区扩展3像素,在通道shadow2中,将选区填充黑色,取消选择。用两次进一步模糊命令模糊白色区域。这就是第二个暗调部分的选区。和第一个暗调选区shadow比较起来,这个选区的白色区域更弱一些,位置也较靠近左上。(图13a)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图13a
载入当前通道选区,回到RGB通道,打开亮度/对比度对话框,将选区内的亮度降低到-100,再用一次亮度/对比度,降低到-60,取消选择。这个暗调选区的作用主要是降低文字右边白色描边部分的亮度,使图像的明暗统一。(图13b)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图13b
14.我们再来为图像添加一些简单的图层效果,使它的立体感更强。打开main object层的图层样式,先选择投影效果,投影的混合模式、颜色和不透明度都保持默认,角度为135度,距离为5像素,扩展为0%,大小为10像素,品质保持不变;随后选择外发光效果,将发光的混合模式设为正常,不透明度为35%,颜色为我们前面所用的玫红色,发光方法为较柔软,扩展为0%,大小为5像素,品质为默认。这样,主要的图像部分就完成了。(图14)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图14
15.最后,我们对图像的背景稍加装饰。将前景色设置为RGB(204,153,0),填充背景层。然后我们用光照效果滤镜渲染背景层。例图中的设置如下:光照类型为点光,强度为35,聚焦为69,光泽为0,材料为69,曝光度为0,环境为0,无纹理通道,光源色和环境色都设为白色,光源中心设在图像中心,光照方向为从左上到右下,如图15所示。如果愿意的话,还可以在图像上添加一些小小的装饰,如一个反光笔刷,一个卡通图像等。图中的卡通图像使用的是一种图形字体,还添加了渐变叠加效果。(图Carto)
nmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/>
图Carto