社区 › ※- 爱上学院 › [转载]Photoshop制作可爱的糖果条字体效果

南生 发表于 2011-12-9 19:09:33

[转载]Photoshop制作可爱的糖果条字体效果

本教程主要使用Photoshop制作可爱的糖果条字体效果，在此过程中，你将学习如何使用AI创建高级的矢量图案画笔，并在在Photoshop中订制混合模式调整阴影和光线，最后在润色照片以适应场景，创建适合图片的背景等完成最终效果图。
作者：糖糖   来源：活力盒子翻译

最终效果图

http://www.missyuan.net/uploads/allimg/101219/234P33211-0.jpg

先下载图片中用到的素材：背景图片
步骤1

打开Illustrator，创建一个名为“Letter”的新文件，色彩模式设置为CMYK，72dpi。

http://www.missyuan.net/uploads/allimg/101219/234P35G1-1.jpg

步骤2

使用矩形工具(M)，按下图画一个灰色的矩形。

http://www.missyuan.net/uploads/allimg/101219/234P343K-2.jpg

步骤3

画另一个矩形，但要比之前的那个窄。改变它的颜色为红色或其它颜色以便区分。

http://www.missyuan.net/uploads/allimg/101219/234P3GS-3.jpg

步骤4

使用选择工具(V)，旋转第二个矩形(如图)。位置不需要非常精确，随着感觉走~

http://www.missyuan.net/uploads/allimg/101219/234P34N8-4.jpg

步骤5

按住Alt键并点击拖动红色矩形移到右边。拖动时按住Shift键保持平行。

http://www.missyuan.net/uploads/allimg/101219/234P31Z5-5.jpg

步骤6

按CTRL+D三次。复制图形。

http://www.missyuan.net/uploads/allimg/101219/234P31T0-6.jpg

步骤7

选择灰色矩形，延长它一点，将它复制(Ctrl + C)并粘贴到前面(Ctrl + F)。按CTRL + SHIFT + ]把它放在其他形状的前方。

http://www.missyuan.net/uploads/allimg/101219/234P35429-7.jpg

步骤8

删除其填充，选择所有的红色长方形，右键单击>建立剪贴蒙版。选择所有物件(按Ctrl + A)，点击合并按钮。然后把合并后的图形副本粘贴到前方(CTRL + C > Ctrl + F)。 使用橡皮擦工具(Shift + E)，按住Alt键擦除左侧红色条纹的部分。

http://www.missyuan.net/uploads/allimg/101219/234P34038-8.jpg

http://www.missyuan.net/uploads/allimg/101219/234P3ES-9.jpg

http://www.missyuan.net/uploads/allimg/101219/234P340B-10.jpg

步骤9

向右移动副本图形直到第一个红色条纹对齐到第二个条纹上，如下图。降低不透明度以便看得更清楚。现在选择上方的形状，并设置其填充颜色为黑色。

http://www.missyuan.net/uploads/allimg/101219/234P3B56-11.jpg

http://www.missyuan.net/uploads/allimg/101219/234P3A06-12.jpg

步骤10

使用选择工具(V)，选择黑色矩形，按住Alt键并单击拖动中间的变形点，如图。

http://www.missyuan.net/uploads/allimg/101219/234P3C48-13.jpg

步骤11

在路径查找器窗口中(窗口>路径查找器)，单击合并按钮。然后选择所有的物件，再次合并。使用直接选择工具(A)，选择黑色矩形，点击删除。

http://www.missyuan.net/uploads/allimg/101219/234P3F57-14.jpg

步骤12

选择所有艺术品，点击拖动它到画笔面板(F7键)，设置它为“图案画笔”。使用路径工具(P)绘制一条长的笔直路径。然后点击你刚才创建的画笔。

http://www.missyuan.net/uploads/allimg/101219/234P35445-15.jpg

http://www.missyuan.net/uploads/allimg/101219/234P31110-16.jpg

步骤13

使用椭圆工具(L)，画一个圆圈。按住Shift键点击拖动，使之更完美。

