当前位置: 主页 > 平面设计 > PS教程 > 字体设计 > 字体设计 > 卡通字体 > photoshp制作可爱卡通文字

photoshp制作可爱卡通文字

  • 2021-11-13
  • 来源/作者: OneGreen.Org    / 佚名    
  • 17 次浏览

最终效果图



1.打开Photoshop,新建一文档,大小为600×350像素,你可以根据需要调整。背景为白色,分辨率为72像素/英寸。

  复位色板,选择一种较为粗大的字体,用黑色写上文本。注意将每个字母放入单独的一层中,这样便于调整字母的位置。如果你顺手把它们放在了一层中,那么只有用基线偏移和字符间距来调节,而且不能变形文字。所以我们推荐将每个字母放入单独层中的方法。在调整完成之后,链接拼合所有的文字层,如图01所示。


图01


如果需要对个别字符进行扭曲和透视变形,在文字为矢量状态是无法进行的,这时就需要对文字栅格化。栅格文字的方法是右键点击图层面板中的文字层,从弹出菜单中选择“栅格化图层”命令,或是选择“图层>栅格化>文字”,这样文字就不再具备矢量属性,从而可以进行扭曲和透视变形。

  2.接下来,我们来保存一个文字的原始通道。按住Ctrl,点击文字层,载入文字层的选区。转到通道面板,新建一个通道,命名为“orig”,复位通道色板,用白色填充选区后,取消选择。

  回到RGB通道的图层面板。先删除文字图层,然后在背景上新建一层,命名为“main object”,用白色填充图层。用快捷键Alt+Ctrl+4,载入通道orig的选区范围。我们先将选区边缘稍稍模糊一下,使用选择>羽化命令,在羽化命令对话框中将羽化半径设为2像素,反选,用前景色填充;再次反选,打开编辑菜单下的描边对话框,将描边宽度设为10像素,颜色为黑色,位置居内,混合属性为正常;紧接着,用编辑菜单下的消褪命令,将刚才描边的不透明度退去50%不透明度,正常模式,这样,描边将以50%的不透明度出现,保持选择状态;(图02a)


图02a


这时候,我们要做的工作是将灰色的描边慢慢向白色部分过渡,我们可以用多次高斯模糊的方法来实现这一效果。具体方法是从滤镜菜单中选择高斯模糊滤镜,第一次将模糊半径设为8.0像素;第二次使用高斯模糊滤镜时,将半径设为4.0像素;第三次则设为2.0像素。由于我们在模糊前没有取消选择,所以模糊都在选取范围内进行。现在,我们取消选择,按Ctrl+F,重复最后一次滤镜的效果,这样,在文字的边角和连接处的细微部分也得到了适当的模糊处理,不会出现尖锐和我们不希望得到的清晰线条,图像从清晰到模糊有着很好的过渡。(图02b)

图02b

最终效果图



 

1.打开Photoshop,新建一文档,大小为600×350像素,你可以根据需要调整。背景为白色,分辨率为72像素/英寸。

  复位色板,选择一种较为粗大的字体,用黑色写上文本。注意将每个字母放入单独的一层中,这样便于调整字母的位置。如果你顺手把它们放在了一层中,那么只有用基线偏移和字符间距来调节,而且不能变形文字。所以我们推荐将每个字母放入单独层中的方法。在调整完成之后,链接拼合所有的文字层,如图01所示。


图01


如果需要对个别字符进行扭曲和透视变形,在文字为矢量状态是无法进行的,这时就需要对文字栅格化。栅格文字的方法是右键点击图层面板中的文字层,从弹出菜单中选择“栅格化图层”命令,或是选择“图层>栅格化>文字”,这样文字就不再具备矢量属性,从而可以进行扭曲和透视变形。

  2.接下来,我们来保存一个文字的原始通道。按住Ctrl,点击文字层,载入文字层的选区。转到通道面板,新建一个通道,命名为“orig”,复位通道色板,用白色填充选区后,取消选择。

  回到RGB通道的图层面板。先删除文字图层,然后在背景上新建一层,命名为“main object”,用白色填充图层。用快捷键Alt+Ctrl+4,载入通道orig的选区范围。我们先将选区边缘稍稍模糊一下,使用选择>羽化命令,在羽化命令对话框中将羽化半径设为2像素,反选,用前景色填充;再次反选,打开编辑菜单下的描边对话框,将描边宽度设为10像素,颜色为黑色,位置居内,混合属性为正常;紧接着,用编辑菜单下的消褪命令,将刚才描边的不透明度退去50%不透明度,正常模式,这样,描边将以50%的不透明度出现,保持选择状态;(图02a)


