Photoshop设计教程:咖啡变形文字(3)

图2-58 填充颜色 (14)配合使用工具箱中的钢笔工具、直接选择工具和转换点工具,绘制出如图2-59所示的由字母组成的冒着热气的咖啡路径图形。 图2-59 绘制路径 (15)新建图层3。设置前景色为咖啡色(R:80、G:33、B:5

Photoshop设计教程:咖啡变形文字(2)

图2-50 设置色相/饱和度对话框 (6)新建图层2,使用工具箱中的钢笔工具,在视图中绘制一个咖啡豆路径图形,如图2-51所示。 图2-51 绘制路径 (7)按下键,将路径转换为选区。然后使用黑色填充选区。在选区浮动状态下,

Photoshop设计教程:咖啡变形文字(3)插图

图2-58 填充颜色

(14)配合使用工具箱中的“钢笔”工具、“直接选择”工具和“转换点”工具,绘制出如图2-59所示的由字母组成的冒着热气的咖啡路径图形。

Photoshop设计教程:咖啡变形文字(3)插图(1)

图2-59 绘制路径

(15)新建“图层3”。设置前景色为咖啡色(R:80、G:33、B:5),按下键,将路径转换为选区。然后使用前景色填充选区,并取消选区。如图2-60所示。

Photoshop设计教程:咖啡变形文字(3)插图(2)

图2-60 填充颜色

(16)使用工具箱中的“矩形选框”工具,在视图中绘制多个矩形选区,如图2-61所示。然后单击“图层”调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中选择“色相/饱和度”命令,打开“色相/饱和度”对话框。如图2-62所示设置对话框,完成后关闭对话框。

Photoshop设计教程:咖啡变形文字(3)插图(3)

Photoshop设计教程:咖啡变形文字(3)插图(4)

图2-61 绘制选区 图2-62 设置“色相/饱和度”对话框

(17)单击“图层”调板底部的“添加图层样式”按钮,在弹出的菜单中选择“斜面和浮雕”命令,打开“图层样式”对话框。参照图2-63出示对话框进行设置,为图像添加立体效果。

Photoshop设计教程:咖啡变形文字(3)插图(5)

图2-63 设置图层样式

(18)使用前面操作方法,在视图底部绘制矩形选区。并使用“色相/饱和度”命令对选区内的图像进行调整,如图2-64所示。

Photoshop设计教程:咖啡变形文字(3)插图(6)

图2-64 设置“色相/饱和度”对话框

(19)最后在视图中添加相关的文字信息,完成整个实例的制作,如图2-65所示。如果读者在制作过程中遇到什么问题,可打开本书附带光盘\Chapter-02\“咖啡字.psd”文件进行查看。

Photoshop设计教程:咖啡变形文字(3)插图(7)

图2-65 实例完成效果

Photoshop设计教程:咖啡变形文字(3)插图(8)

图2-50 设置“色相/饱和度”对话框

(6)新建“图层2”,使用工具箱中的“钢笔”工具,在视图中绘制一个咖啡豆路径图形,如图2-51所示。

Photoshop设计教程:咖啡变形文字(3)插图(9)

图2-51 绘制路径

(7)按下键,将路径转换为选区。然后使用黑色填充选区。在选区浮动状态下,选择菜单栏中的“编辑”\“定义画笔预设”命令,打开“画笔名称”对话框。保持默认设置,单击“好”按钮,关闭对话框。最后取消选区。

(8)在“图层”调板中,将“图层2”删除。单击调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中选择“色相/饱和度”命令,打开“色相/饱和度”对话框。参照图2-52所示设置对话框,设置完毕后,关闭对话框。

Photoshop设计教程:咖啡变形文字(3)插图(10)

图2-52 设置“色相/饱和度”对话框

(9)接着使用黑色对该图层的图层蒙版进行填充,使图像的颜色回到原来状态。然后设置前景色为白色,选择工具箱中的“画笔”工具,再选择前面自定义的笔刷,在“画笔”调板中设置笔刷的动态形状,如图2-53所示。

Photoshop设计教程:咖啡变形文字(3)插图(11)

图2-53 设置“画笔”调板

(10)在视图中进行绘制,在绘制的时候尽量随意一些。读者也可参照图2-54所示进行绘制。

Photoshop设计教程:咖啡变形文字(3)插图(12)

图2-54 绘制底纹背景

(11)选择工具箱中的“多边形套索”工具,在视图的底部绘制出如图2-55所示选区。然后单击“图层”调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中选择“色相/饱和度”命令,打开“色相/饱和度”对话框。参照图2-56所示设置对话框。降低选区内图像的色调。

Photoshop设计教程:咖啡变形文字(3)插图(13)

Photoshop设计教程:咖啡变形文字(3)插图(14)

图2-55 绘制选区 图2-56 设置“色相/饱和度”对话框

(12)新建“图层2”,使用工具箱中的“椭圆选区”工具,在视图中绘制椭圆选区。然后在视图的任意位置右击鼠标,在弹出的快捷菜单中选择“变换选区”命令。这时选区的周围出现变换框,将鼠标移动到变换框的外侧,对选区进行旋转操作。调整完毕后,按下 键,完成变换选区操作,如图2-57所示。

Photoshop设计教程:咖啡变形文字(3)插图(15)

图2-57 调整选区

(13)设置前景色为黄色(R:223、G:165、B:68),然后按下键,使用前景色填充选区,接着按下键,取消选区,如图2-58所示。

 咖啡变形文字是将英文单词“coffee”(咖啡)经过变形后组织成一个咖啡杯的图形,形成既是文字又是图案的图像效果。

完成效果。

Photoshop设计教程:咖啡变形文字(3)插图(16)

图2-44 完成效果

技术提示

咖啡变形文字的制作过程是使用“钢笔”等路径绘制工具绘制出文字的变形效果,同时也是咖啡杯的图形效果,然后将路径转换为选区,再为选区填充上颜色,制作步骤如图2-45所示。

Photoshop设计教程:咖啡变形文字(3)插图(17)

图2-45 制作概览

制作步骤

(1)启动Photoshop,选择菜单栏中的“文件”\“新建”命令,打开“新建”对话框,参照图2-46所示设置对话框。设置完毕后,单击“好”按钮,创建一个新文档。

Photoshop设计教程:咖啡变形文字(3)插图(18)

图2-46 设置“新建”对话框

(2)单击“图层”调板底部的“创建新的图层”按钮,新建“图层1”。设置前景色为褐色(R:177、G:128、B:69)。按下键,使用前景色填充“图层1”,如图2-47所示。

Photoshop设计教程:咖啡变形文字(3)插图(19)

图2-47 填充颜色

(3)选择菜单栏中的“滤镜”\“杂色”\“添加杂色”命令,打开“添加杂色”对话框。参照图2-48所示设置对话框,设置完毕后,单击“好”按钮关闭对话框。

Photoshop设计教程:咖啡变形文字(3)插图(20)

图2-48 设置“添加杂色”对话框

(4)执行“滤镜”\“模糊”\“动感模糊”命令,打开“动感模糊”对话框。如图2-49所示设置对话框,为图像添加模糊效果。

Photoshop设计教程:咖啡变形文字(3)插图(21)

图2-49 设置“动感模糊”对话框

(5)按下键,打开“色相/饱和度”对话框。参照图2-50所示设置对话框,增强图像的明度。

 咖啡变形文字是将英文单词“coffee”(咖啡)经过变形后组织成一个咖啡杯的图形,形成既是文字又是图案的图像效果。

完成效果。

Photoshop设计教程:咖啡变形文字(3)插图(16)

图2-44 完成效果

技术提示

咖啡变形文字的制作过程是使用“钢笔”等路径绘制工具绘制出文字的变形效果,同时也是咖啡杯的图形效果,然后将路径转换为选区,再为选区填充上颜色,制作步骤如图2-45所示。

Photoshop设计教程:咖啡变形文字(3)插图(17)

图2-45 制作概览

制作步骤

(1)启动Photoshop,选择菜单栏中的“文件”\“新建”命令,打开“新建”对话框,参照图2-46所示设置对话框。设置完毕后,单击“好”按钮,创建一个新文档。

Photoshop设计教程:咖啡变形文字(3)插图(18)

图2-46 设置“新建”对话框

(2)单击“图层”调板底部的“创建新的图层”按钮,新建“图层1”。设置前景色为褐色(R:177、G:128、B:69)。按下键,使用前景色填充“图层1”,如图2-47所示。

Photoshop设计教程:咖啡变形文字(3)插图(19)

图2-47 填充颜色

(3)选择菜单栏中的“滤镜”\“杂色”\“添加杂色”命令,打开“添加杂色”对话框。参照图2-48所示设置对话框,设置完毕后,单击“好”按钮关闭对话框。

Photoshop设计教程:咖啡变形文字(3)插图(20)

图2-48 设置“添加杂色”对话框

(4)执行“滤镜”\“模糊”\“动感模糊”命令,打开“动感模糊”对话框。如图2-49所示设置对话框,为图像添加模糊效果。

Photoshop设计教程:咖啡变形文字(3)插图(21)

图2-49 设置“动感模糊”对话框

(5)按下键,打开“色相/饱和度”对话框。参照图2-50所示设置对话框,增强图像的明度。

Photoshop设计教程:咖啡变形文字(3)插图(8)

图2-50 设置“色相/饱和度”对话框

(6)新建“图层2”,使用工具箱中的“钢笔”工具,在视图中绘制一个咖啡豆路径图形,如图2-51所示。

Photoshop设计教程:咖啡变形文字(3)插图(9)

图2-51 绘制路径

(7)按下键,将路径转换为选区。然后使用黑色填充选区。在选区浮动状态下,选择菜单栏中的“编辑”\“定义画笔预设”命令,打开“画笔名称”对话框。保持默认设置,单击“好”按钮,关闭对话框。最后取消选区。

(8)在“图层”调板中,将“图层2”删除。单击调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中选择“色相/饱和度”命令,打开“色相/饱和度”对话框。参照图2-52所示设置对话框,设置完毕后,关闭对话框。

Photoshop设计教程:咖啡变形文字(3)插图(10)

图2-52 设置“色相/饱和度”对话框

(9)接着使用黑色对该图层的图层蒙版进行填充,使图像的颜色回到原来状态。然后设置前景色为白色,选择工具箱中的“画笔”工具,再选择前面自定义的笔刷,在“画笔”调板中设置笔刷的动态形状,如图2-53所示。

Photoshop设计教程:咖啡变形文字(3)插图(11)

图2-53 设置“画笔”调板

(10)在视图中进行绘制,在绘制的时候尽量随意一些。读者也可参照图2-54所示进行绘制。

Photoshop设计教程:咖啡变形文字(3)插图(12)

图2-54 绘制底纹背景

(11)选择工具箱中的“多边形套索”工具,在视图的底部绘制出如图2-55所示选区。然后单击“图层”调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中选择“色相/饱和度”命令,打开“色相/饱和度”对话框。参照图2-56所示设置对话框。降低选区内图像的色调。

Photoshop设计教程:咖啡变形文字(3)插图(13)

Photoshop设计教程:咖啡变形文字(3)插图(14)

图2-55 绘制选区 图2-56 设置“色相/饱和度”对话框

(12)新建“图层2”,使用工具箱中的“椭圆选区”工具,在视图中绘制椭圆选区。然后在视图的任意位置右击鼠标,在弹出的快捷菜单中选择“变换选区”命令。这时选区的周围出现变换框,将鼠标移动到变换框的外侧,对选区进行旋转操作。调整完毕后,按下 键,完成变换选区操作,如图2-57所示。

Photoshop设计教程:咖啡变形文字(3)插图(15)

图2-57 调整选区

(13)设置前景色为黄色(R:223、G:165、B:68),然后按下键,使用前景色填充选区,接着按下键,取消选区,如图2-58所示。

Photoshop设计教程:咖啡变形文字(3)插图

图2-58 填充颜色

(14)配合使用工具箱中的“钢笔”工具、“直接选择”工具和“转换点”工具,绘制出如图2-59所示的由字母组成的冒着热气的咖啡路径图形。

Photoshop设计教程:咖啡变形文字(3)插图(1)

图2-59 绘制路径

(15)新建“图层3”。设置前景色为咖啡色(R:80、G:33、B:5),按下键,将路径转换为选区。然后使用前景色填充选区,并取消选区。如图2-60所示。

Photoshop设计教程:咖啡变形文字(3)插图(2)

图2-60 填充颜色

(16)使用工具箱中的“矩形选框”工具,在视图中绘制多个矩形选区,如图2-61所示。然后单击“图层”调板底部的“创建新的填充或调整图层”按钮,在弹出的菜单中选择“色相/饱和度”命令,打开“色相/饱和度”对话框。如图2-62所示设置对话框,完成后关闭对话框。

Photoshop设计教程:咖啡变形文字(3)插图(3)

Photoshop设计教程:咖啡变形文字(3)插图(4)

图2-61 绘制选区 图2-62 设置“色相/饱和度”对话框

(17)单击“图层”调板底部的“添加图层样式”按钮,在弹出的菜单中选择“斜面和浮雕”命令,打开“图层样式”对话框。参照图2-63出示对话框进行设置,为图像添加立体效果。

Photoshop设计教程:咖啡变形文字(3)插图(5)

图2-63 设置图层样式

(18)使用前面操作方法,在视图底部绘制矩形选区。并使用“色相/饱和度”命令对选区内的图像进行调整,如图2-64所示。

Photoshop设计教程:咖啡变形文字(3)插图(6)

图2-64 设置“色相/饱和度”对话框

(19)最后在视图中添加相关的文字信息,完成整个实例的制作,如图2-65所示。如果读者在制作过程中遇到什么问题,可打开本书附带光盘\Chapter-02\“咖啡字.psd”文件进行查看。

Photoshop设计教程:咖啡变形文字(3)插图(7)

图2-65 实例完成效果

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部