当前位置: 首页 > 优图知识库  > PS教程 > ps文字特效

photoshop制作立体涂鸦文字效果

2019/1/5 20:09:32 人评论

教你用photoshop制作立体涂鸦文字效果

这篇教程教优图宝的朋友们用photoshop制作立体涂鸦文字效果,教程制作难度中等。主要通过一些素材和文字的线稿来完成这个作品。思路值得学习。希望优图宝的朋友们喜欢。先来看看最终的效果图:photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程

UTOBAO编注:更多照片处理教程学习及作业提交请到ps文字特效栏目:http://www.utobao.com/news/56.html

看到效果先别忙跟着教程做
首先我们自己脑海里要好好想想
如果是你,这个效果该怎么去做。
看完这个教程,希望你能学习到这些思路

第一步:找文字素描素材或自己绘制
线稿是这个效果的主体部分,那去哪里找呢?
作者使用的素材来自他的朋友Sempai-tem
当然,你完全可以自己画,如果自己画画好的话。

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程111

找到线稿之后,把线稿转化成你需要做的图片大小这很重要,比如原线稿图片很小
而你要做的效果图片比较大。这里给你几个工具可选:钢笔工具、笔刷、AI等等。
所以,第一步,作者使用笔刷重新描画了原稿。
新建文档2000×3000,背景颜色 黑色

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程212

新建一层,选择笔刷(B)
大小3px 颜色 白色

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程312

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程411

在文字的顶部,我们将画一些波浪线条。
如果你波浪线条看上去比较粗糙。
恩,很好,那就是我们要做的。

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程72_ueditor_page_break_tag_

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程511

添加一些阴影也是不错的选择,那样也方便决定后面的光线方向。
而且画上去效果也不错的说

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程82

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程63

现在要给我们的文字添上颜色了
立体效果由这开始
新建一层,选择笔刷

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程92

我们要表达的主题是水,所以颜色我建议使用蓝色
文字的中间部分使用浅蓝色,上下部分可以使用深一些的蓝
记得,颜色别超出了文字内部

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程102

新建一层,使用相同的笔刷在相应地方添加阴影,模式选择正片叠底

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程112_ueditor_page_break_tag_

第二步:添加富有生气的素材
现在可以给我们的文字添加一些有趣的元素了。

http://www.sxc.hu/photo/1106518

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程122

下好素材,拉进工作文档
你可以自由的调整他们的位置,大小
使用蒙版或橡皮工具把不需要的擦去
记得别超出了字体的框架

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程132

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程142

重复这些步骤,把其他你喜欢的素材也加上去

http://www.sxc.hu/photo/289370

http://www.sxc.hu/photo/703374

http://www.sxc.hu/photo/785400

http://www.sxc.hu/photo/205441

http://www.sxc.hu/photo/1224059

http://www.sxc.hu/photo/902726

http://www.sxc.hu/photo/550988

http://www.sxc.hu/photo/520853

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程152-500x282

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程162

现在,我们可以添加一些绚丽的鱼和其他动物
当然还是先得找好素材
也需要把鱼抠出来(至于什么抠图工具看你自己熟练用哪个了)
鱼:http://www.sxc.hu/browse.phtml?f=download&id=226753

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程172

当鱼扣出来拉进工作文档以后
你可以使用各种调整工具调节鱼的颜色,对比度,以使得鱼更融入整个图片。

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程182_ueditor_page_break_tag_

将鱼放置好位置

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程192

下面这个海星也不错

http://www.sxc.hu/photo/204970

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程202

这个简单背景的图片选择魔术棒工具(W)抠图是最方便快捷的
记得别把海星的阴影也选中。

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程213
小海星抠出来后,自由变换(CTRL+T)调整好它的位置,大小
作者在放置好海星后,又使用了笔刷工具在海星的附着点绘制了一些线条

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程222

现在,我们只要重复这些步骤就可以处理其他的修饰元素了

http://www.sxc.hu/photo/204974

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程232

下面的素材你也许能用得上
• http://www.sxc.hu/photo/226751
• http://upload.wikimedia.org/wikipedia/commons/2/29/Clown_Fish_Swimming.jpg
• http://media.bigoo.ws/content/layout/animal/animal_118.jpg
• http://fc00.deviantart.net/fs11/i/2006/248/7/d/Fish_Stock_2_by_Shoofly_Stock.jpg
• http://www.sxc.hu/pic/l/t/tu/tuareq/792375_27502743.jpg
• http://www.sxc.hu/browse.phtml?f=download&id=857013
• http://www.sxc.hu/browse.phtml?f=download&id=226753
• http://www.sxc.hu/photo/927132
• http://www.sxc.hu/photo/927134
• http://www.sxc.hu/photo/1226849
• http://www.sxc.hu/photo/234636
• http://www.sxc.hu/photo/843107
• http://www.sxc.hu/photo/131047
• http://www.sxc.hu/photo/848544
• http://www.sxc.hu/photo/1059950

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程242

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程252_ueditor_page_break_tag_

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程262

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程272

第三步:背景制作
背景素材:http://www.sxc.hu/photo/1152037

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程282

将背景图片拉进工作文档,建立一个蒙版,并把蒙版填充黑色
使用白色画笔,选择喷溅笔刷(只能自己网上下载了)
在蒙版上作用,怎么画随你自己发挥了

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程293

现在我们可以添加一些飞溅的水

http://www.sxc.hu/photo/1152037

使用椭圆选取工具选择水的上部分并复制出来

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程302

将选好的水拉进文档,改混合模式为“滤色”调整大小和位置

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程313

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程322

其他的素材如法炮制

http://www.sxc.hu/photo/884261

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程332_ueditor_page_break_tag_

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程341

下面这些液滴素材也许也能用的上
• http://www.sxc.hu/photo/1104885
• http://www.sxc.hu/photo/1104884
• http://www.sxc.hu/photo/1180590
记得,有颜色的液滴素材先去掉颜色(ctrl+shift+U)

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程381

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程391

OK
搞定了,希望大家能喜欢这个教程。如果你有什么没明白的地方,别犹豫,直接联系我们!
不能保证解答完全正确,但会尽我们的能力!哈哈
photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程352

photoshop制作立体涂鸦文字效果 优图宝 PS文字效果教程362

UTOBAO编注:更多照片处理教程学习及作业提交请到ps文字特效栏目:http://www.utobao.com/news/56.html

相关资讯

    暂无相关的数据...