图02a


这时候,我们要做的工作是将灰色的描边慢慢向白色部分过渡,我们可以用多次高斯模糊的方法来实现这一效果。具体方法是从滤镜菜单中选择高斯模糊滤镜,第一次将模糊半径设为8.0像素;第二次使用高斯模糊滤镜时,将半径设为4.0像素;第三次则设为2.0像素。由于我们在模糊前没有取消选择,所以模糊都在选取范围内进行。现在,我们取消选择,按Ctrl+F,重复最后一次滤镜的效果,这样,在文字的边角和连接处的细微部分也得到了适当的模糊处理,不会出现尖锐和我们不希望得到的清晰线条,图像从清晰到模糊有着很好的过渡。(图02b)

图02b

这时候,我们要做的工作是将灰色的描边慢慢向白色部分过渡,我们可以用多次高斯模糊的方法来实现这一效果。具体方法是从滤镜菜单中选择高斯模糊滤镜,第一次将模糊半径设为8.0像素;第二次使用高斯模糊滤镜时,将半径设为4.0像素;第三次则设为2.0像素。由于我们在模糊前没有取消选择,所以模糊都在选取范围内进行。现在,我们取消选择,按Ctrl+F,重复最后一次滤镜的效果,这样,在文字的边角和连接处的细微部分也得到了适当的模糊处理,不会出现尖锐和我们不希望得到的清晰线条,图像从清晰到模糊有着很好的过渡。(图02b)

图02b


打开色相/饱和度命令,我们初步为图像上色。先选择着色模式,然后将色相、饱和度、明度分别设为326、50和-25。你可能会觉得这种洋红色有些古怪,先等一等,一会儿它就会变得漂亮起来。(图02c)

图02c


 

3.下面我们来确定图像高光部分的选区,依然是通过通道来确定。在通道面板中,复制通道orig,将副本通道更名为“highlights”。载入当前通道选区,用描边命令为通道选区描边,宽度为10像素,颜色为黑色,位置居内,正常混合。然后取消选择。(图03a)

图03a


提示:用与周围背景色相同的颜色对选区描边,是我们常用的一种缩小选区范围的方法。

  打开高斯模糊滤镜,将模糊半径设为2.0像素;然后使用风格化滤镜组中的浮雕滤镜,将浮雕的角度设为135度,高度为4像素,数量为150%;按Ctrl+I,将图像反相处理,这样,我们就可以看到文字高光部分的雏形了(图03b)。

  下面我们要对白色的高光部分进行提炼。从图像>调整中选择色阶命令,先将输入色阶设为128,1.00,255,消除浮雕滤镜添加的中性灰色,这样,图像中仅剩下白色、黑色和白色边缘少量的模糊;我们再使用一次高斯模糊滤镜,半径依然为2.0像素,将图像稍微模糊一下,再一次调整色阶,将输入色阶设为75,1.00,124,完全消除灰色像素。现在图像中的白色部分就是我们想要取得的高光部分。(图03c)


图03b


4.现在载入当前通道选区,回到RGB综合通道。在main object层中,用白色填充选区。随即用消褪命令消去10%的不透明度,使刚才的白色填充呈现出90%的不透明度,模式为正常,减低不透明度会使高光效果更自然一些。现在载入通道orig的选区,反选后删除,取消选择。这样图像周围的黑色背景就被去除了。(图04)

图04

5.你可能会觉得图像在白色背景的衬托下反而不如删除前的黑色背景协调,那么下面我们就来为它添加较为特别的“底衬”。选择背景层,在其上新建一层,命名为“back”。在back层内,按住Ctrl点击main object层,载入不透明度区域,然后点击图层面板上main object层前面的小眼睛,使它暂时隐藏起来,不遮蔽视线。依然在back层中,用黑色填充选区,取消选择。这时我们要扩展黑色区域,最简单的方法是用图层样式中的外发光。双击图层,进入图层样式面板,选择外发光效果,将混合模式设为正常,不透明度为100%,发光色为黑色,方法为精确,扩展为100%,大小为16像素,品质为默认。如果你的图像和例图有较大不同,那么请试着找到合适的设置。结果如图05a所示。

