制作写实的咖啡泡沫【PS教程】

今天来个这个超逼真的咖啡泡沫效果图,@冰箱坛子鸦同学不仅将绘制方法分享出来,而且超良心的地方在于,他的教程不仅是简单的执行步骤+参数堆砌,而且每一步,细到每一个滤镜,都有详细的思路分析,真正做到授人以渔!看完你会回来转发的。

惯例先放效果图。

首先想到的是用笔刷和素材,然后看到下面的回复「不为难自己怎么变强」,便又觉得用笔刷会不会过于简单,没解决想要问的问题…… 所以以下流程只用PS默认的圆形笔刷和默认滤镜,不使用纹理素材。反过来,有时候这里的思路可以用在制作纹理素材上。对于国内难于购买到放心的正版纹理素材的环境,多多少少或许会发挥点意义(?)

一、观察

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

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

  1. 咖啡色的底色上面有斑驳的色块,毕竟像咖啡这样的液体很难做到非常纯净,这样的效果在制作时适当夸张也是可以的。
  2. 咖啡上的白泡,集中的地方更偏向纯白色,分散的较薄的地方偏向浅土黄色。越集中的地方气泡越紧致密集,越分散的地方气泡越大。集中的地方是一个类似小山的立体图形稍微有点高度,不是完全的平面。也就意味着要给它背光的地方加上适当的阴影。
  3. 大气泡朝向光的方向有非常小的反光,底下有投在咖啡表面的投影。
  4. 也许是刚被搅拌完,咖啡表面有很浅的螺旋纹,而且咖啡上浮着的油脂还是什么别的东西有环绕延展的趋势。

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

  1. 先做底色。
  2. 做咖啡表面的螺旋纹。(虽然是这么想的,但是我制作时忘了)
  3. 再做色块和碎气泡底色。个人想着色块和碎气泡可以一起做,毕竟色块不是那么明显。
  4. 然后做较集中的气泡底色。把底色挖空就成了气泡的效果。
  5. 最后用滤镜给整体质感进行立体感的处理。

二、开始制作

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

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

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

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

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

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

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

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

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

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

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

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

流程如下:

1)

效果如下:

2)

效果如下:

3)

效果如下:

4)

效果如下:

5)

效果如下:

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

五、做螺旋底纹

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

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

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

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

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

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

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

咖啡的表面做好了,和杯子连接的边缘要柔化一点点,用羽化的魔术棒选取后清除就可以了。
由于杯子不是重点,画的时候也比较随意,就不展开说了。

得到最终效果:

结尾:

这里制作出来的咖啡效果还是有不尽人意的地方,气泡太小,大气泡的数量也不够,油脂的漂移也有点生硬。但是思路上应该就八九不离十了。整个从观察到制作过程大约一个半小时左右。

做素材和图像的时候,其实很多具体的操作是一遍做一遍观察思考随机应变。但是在动手之前,整一个步骤自己还是得先理清楚脉络。比如,我在动手之前虽然并没有想好需要用雕刻效果来做立体感,这里最后发现需要补充上。但是整一个制作的流程是已经根据观察敲定好的。大家制作时也不用一步步跟着,因为有可能在自己观察的时候发现我漏掉的重点,这样做出来的效果应该会更好。

zhihu

文章来源:优设

Photoshop
(0)

相关推荐

  • 制作精致的绿色水晶按钮(ps教程)

    Hello,大家好,今天小编呢给大家带来一例按钮的制作教程,制作之前我们首先要了解他的结构,整个按钮分四部分,并且每部分的制作难度不大,喜欢的小伙伴赶紧打开ps来尝试一下吧~等着大家交作业哦, 桂桂博 ...

  • 制作一个真皮公文包(PS教程)

    公文包构成并不复杂,制作思路也比较简单.过程:先把各部分的轮廓分好层,然后加入纹理素材,根据光源方向设定好暗部及高光区域,做出体积感.边缘部分再用画笔加上装饰线条即可. 最终效果 1.用photosh ...

  • 绘制一枚经典的写实日历图【PS教程】

    写实图标流行时,这几类效果很受欢迎(绳索.金属环.纸边撕裂等),今天这个教程把这些效果全收了,也是以前特别经典的一个日历图标,虽然现在是扁平化时代,不过写实图标这部分,新手最好掌握起来.把这个练完,绝 ...

  • 制作一个镂空图标【ps教程】

    今天教大家制作一个镂空图标,看似简单,实际动起手来却并不容易,密密麻麻的小点并不是任意排列,是有规律可循的.一起来学习下吧~哦,对了,密恐的朋友慎入! 今天的教程来自 P大点S 的 Projava ! ...

  • 如何利用PS制作写实派立体景观(ps教程)

    今天小编带大家进入微缩景观的世界,微缩景观是一种时尚的设计手法.在网页设计,APP设计,UI界面设计,或是icon图标设计中我们经常能看到.那么如何利用ps制作成你心中那虽小但丰富的世界呢?主要掌握两 ...

  • 教你制作可爱的汪星人(PS教程)

    一篇小汪汪的制作教程,简单易学,适合入门练手.通过十个步骤的学习,希望小伙伴可以掌握反光.高光等技巧.同时,制作的过程中,思考光源放在哪个位置会更加合适,在一些细节上如何处理会更加到位,等等.下面我们 ...

  • 绘制精致的写实领带图标(ps教程)

    小编:今天带来的这枚写实领带图标教程简单易学,里面还运用了很多快捷键,写实图标最重要的莫过于细节上的处理啦,大家要耐心的绘制哦,非常适合大家练手>> 最终效果: 新建画布,大小自定. 画一 ...

  • 手把手教你绘制一个写实USB图标(PS教程)

    小编:分享一个写实的USB图标给大家,在制作这个图标的过程中,主要是图层样式的运用!作者cua_cq手把手教,快速上手,包学会. 首先,我们来绘制背景.设置前景色为#c0c0c0,背景色为#a7a7a ...

  • 教你临摹一枚超写实的录音带【PS教程】

    小编:今天解答团的@小桐给大家分享临摹一个写实的录音带.本人一直是一个怀旧的妹子,东西旧了都很少会扔,老是在废物利用中.忽然想到之前翻到的教程是录音机的,差了个录音带~有时候怀旧也是没有坏处,至少知道 ...