首页 > 设计培训 > 正文

Photoshop制作透明的导航按钮 Photoshop制作逼真的咖啡泡沫层效果

2023-09-04 23:50:32 | 素材网

今天,素材网小编为关注设计培训的同学们准备了Photoshop制作透明的导航按钮 Photoshop制作逼真的咖啡泡沫层效果,下面一起来看一下吧。

Photoshop制作透明的导航按钮 Photoshop制作逼真的咖啡泡沫层效果

Photoshop制作透明的导航按钮



1、打开下图所示的背景素材,选择菜单:滤镜 > 模糊 > 高斯模糊,数值稍微大一点,效果如下图。


2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择“合并形状”,勾出底部三角形形状,如下图。

把当前图层填充改为:0%,此时形状的颜色就消失了,但是你会发现形状路径还在。

Photoshop制作透明的导航按钮 Photoshop制作逼真的咖啡泡沫层效果


3、给当前形状添加图层样式,设置:内发光、内阴影,投影,参数及效果如下图。




4、输入想要的文字,文字用白色,再添加投影样式,如下图。

5、按照下面的过程给顶部边框,边角位置增加高光效果。



6、这样一个透明的质感就完成了,导航的技法是一样的。


最终效果:

Photoshop制作透明的导航按钮 Photoshop制作逼真的咖啡泡沫层效果

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

一、观察

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

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

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

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

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

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

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

先做底色。

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

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

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

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

二、开始制作

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

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

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

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

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

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

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

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

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

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

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

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

流程如下:

1、云彩滤镜

以上就是素材网小编为大家带来的Photoshop制作透明的导航按钮 Photoshop制作逼真的咖啡泡沫层效果,希望对大家有帮助,了解更多相关资讯请关注素材网。
与“Photoshop制作透明的导航按钮 Photoshop制作逼真的咖啡泡沫层效果”相关推荐
Photoshop制作水滴效果 Photoshop制作逼真的咖啡泡沫层效果
Photoshop制作水滴效果 Photoshop制作逼真的咖啡泡沫层效果

Photoshop制作水滴效果效果具体的制作步骤如下:1、新建一个500*500像素的文件,背景填充黑色,按D键盘,再执行:滤镜>渲染>云彩:2、执行:滤镜>其他>高反差保留,大概调成这个样子:3、执行:滤镜>素描>图章滤镜,就那两个属性,你慢慢调,调成这个样子:4、这时候边界还有些模糊,再调色阶:5、形状大概出

2023-09-03 00:43:41
Photoshop制作逼真的纸张撕裂效果图 Photoshop制作透明的导航按钮
Photoshop制作逼真的纸张撕裂效果图 Photoshop制作透明的导航按钮

Photoshop制作逼真的纸张撕裂效果图制作步骤1、Ctrl+N新建一个1100×800像素大小的画布,填充背景颜色#9d9d9d;在背景图层的上方新建一层300像素高的色块填充,颜色为#c5c5c5,为该矩形框添加渐变色由黑到白的图层蒙版,使该图层上方与背景层融合;2、在画布中置入一张等待被撕裂的图片;3、Ctrl+T将图片各边进行适当变形处理;4、用多边形套索

2023-06-03 05:46:46
Photoshop制作编织效果的人物 Photoshop制作逼真的咖啡泡沫层效果
Photoshop制作编织效果的人物 Photoshop制作逼真的咖啡泡沫层效果

Photoshop制作编织效果的人物1、找一张人人物图片,一张编织底纹。2、把人物和编织底纹拖到PS里。3、按ctrl+J(拷贝一份底纹),然后往下挪让它拼成一和画面差不多一样大小的,然后选中两个图层按ctrl+t(自由变换),把底纹放大到整个画面,如下图所示。4、按ctrl+E(把底纹合并成一个图层),然后再按ctrl+shift+u(去色),混合模式改为强光,,效果就出来了

2023-08-25 06:32:50
Photoshop制作一个精致的奶瓶 Photoshop制作逼真的咖啡泡沫层效果
Photoshop制作一个精致的奶瓶 Photoshop制作逼真的咖啡泡沫层效果

Photoshop制作一个精致的奶瓶牛奶瓶为玻璃材质,高光区域比较多。制作的时候,先勾出轮廓,填充一些底色;然后由底部慢慢刻画细节,可以用画笔涂抹,也可以用选区来控制范围。最终效果1、新建一个1024*768像素,分辨率为72的文档,背景填充白色。新建一个组,命名为“瓶身”,用钢笔勾出瓶身的轮廓,转为选取后添加图层蒙版,如下图。<图1>2、在组

2023-08-26 20:35:04
Photoshop制作红色水晶纹理字 Photoshop制作逼真的咖啡泡沫层效果
Photoshop制作红色水晶纹理字 Photoshop制作逼真的咖啡泡沫层效果

Photoshop制作红色水晶纹理字最终效果1、首先新建一个1200*600的画布。新建图层,双击打开图层样式,选择渐变叠加,颜色设置如下图。新建一个图层,打开花纹素材,拖进来,混合模式改为“柔光”,不透明度40%。 2、下面制作文字。首先在画布上打出你的文字(点这里下载字体),本例教程以“Happy”为例。然后

2023-09-08 04:28:20
Photoshop制作创意的液化火焰字 Photoshop制作逼真的咖啡泡沫层效果
Photoshop制作创意的液化火焰字 Photoshop制作逼真的咖啡泡沫层效果

Photoshop制作创意的液化火焰字最终效果 <点小图查看大图>1、新建1024*768px大小的文档,设置前景色为#8a0100,背景色为黑色,拉径向渐变。 2、我们打上文字,字体颜色#fcf133,字体选择自己喜欢的即可。 3、选择画笔工具,设置画笔如下。4、右击字体图层,选择创建工作路径,新建图层“描边”图层。5、

2023-09-07 23:44:45
Photoshop制作陆贞传奇签名效果图 Photoshop制作逼真的咖啡泡沫层效果
Photoshop制作陆贞传奇签名效果图 Photoshop制作逼真的咖啡泡沫层效果

Photoshop制作逼真的咖啡泡沫层效果一、观察在动手之前,先观察下要制作的效果有哪些比较需要重点还原的地方,然后在脑海里过一遍操作步骤,会让整个制作流程变简洁很多。这是原图,个人观察到的重点:咖啡色的底色上面有斑驳的色块,毕竟像咖啡这样的液体很难做到非常纯净,这样的效果在制作时适当夸张也是可以的。咖啡上的白泡,集中的地方更偏向纯白色,分散的较薄的地方偏向浅土黄色。越集中的地方气泡

2023-08-20 02:02:24
Photoshop制作水滴效果 Photoshop制作透明的导航按钮
Photoshop制作水滴效果 Photoshop制作透明的导航按钮

Photoshop制作水滴效果效果具体的制作步骤如下:1、新建一个500*500像素的文件,背景填充黑色,按D键盘,再执行:滤镜>渲染>云彩:2、执行:滤镜>其他>高反差保留,大概调成这个样子:3、执行:滤镜>素描>图章滤镜,就那两个属性,你慢慢调,调成这个样子:4、这时候边界还有些模糊,再调色阶:5、形状大概出

2023-08-23 14:30:53