http://www.missyuan.net/uploads/allimg/101219/234P36120-17.jpg

步骤14

单击矩形形状，从顶部的菜单条复制高度值。选择圆形并在宽度和高度上粘贴此值。

http://www.missyuan.net/uploads/allimg/101219/234P31U4-18.jpg

步骤15

选择这两个形状，对齐它们的水平轴。按CTRL点击附近的区域取消，然后使用直接选择工具(A)，选择圆圈的左侧锚点，点击删除。

http://www.missyuan.net/uploads/allimg/101219/234P34948-19.jpg

http://www.missyuan.net/uploads/allimg/101219/234P3O42-20.jpg

http://www.missyuan.net/uploads/allimg/101219/234P35952-21.jpg

步骤16

使用选择工具(V)，按下图对齐形状。选择矩形，按ALT点击拖动来创建一个副本。 重新对齐副本，参照步骤9。

http://www.missyuan.net/uploads/allimg/101219/234P32261-22.jpg

步骤17

选择半个圆圈，删除其填充，按住Shift点击它后面的矩形。现在，右键单击>建立剪贴蒙版。在路径查找器窗口(窗口>路径查找器)，单击合并按钮。

http://www.missyuan.net/uploads/allimg/101219/234P35343-23.jpg

http://www.missyuan.net/uploads/allimg/101219/234P33112-24.jpg

步骤18

打开色板面板(窗口>色板)，点击拖动生成的形状到面板里。命名为“candy-end”。在画笔面板中(F5键)，选择我们的画笔。确保取消一切操作(按Ctrl点击空白区域)。

http://www.missyuan.net/uploads/allimg/101219/234P32028-25.jpg

步骤19

打开下拉菜单，选择选项。单击最后一个框，从列表中选择“candy-end”。点击确定。选择路径，再次点击一下笔刷。现在看看它的样子~

http://www.missyuan.net/uploads/allimg/101219/234P314P-26.jpg

http://www.missyuan.net/uploads/allimg/101219/234P35638-27.jpg

步骤20

对另一末端的路径做相同的事。

http://www.missyuan.net/uploads/allimg/101219/234P3FU-28.jpg

步骤21

现在，让我们创建文本吧。我使用“Giddyup Std”字体作为参考。使用水平文字工具(T)，输入下列文本。

http://www.missyuan.net/uploads/allimg/101219/234P3O62-29.jpg

步骤22

选择所有文字，去对象>扩展，然后去对象>路径>清理。

http://www.missyuan.net/uploads/allimg/101219/234P3F92-30.jpg

http://www.missyuan.net/uploads/allimg/101219/234P32T1-31.jpg

步骤23

在图层面板中(F7键)，点击“创建新图层”按钮，并锁定它下面的层。选择新创建的层。

http://www.missyuan.net/uploads/allimg/101219/234P31144-32.jpg

步骤24

使用路径工具，追踪文本，但不完全遵循它，可以自由链接它们，增加循环和打结。 完成追踪后，选择所有路径。创意最重要!

Grab the path tool and trace the text, but do not follow it entirely, feel free to connect words, add loops and cool knots.(怎么翻译更好?请热心的朋友在文章下留言，以方便更多朋友阅读。)

注意：如果你想改变颜色，去创建的形状，改变其颜色，并创建一个新的画笔。我选择了亮粉色和灰色。黑色背景会更清晰，添加它。

http://www.missyuan.net/uploads/allimg/101219/234P3M55-33.jpg

步骤25

Ctrl+F2，然后去路径查找器窗口，点击“合并”，然后去对象>路径>清理。

http://www.missyuan.net/uploads/allimg/101219/234P35491-34.jpg

http://www.missyuan.net/uploads/allimg/101219/234P31401-35.jpg

http://www.missyuan.net/uploads/allimg/101219/234P35351-36.jpg

步骤26

打开Photoshop，去文件>新建，创建一个72dpi的1600 × 2300像素，RGB色彩模式的新文件。

