Photoshop制作逼真的咖啡泡沫层效果

2016-02-15 20:11 14 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Photoshop制作逼真的咖啡泡沫层效果吧。

【 tulaoshi.com - PS 】

最终效果

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

一、观察

在动手之前,先观察下要制作的效果有哪些比较需要重点还原的地方,然后在脑海里过一遍操作步骤,会让整个制作流程变简洁很多。

这是原图,个人观察到的重点:

咖啡色的底色上面有斑驳的色块,毕竟像咖啡这样的液体很难做到非常纯净,这样的效果在制作时适当夸张也是可以的。

咖啡上的白泡,集中的地方更偏向纯白色,分散的较薄的地方偏向浅土黄色。越集中的地方气泡越紧致密集,越分散的地方气泡越大。集中的地方是一个类似小山的立体图形稍微有点高度,不是完全的平面。也就意味着要给它背光的地方加上适当的阴影。

大气泡朝向光的方向有非常小的反光,底下有投在咖啡表面的投影。

也许是刚被搅拌完,咖啡表面有很浅的螺旋纹,而且咖啡上浮着的油脂还是什么别的东西有环绕延展的趋势。

于是根据这些制作的内容,拟定制作的步骤:

先做底色。

做咖啡表面的螺旋纹。(虽然是这么想的,但是我制作时忘了)

再做色块和碎气泡底色。个人想着色块和碎气泡可以一起做,毕竟色块不是那么明显。

然后做较集中的气泡底色。把底色挖空就成了气泡的效果。

最后用滤镜给整体质感进行立体感的处理。

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

二、开始制作

先选对底色。(下面的滤镜效果大家根据实际需要调整数值就好。大家做的情况不同,给出指定数值没什么意义。我会把每次使用滤镜的理由都写出来)。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

三、新建图层做色斑和气泡

色斑和气泡边缘都比较柔和,所以把笔刷硬度调到最低,开启用笔压控制透明度。颜色选取比底色明度稍高、色相偏黄作为较稀疏的气泡。(看观察的第二点)

画的方式为中间更集中、透明度更高。边缘分散的地方透明度较低。

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

四、做中间和边缘白色集中的气泡底色。

再这里我参考了一下原图调整了一下底色的颜色。

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

将气泡的底色挖空,就开始有了气泡的效果。挖空的时候注意观察的第二点,集中的区域有几个大气泡,其余都是小气泡,尽量避免过于规律。(在这里又调整了一次颜色)。

然后再背光的方向给白色的气泡加上浅色的阴影,赋予初步的立体感。边缘用之前一直在用的笔刷换成清除模式擦一下,避免过硬。

在这里挖这些细碎的气泡挖得有点累,于是想了一下有没有方法快速挖空大量密集的气泡。

然后想到这么一个方式:用PS自带的渲染云彩制作无序的颜色和明度。然后用杂色搭配阈值给云彩换算成斑点,再用高斯模糊将这些斑点做成柔和的圆斑。然后用通道选取这些斑点制作选区,用选区来挖空气泡图层。

(补充一下想这个方法的思路:首先气泡是在气泡底色上挖空出来的,快速挖空多个地方首先想到就是用选区。那问题就是怎么制作星星点点的选区。气泡不可能是一个硬边的小点,所以这些选区还要带半透明,只能使用通道了。那方向就变成怎样生成有大量柔和密集斑点的一张图来从通道提取选。

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

气泡的位置需要随机生成,在不用素材的前提下只能用云彩来定义随机。然后气泡可以抽象成密集的小点,那杂色+阈值来把云彩换成小斑点肯定是逃不掉了。上面说了气泡边缘需要柔和,因此要将这些小点处理成边缘柔和的小圆点,拉伸放大和高斯模糊都可以做到。)

流程如下:

1、云彩滤镜

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

2、添加杂色

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

3、阈值

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

4、高斯模糊

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

5、反相

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

按着Ctrl单击RGB通道,可以选取画面里所有的白色。保留这个选区到泡沫的图层,就可以点击Delete用来挖空气泡。觉得挖得不够干净,就多点几次Delete。

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

五、做螺旋底纹

这里我用的方法是,保留上面的选区然后填充白色。再对这些白色柔和斑点做螺旋径向模糊。摆正位置。这个层可以使用叠加模式,调透明度后会有淡淡的黄色。

在这个步骤给大的气泡用半透明笔刷加上半透明的反光(要记住光照的方向),在气泡图层下面建一个图层,给气泡在咖啡表面画上浅色的阴影。

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

六、由于看上去气泡过于模糊柔和,直接锐化又不便保留柔和的边缘,于是需要换个方法锐化并且提升细节的立体感,这必须使用滤镜。

给气泡和纹理的图层复制两层:

一层滤镜-其他-高反差保留。目的是只锐化原本锐度就较高的部分。

一层图层用滤镜-风格化-雕刻效果。目的是给细小的气泡和油脂加入非常不显眼的立体感。

颜色处理一下,咖啡的表面就完成了。

咖啡的表面做好了,和杯子连接的边缘要柔化一点点,用羽化的魔术棒选取后清除就可以了。

由于杯子不是重点,画的时候也比较随意,就不展开说了。

得到最终效果:

Photoshop制作逼真的咖啡泡沫层效果,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1563447.html

延伸阅读
完成效果 图02 素材1 图03 素材2 一、 定义刺绣画笔 (1)执行文件\新建菜单命令,设置文件的宽度为250像素、高度为150像素,分辨率为72像素,背景内容为透明,名称为刺绣画笔,来制作定义用的画笔,如图04所示。 图0 4 新建文件 (2)单击工具箱上面的画笔工具,模式为正常,不透明度和流量为100%,打开选项栏中的画笔下拉菜,...
标签: PS PS基础
本教程主要使用Photoshop制作冬季逼真的湖面冰层效果,教程的主要是学习透视相关的使用技巧,这个是系列的教程,会教给大家绘制冰锥、飞雪、积雪、冰霜、冰雹等的高效方法,教程不难,效果逼真,今天是第五个绘制冰层教程,喜欢的朋友一起来学习吧。 先看看效果图 Step 1 按照透视定义水的区域。 Step 2 新建图层,使用矩形选框工具...
标签: PS效果 PS PS基础
本教程介绍非常个性的折叠字的制作方法。大致过程:在制作文字之前,我们需要把逐个把文字分解,每一个字母都需要按照叠纸的顺序去拆分为不同的部分,然后每一部分加行简单的渐变色即可。 最终效果 1、先填充一个背景,颜色为#333333,然后把我们打上字母,自己可以随意,我这里就用了我的域名PSPSD,大家选择字体的时候尽量选择粗矿一...
标签: PS PS基础
我花费了相当长的时间在思考如何在设计中做出无比逼真的阴影。我决定这个周末就要尝试一下。我开始思考怎样做才称得上是最佳的方法,有太多的工作将要动手重新制作。所以我决定尝试一下Photoshop的3D功能。这是最简单、最快捷的方法。效果也非常好。 因此在本教程中我会向大家展示如何使用Photoshop CC的3D功能制作一个带有漂亮和生动的阴影的...
标签: PS PS基础
本教程主要使用Photoshop制作淘宝模特逼真的投影效果,打造逼真的投影曾经一度时间我绞尽脑汁在探究如果制作逼真的模特投影,基于公司不怎么夯实的经济基础。选用的一般的拍摄公司,拍出来的照片没有立体感。看小图还可以,只是没有大气 自然的感觉所以我用万能的ps打造完美的逼真投影。过程也非常久,也要不断去摸索,光线的掌握不是很准确,...

经验教程

393

收藏

42
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部