图05a


现在转入通道面板,随意复制一个单色通道,将副本通道更名为“back”。先反相处理,再用半径为2.0像素的高斯模糊滤镜对图像稍加模糊,打开色阶对话框,将输入色阶设为85,1.00,155,消除白色图像边缘部分的锯齿。

  回到综合通道,在图层面板中删除图层back,再新建一个名为“back”的图层,依然位于背景层之上,隐藏的main object层之下,填充白色。载入通道back的选区,用黑色填充后,消褪填充的不透明度至75%,模式为正常,取消选择。显示main object层,以back层为目标层,打开色相/饱和度命令对话框,选择着色模式,将色相、饱和度、明度分别设为180、50和0。如果没有上一步的消褪填充不透明度这一步骤,那么我们就无法用色相/饱和度命令为图层上色了。(图05b)


图05b


6.我们下面的工作,是要让这个绿色的底衬鲜明生动起来。首先,我们来添加立体效果中的高光部分。在通道面板中,复制通道back,将副本通道更名为back h/s mask。用半径为6.0像素的高斯模糊处理通道图像,然后选择滤镜>其它>位移,在对话框中,将水平和垂直位移量都设为9像素,这会使通道图像向右和向下各移动9像素。未定义区域可以设为重复边缘像素或折回,但不要设置为透明,这样会在通道的上边和左边出现9像素的白色像素。

  载入当前通道选区,回到综合通道,隐藏main object层,在back层中,反选,选择图像>调整>亮度/对比度,在对话框中将选区亮度增大到+100,对比度不变,然后取消选择,完成初步的高光。(图06a)


图06a


然后是暗调部分。选择通道back h/s mask,打开位移滤镜,将水平和垂直移动量都设为-9,未定义区域如前,这次位移使通道图像回到刚才的位置。按Ctrl+F,再做一次相同的位移,这样就等于将图像从第6步高斯模糊后的原始位置向左和向上移动了9像素。

  载入当前通道选区,回到综合通道,在back层中,反选,用亮度/对比度命令调整,这次将亮度设为-70,对比度不变,取消选择。由于调整范围中包括绿色图像周围的白色,所以,亮度的减低会使白色变为浅灰色。而刚才的提高亮度对白色像素来说却不受影响。这样,我们就得到了初步的高光和暗调部分。(图06b)


图06b

7.这一步我们将来处理图层中的多余部分,还有进一步的增强高光效果。先来载入通道back的选区,用羽化命令柔化选区边缘,半径为2像素,接着选择反选,用黑色填充选区,用消褪填充命令,将不透明度设为75%,模式为正片叠底;接着载入通道back的选区,用选择>修改>收缩命令将选区范围收缩4像素,再羽化4像素,反选,将亮度/对比度减低到-80,取消选择。(图07a)

图07a


复制通道back,将副本通道更名为back highlights。用半径为6.0像素的高斯滤镜模糊通道图像,接着调整色阶,将输入色阶设为215,1.00,255,消除部分模糊;然后用风格化>浮雕滤镜,将角度设为135度,高度为4像素,数量为150%;反相处理后,先用色阶工具消除中性灰色,设置输入色阶为128,1.00,255,用半径为4.0像素的高斯滤镜模糊,跟着将色阶设为127,1.00,150,消除多余的模糊,这就是我们进一步的高光选区。(图07b)

图07b


载入当前通道选区后,回到综合通道,在back层中,用亮度/对比度命令,将亮度增到+40,取消选择。这样,图像就有了陶瓷般光洁的反光效果(图07c)。现在载入通道back,反选,删除多余的黑色,取消选择,显示图层main object,图像如图07d所示。

图07c


图07d


