用PS和AI制作糖果条字体效果

作者:活力盒 来源:糖糖 更新时间:2010-12-25 20:10:14 点击:

  在本教程中,我们将使用Illustrator和Photoshop创建一个很棒的糖果条字体效果。在学习此PS教程过程中,你将学习如何:创建高级的矢量图案画笔、在Photoshop中订制混合模式、创建阴影和光线、润色照片以适应场景、创建适合图片的背景、使用调整图层。

原文英文教程地址:designioustimes.com 

  最终效果:

d
最终效果图

  步骤1

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

清新糖果!photoshop制作糖果条字体效果
图01

  步骤2

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

清新糖果!photoshop制作糖果条字体效果
图02

  步骤3

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

清新糖果!photoshop制作糖果条字体效果
图03

  步骤4

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

清新糖果!photoshop制作糖果条字体效果
图04

  步骤5

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

清新糖果!photoshop制作糖果条字体效果
图05

 

 

  步骤6

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

清新糖果!photoshop制作糖果条字体效果
图06

  步骤7

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

清新糖果!photoshop制作糖果条字体效果
图07

  步骤8

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

清新糖果!photoshop制作糖果条字体效果
图08

清新糖果!photoshop制作糖果条字体效果
图09

清新糖果!photoshop制作糖果条字体效果
图10

  步骤9

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

清新糖果!photoshop制作糖果条字体效果
图11

清新糖果!photoshop制作糖果条字体效果
图12

  步骤10

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

清新糖果!photoshop制作糖果条字体效果
图13


 

  步骤11

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

清新糖果!photoshop制作糖果条字体效果
图14

  步骤12

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

清新糖果!photoshop制作糖果条字体效果
图15

清新糖果!photoshop制作糖果条字体效果
图16

  步骤13

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

清新糖果!photoshop制作糖果条字体效果
图17

  步骤14

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

清新糖果!photoshop制作糖果条字体效果
图18

  步骤15

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

清新糖果!photoshop制作糖果条字体效果
图19

清新糖果!photoshop制作糖果条字体效果
图20

 

 

清新糖果!photoshop制作糖果条字体效果
图21

  步骤16

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

清新糖果!photoshop制作糖果条字体效果
图22

  步骤17

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

清新糖果!photoshop制作糖果条字体效果
图23

清新糖果!photoshop制作糖果条字体效果
图24

  步骤18

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

清新糖果!photoshop制作糖果条字体效果
图25

  步骤19

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

清新糖果!photoshop制作糖果条字体效果
图26

清新糖果!photoshop制作糖果条字体效果
图27


 

  步骤20

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

清新糖果!photoshop制作糖果条字体效果
图28

  步骤21

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

清新糖果!photoshop制作糖果条字体效果
图29

  步骤22

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

x
图30

ps
图31

  步骤23

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

ps
图32

  步骤24

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

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

ps
图33

 

  步骤25

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

ps
图34

ps
图35

ps
图36

  步骤26

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

ps
图37

  步骤27

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

ps
图38

ps
图39

 

  步骤28

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

ps
图40

ps
图41

ps
图42

ps
图43

ps
图44

 

ps
图45

ps
图46

  步骤29

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

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

ps
图47

  步骤30

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

ps
图48

  步骤31

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

ps
图49

 

  步骤32

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

ps
图50

ps
图51

ps
图52

  步骤33

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

ps
图53

  完成,最终效果:

ps
图54