http://www.missyuan.net/uploads/allimg/101219/234P35649-37.jpg

步骤27

使用渐变工具(G)，按下图对背景应用渐变。

http://www.missyuan.net/uploads/allimg/101219/234P32610-38.jpg

http://www.missyuan.net/uploads/allimg/101219/234P31X9-39.jpg

步骤28

从Illustrator点击拖动矢量文本到Photoshop中，稍微调整它一点，然后点击回车。 右键点击图层略缩图，选择“栅格化图层”，然后点击“fx”按钮选择混合选项。使用以下设置。

http://www.missyuan.net/uploads/allimg/101219/234P31106-40.jpg

http://www.missyuan.net/uploads/allimg/101219/234P3F03-41.jpg

http://www.missyuan.net/uploads/allimg/101219/234P31952-42.jpg

http://www.missyuan.net/uploads/allimg/101219/234P340O-43.jpg

http://www.missyuan.net/uploads/allimg/101219/234P36147-44.jpg

http://www.missyuan.net/uploads/allimg/101219/234P3EA-45.jpg

http://www.missyuan.net/uploads/allimg/101219/234P35352-46.jpg

步骤29

创建一个新层(Ctrl + Shift + N)，混合模式设置为正片叠底，使用画笔工具(B)，设置硬度为0%，删除画笔面板其他额外的设置，涂抹一些阴影给它一个更棒的立体效果。使用暗紫色。

提示：按Ctrl + 单击文字层，去图层>图层蒙版>显示全部。

http://www.missyuan.net/uploads/allimg/101219/234P31258-47.jpg

步骤30

创建一个新层(Ctrl + Shift + N)，把它放在文本图层的下方，使用画笔工具(B)，设置硬度为0%，删除画笔面板其他额外的设置，涂抹一些阴影，仿佛部分文字在墙上弯曲一样。

http://www.missyuan.net/uploads/allimg/101219/234P3EI-48.jpg

步骤31

打开“paper texture”。选择全部(Ctrl + A)，复制(Ctrl + C)并粘贴(Ctrl + V)到我们的文档中。把它放在背景层的上方。调整大小以适合画布，然后按回车键。设置混合模式为正片叠底。

http://www.missyuan.net/uploads/allimg/101219/234P32162-49.jpg

步骤32

去图层>新建填充图层>纯色...和图层>新建调整图层>色彩平衡，Black & White。使用下面的设置。

http://www.missyuan.net/uploads/allimg/101219/234P330Z-50.jpg

http://www.missyuan.net/uploads/allimg/101219/234P34004-51.jpg

http://www.missyuan.net/uploads/allimg/101219/234P3AK-52.jpg

步骤33

选择所有物件(Ctrl + A，复制合并(Ctrl + Shift + C)和粘贴。去滤镜>锐化> USM锐化。点击OK。

http://www.missyuan.net/uploads/allimg/101219/234P321b-53.jpg

完成了

http://www.missyuan.net/uploads/allimg/101219/234P33211-0.jpg

晓清 发表于 2011-12-9 20:33:52

虽然是转载的 依然给力

再见，夏日阳光 发表于 2011-12-9 20:36:51

老头子。我还有点兴趣。。。

II.〆鸽子° 发表于 2011-12-10 12:25:54

蛮经典的一个教程。{:2_86:}

云晓月 发表于 2011-12-10 18:57:32

我我我看到这么多步骤我就头大。。。

再见，夏日阳光 发表于 2011-12-11 01:25:29

II.〆萩仴° 发表于 2011-12-10 18:57 static/image/common/back.gif
我我我看到这么多步骤我就头大。。。

月。伺寝　　　　　　

采姑娘的小蘑菇 发表于 2011-12-12 09:15:06

这字体看不懂。。            

再见，夏日阳光 发表于 2012-5-19 01:24:35

都变XX了。

你的伟大的计划呢。不继续了吗。

查看完整版本: [转载]Photoshop制作可爱的糖果条字体效果