8.我们希望绿色的底衬和红色的文字结合的更紧密,所以对底衬部分还要进行一些加工。在通道面板中,复制通道orig,将副本通道命名为orig h/s mask。用半径为2.0像素的高斯滤镜模糊,用位移滤镜将图像向右和向下各移动2像素,即将移动值设为-2,载入当前通道选区,回到RGB通道,在back层中,将亮度/对比度对话框中的亮度设为-75,取消选择,红色文字的左上方出现阴影;

  选择通道orig h/s mask,打开位移滤镜,将水平和垂直移动量都设为2像素,再连续使用两次同样设置的滤镜,载入通道选区,回到RGB通道,将亮度值降低到-65,取消选择,这时红色文字的右下方也出现阴影;

  再次选择通道orig h/s mask,按Ctrl+F,施用同样的位移滤镜,复制当前通道,将副本通道命名为orig h/s mask 2。选择通道orig h/s mask,按Alt+Ctrl+F,打开上一次使用的滤镜窗口,将水平和垂直移动量都设为-2,载入当前通道选区,选择通道orig h/s mask 2,将选区填充黑色后,取消选择。通道orig h/s mask 2如图08a所示;


图08a

载入通道orig h/s mask 2的选区,回到综合通道,在back层中,将亮度提到到+45,取消选择。(图08b)


图08b


9.现在,我们再来添加一些描边效果,使图像更丰富。双击back层,打开图层样式对话框,选择描边效果,将大小设为4像素,位置在外部,混合模式为正常,不透明度为100%,填充类型为颜色,将描边颜色设为RGB(153、0、153)。(图09)


图09


我们希望将back层转换为普通图层,但要保留图层效果。我们可以在back层之上新建一个图层,把它和back层链接合并,这样back层就转换为不带图层样式的普通图层,但描边效果依然存在。

  10.现在,我们希望能给紫红色的描边部分也添加一些高光和暗调,使它看起来更精致一些。首先载入图层back的不透明区域,按住Alt键,点击通道面板底部的“将选区储存为通道”按纽,在出现的新通道对话框中,将通道命名为“stroked back”。这样,我们就可以在不选择通道的情况下命名通道,节省了一个步骤。在保存了选区之后,你的图像应该保持原样,选区依然处于活动状态。在back层上新建一层,命名为back highlight,翻转前景色/背景色面板,目前白色为前景色,用描边命令为选区描边:宽度为1像素,颜色为白色,位置居中,不透明度为100%,正常混合,然后取消选择。这时我们用半径为1.0像素的高斯模糊滤镜稍为模糊一下back highlight层,应用位移滤镜,将水平和垂直移动量都设为-1。或是用移动工具将图像直接向左和上各移动1像素。然后载入通道stroked back,也就是现在back层的范围,删除后取消选择,再把它向右和向下各移动1像素。这一步的效果非常细微,如果粗心的话,可能根本发觉不到图像的变化(图10a)。现在,将back highlight层和back层链接合并,完成我们所需要的高光部分。


图10a


我们按同样的方法制作暗调部分。新建一个图层,命名为back low light,载入通道stroked back的选区,用宽度为1像素的大小为选区描边,不过这次描边颜色为黑色。取消选择,用半径为1像素的高斯滤镜模糊后,将图像向下和向右移动1像素,按Ctrl+Shift+D,重复上一次的选择,删除选区内图像,将图像向上和向左移动1像素。将back low light层预back层链接合并,载入通道stroked back的选区,反选后删除多余的黑色像素,取消选择。(图10b)

图10b


你可能会觉得这样的高光和暗调效果不放大图像简直就看不出来,这么大费周折的目的是什么呢?其实,我们真正的目的是在尽量不损伤图像的情况下,使图像的边缘尽可能的柔和。下面,在合并的back层中,用外发光效果建立描边效果,将外发光的混合模式设为正常,不透明度为100%,颜色为黑色,方法为较柔软,扩展为75%,大小为3像素,品质为默认。这里,我们用外发光代替描边,是为了取得更柔和的边缘效果。如果没有上一步精细的高光和暗调处理,黑色的边缘会有些参差。完成图层效果后,在back上新建一空层,用它来链接合并back层的外发光效果。(图10c)

图10c

现在,选择图层main object,将back层与之链接后拼合。仔细观察,可以看到紫红色的外边缘还有一些较亮的杂点,我们要想办法把它消除。其实这很简单,由于这些杂点很细微,所以,我们只要选择合适的选区,对选区内的图像稍加模糊就可以了。载入通道stroked back的选区,它应该位于紫红色的外边缘,我们以这个选区为基准,用选择>修改>扩边命令,将边界选区的宽度设为3像素,这个宽度差不多可以包括所有的较亮杂点了,对选区应用半径为1像素的高斯模糊,随即用消褪命令将高斯模糊的不透明度降低到55%,正常模式,取消选择。这样,这些杂色就会被完全消除。(图10d)

图10d


11.选择图层main object,我们来为它添加简单的投影效果。打开图层样式对话框,从中选择投影效果,其混合模式为正片叠底,颜色为黑色,不透明度为75%,角度为135度,距离为6像素,扩展为15%,大小为10像素,品质为默认。之后在main object层上新建一层,将其与main object层链接合并,将main object层恢复为普通图层。(图11)

图11


12.我们还希望给图像添加一些反光效果,这样会使它更加可爱。在main object层上新建一层,命名为“reflection”,复位色板,用白色填充图层。打开图层样式对话框,选择渐变叠加效果,将渐变的混合模式设为正常,不透明性为100%,渐变为从黑色到白色,样式为线性,选择与图层对齐,角度为90度,缩放为10%,图像如图12a所示。


图12a


虽然用普通的渐变也能达到类似的效果,不过调整的过程较为麻烦,用图层效果代替的话,可以更方便的掌握渐变的角度、范围等。

  在通道面板中,任意复制一个单色通道,如蓝色通道,将通道副本更名为reflection,调整色阶,将输入色阶设为112,1.00,116,消除灰色像素,使之全部转变为黑色和白色;选择扭曲滤镜中的波浪,设定波浪形状,例图中的波浪形状生成器数设为2,波长的最小和最大值分别为25、298,波幅分别为35、59,水平和垂直比例均为100%,波浪类型为正弦,未定义区域被定义为重复边缘像素。这样,通道reflection中的图像就如图12b所示。随后,在通道reflection中,载入通道orig的选区,反选后,用黑色填充选区,取消选择。用半径为2.0像素的高斯滤镜模糊通道图像,接着用色阶工具消除模糊,将输入色阶设为149,1.00,255,注意保留一些轻微的模糊。(图12c)



图12b



图12c

载入当前通道选区,回到综合通道,在图层面板中,删除图层reflection。选择图层main object,打开亮度/对比度对话框,将选区内的亮度增加+25,对比度不变,取消选择。(图12d)


图12d


13.文字部分我们已经完成了,如果你做这幅图像的目的是为了当作Logo或是其它用途,那么就可以完工了。作为一幅图像,它还缺少背景。下面我们就来添加一幅简单的背景。

  选择背景层,按Shift+Back Space,调出填充对话框,使用50%灰色,模式为正常,不透明度为100%;然后,用色相/饱和度命令为背景上色,选择你喜欢的背景颜色。本例中选择了着色模式,色相、饱和度、明度分别为145、30和0;打开杂色滤镜,为背景添加数量为5%,平均单色分布的杂色,接着用消褪命令将杂色的不透明度减到35%,正常模式;我们希望为背景添加一些简单的纹理效果,这里所用的是滤镜>画笔描边>油墨概况滤镜,设置线条长度为4,深色强度为20,光照强度为10,依然用消褪命令褪去滤镜效果,不透明度为20%,正常模式;接下来是锐化滤镜组中的USM滤镜,将数量设为200%,半径为1.0像素,阈值为0,再用消褪命令将锐化的不透明度降低到15%,正常模式;最后,我们用渲染中的光照效果滤镜为背景加入光照效果:将光照类型设为点光,强度为35,聚焦为69,光泽为0,材料为69,曝光度为0,环境为28,无纹理通道,光源色和环境色都设为白色,光源设定如图13a所示。完成后的图像如图13b所示。


图13a


图13b


14.最后,如果愿意的话,你还可以用各种小物件来装饰图像。在这里,我用了两种图形字体,并为它们添加了简单的阴影效果。(图14)
这里例子我们用了大量的通道,大部分工作都是在通道中完成的,图层中的工作非常简单,无非是着色,调整亮度等等。虽说通道的最终目的是为了确定范围,但却是从新手到行家都不能轻视的对象。可以说,掌握了通道,你就掌握了Photoshop的精髓。一开始你可能知其然而不知其所以然,只是照着做下来,通过练习,你会慢慢了解,直至主动运用通道。用得越多,理解得越快。有一天你会突然发现,通道原来不过如此,再也没有神秘可言!那时你的水平就会飞速提高――而这正是我们所期待的!

图14