透明泡泡效果

透明

今天我们要实现的效果,是制作一个透明的泡泡。看看效果,很漂亮,是不是?如果你还满意的话,我们现在就开始吧!
  1.首先,选择一张你喜欢的图片,任何内容都可以。做好备份工作后,用Photoshop打开。常见的泡泡是正圆形的,所以,我们需要用正方形的图片来作为背景。选择裁切工具,按住Shift键,保证裁切选框为正方形,在图像中选择一块区域后裁切。(图01)

最终效果图

图01

  2.由于我们选择的图像比较大,所以需要将图像缩小一些。但背景层是被锁定的,这就需要改变背景的属性。双击背景层,将背景层改为图层,命名为original。用图像大小命令,将图像改为600×600像素大小。复制original,将original层隐藏。当然,你也可以用小一点的图像,但如果要制作大一些的泡泡的话,小图像就不合适了。

  3.选择original副本层,用椭圆选框工具选择一个正圆形,略比图像小一些,选区的大小就是泡泡的大小,将选区移动到画面正中。反选后删除选区内图像,再次反选。(图02)

图02

  4.复制图层,成为original副本2。保持选取,应用扭曲>球面化滤镜,将数量设为50%,模式为正常。按Ctrl+T,将图像缩小为当前大小的85%,取消选择。(图03)

图03

  5.选择图层original,复制,成为original副本3,隐藏除图层original副本3之外的其它所有图层。在图层original副本3内,应用扭曲>极坐标滤镜,将选项设为平面坐标到极坐标;选择original副本的选区,在original副本3内,反选,删除后取消选择。锁定图层内的透明像素,执行高斯模糊命令,半径为1.0像素;将original副本3层向上移动一层,使之在图层面板上的位置位于original副本之上,original副本2之下。(图04)

图04

  6.选择original副本2,复制,成为original副本4,隐藏original副本2,将副本4向下移动一层,锁定图层中的透明像素,高斯模糊,半径为1.0像素;选择original副本2,将图层不透明度减低为50%;将original副本4,副本3与之链接,随后选择original副本3,合并链接图层,将形成的original副本3更名为color1。这时,你的图层面板中应该剩下original层(隐藏),original副本和color1。(图05)

图05

  7.选择original副本,在其上新建一层,命名为bubble,隐藏上面的color1层,载入original副本的不透明选区,在bubble层选区内填充为黑色。保持选区,添加图层蒙版,选择图层缩览图,回到RGB通道,载入bubble层的不透明区域,使用变换选区命令,将选区缩小为当前的75%;选择蒙版通道,打开填充对话框,用灰色填充蒙版选区,不透明度为100%,取消选择,回到RGB通道中。如图06,这时的层面板如图07所示。

图06

图07

  8.复制bubble层,扔掉bubble副本的图层蒙版,将bubble副本向下移动两层,放置在original层(隐藏)之上。回到bubble层中的蒙版通道中,载入当前通道范围,将选区收缩5像素,高斯模糊,半径为5像素,取消选择,回到RGB通道中。将bubble层移动至最顶层,这时的图像看起来和上一步没什么区别。

  9.选择图层bubble副本,复制,将bubble副本2移动到最顶层,锁定图层透明像素,保证其不被移动。按住Shift,用椭圆选框工具在图像右上方选择一个正圆,再用添加到选区的方式增加一个小一点的圆形;新建一层,命名为highlights,将前景色设为白色,背景色设为黑色,用白色填充选区后取消选择。复制当前图层,将副本层水平翻转后再垂直翻转,移动到图像的左下方。选择bubble副本2,链接highlights层和highlights副本层,合并链接图层。(图08)

图08

  10.将bubble副本2设为锁定图层透明像素,执行径向模糊命令,设置数量为10,模糊方法为旋转,品质为最好(这样会增加程序处理图像的时间),中心模糊保持不变;复制当前图层,将bubble副本3的混合模式改为屏幕,执行径向模糊,数量为25,其它保持不变;再次复制当前图层,第三次执行径向模糊,数量为50。将bubble副本4和副本3都与副本2链接起来,拼合链接图层。泡泡的高光形状就完成了。(图09)

图09

 11.载入bubble副本2的不透明选区,建立新层,命名为falloff,设置前景色为一种淡米色RGB(255,255,247),用它在新层中为选区描边,宽度为3像素,位置居内。在选区内应用高斯模糊,半径为5像素。接着反选,删除,再次反选。将falloff层与bubble副本2层链接,选择bubble副本2层,合并链接图层。将bubble副本2层更名为highlights,图层混合模式改为屏幕。复制highlights层,将副本层的混合模式改为颜色减淡,不透明度降低为65%,打开color1层,选择bubble层,锁定图层透明像素,将当前图层的不透明度减低为60%,保持选区。(图10)

图10

  12.新建一层,命名为film,把它移动到最顶层,用100%不透明的灰色填充选区。将背景色设为黑色,前景色保持不变,执行分层云彩滤镜,由于分层云彩具有随机性,所以你可能需要试验,直到得到满意效果,这里,我用了6次分层云彩(图11)。

图11

  接着用艺术效果滤镜中的绘画涂抹,设置画笔大小为8,锐化程度为7,画笔类型为宽锐化;然后用纹理>颗粒滤镜,设置强度为40,对比度为50,颗粒类型为扩大;添加杂色,数量为12.5%,高斯分布;高斯模糊1.3像素;用极坐标滤镜,将平面坐标到极坐标;用风格化滤镜中的照亮边缘,设置边缘宽度为5,亮度为8,平滑度为5;再次应用高斯模糊,半径仍然为1.3像素;接下来,用几次添加杂色命令,均为高斯分布,数量分别为4.44%,1.25%,0.25%,0.25%。这时的效果如图12所示。这一步滤镜比较密集,要有些耐心,不断试验各种数值带来的效果。(图12)

图12

  13.复制film层,隐藏film副本层后,回到film层中,将其图层混合模式改为屏幕,不透明度降低为55%(图13)。

图13

  14.选择film副本层,将其图层混合模式设为屏幕,再次执行极坐标命令,不过这次要选择从极坐标到平面坐标;应用两次分层云彩,执行径向模糊,数量为50,其它设置如前。(图14)

图14

  15.下面再来为泡泡增加一点杂色。在顶层新建一层,命名为noise,用黑色填充选区后,执行添加杂色命令,数量为5.6%,高斯分布。你可能看不出效果,将图层的混合模式设为屏幕后,会发现画面亮度有些提高,并稍有些模糊。(图15)

图15

16.泡泡的内部结构已经完成了,下面要做的是为泡泡添加颜色。不过,在此之前,还有一个步骤能为它的外观增添一些可信度。我们不想要那么清晰的外观,但又不能降低图层的不透明度,所以,这时可以用填充图层来达到目的。在film副本上新建一个填充图层,填充内容选择渐变,在弹出渐变填充对话框中,设置渐变为从前景色到透明的线性渐变,角度为90度,缩放100%,选择与图层对齐;随后,将图层的不透明度降低到35%,将图层更名为bottom lighting。图像边缘会出现杂边,而且在以后的几步中也会出现,不过不用担心,在后面的步骤中,我们会有办法消除它(图16)

图16

  17.用重新选择命令得到选区(在建立了渐变填充图层后,选区会自动取消),在bottom lighting层上再建立一个渐变填充图层,命名为color,将渐变设为从透明到自定义颜色的径向渐变,这里,我们将自定义的颜色设为一种蓝色,RGB(0,114,182),选择与图层对齐。将混合模式设为颜色,不透明度设为20%。这一层是决定泡泡颜色的,你可以使用任意的颜色。(图17)

图17

  18.现在我们来检查一下图像。泡泡中的颗粒大了些,扰乱了画面,所以选择film层,将其不透明度减低到15%;选择film副本层,将其图层不透明度减低为55%(图18);高光部分太亮了,需要降低亮度,选择highlights副本层,锁定图层透明区域,执行高斯模糊,模糊半径为10像素,选择highlights层,锁定图层透明,执行高斯模糊,模糊半径同样为10像素。(图19)

图18

图19

  19.接下来我们要来制作泡泡周围的反光。在highlights层中,载入不透明区域,收缩15像素,羽化一下选区,半径为10像素,反选,再次收缩选区,收缩量为7像素,将选区填充白色;选择highlights副本层,也用白色填充选区,取消选择。(图20)

图20

  20.现在,在拼合图层之前,为你的图像保留一个副本。然后,选择bubble层,将除了隐藏的original层之外的所有图层链接(包括bubble层在内,一共应该有11个图层,从顶端起,分别为noise,color,bottom lighting,film副本,film,highlights副本,highlights,bubble,color1,original副本,bubble副本,如果你的图像与之不符,请检查前面的步骤),拼合链接图层。至此,图像边缘讨厌的杂边终于消失了。接下来,载入图层不透明选区,收缩10像素,反选删除后取消选择。这样,泡泡就做好了!非常完美,不是吗?(图21)

图21

  21.如果你想把它作为一件单独的作品,现在就可以完工了。如果想把它添加到一开始的图像中去,那就打开背景图像,将泡泡移过去,并将图层的不透明度减低到95%。我们的泡泡比较大,这样,你就可以通过不同缩小比例,制作各种大小的泡泡了(图bubble)。这是局部的图像,可以看到边缘的锯齿,但缩小以后就不存在这样的问题了(图22)。同时,在制作的过程中也许有些过程你会认为效果不甚明显,不必要,特别是在缩小之后,那么你可以在图像的精细度和制作速度之间权衡,做出适合你的选择。

图22

时间: 2024-10-27 02:07:41

透明泡泡效果的相关文章

Illustrator制作透明气泡效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作透明气泡效果的教程. 技巧分享:   第一步,如图画一个圆,填背景色加内发光,如图,值根据大小自定.   第二步,加高光区,新建一个白色椭圆,变形如图然后羽化.如图,值自定.   第三步,加底部高光.复制大圆,剪切一部分出来,然后羽化.如图,值自定.   最后一步,打光,选中第一步画的大圆,加个外发光,如图,值自定.   ok!效果完成了,有不足之处请高手指点! 上面的方法有一个小缺陷,当两个泡泡重叠的时候就会看出不是透明的了,那

Photoshop绘制透明玻璃效果按钮

在这一篇教程中,我将教给你怎样在photoshop中创建一个透明玻璃效果的干净的网页用按钮. 在这一篇教程中,我将教给你怎样在photoshop中创建一个透明玻璃效果的干净的网页用按钮. 这就是我们最终的结果.好了,让我们开始吧.在photoshop中新建文档,尺寸为430×430,白色背景. STEP-01 新建图层,命名为 "box".用圆角矩形工具 (U)创建一个圆角矩形.点击ctrl+回车创建选区,填充为白色. STEP-02 给这个形状创建图层属性-渐变叠加,内发光和描边.

可牛影像抠图功能制作漂亮的泡泡效果

今天牛牛和大家分享的是利用可牛影像为大家提供的抠图功能,为图片添加上泡泡效果,这里我们还用到了可牛影像为大家提供的非主流印泡泡饰品;大家一起来动手做一下吧. 效果图 1.打开要做的图片; 2.修改尺寸:点击尺寸,对图片尺寸进行修改到是和大小; 3.添加泡泡饰品:点击饰品-非主流印,第9页,添加泡泡饰品;这里可以对饰品大小及透明度进行调节; 4.抠图:点击抠图,选择形状抠图-圆形抠图.调整抠图大小,使选区与泡泡大小接近; 5.另存为饰品:点击预设与设置,边缘羽化调整为2,描边为最小;点击另存为饰品

PS后期合成让照片透明的效果

  <明天的记忆>模拟双重曝光,后期合成技巧,让照片透明的效果,有距离的感觉,简单粗暴,值得借鉴学习 分类: PS合成图片教程 ps后期处理教程

Photoshop制作超酷的透明立体效果导航条

  本教程主要使用Photoshop制作超酷的透明立体效果导航条,立体效果主要使用图层样式来完成,喜欢的朋友让我们一起来学习吧. 分类: PS入门教程

win7旗舰版没有透明玻璃效果该怎么解决?

  1.第一步首先要确定你的显卡驱动是不是已经安装好了.如果没有安装是无法启用透明玻璃效果的. 2.如果安装了显卡驱动了还是没有,接下来我们打开控制面板. 3.在控制面板右上角里输入aero进行搜索. 4.单击"在windows上启用或禁用透明玻璃效果" 5.单击启用选项,然后保存修改. 6.如果做到这一步仍然不行,最后我们还打开控制面板,搜索aero,单击"检查并修复透明和其它效果存在的问题" 7.单击下一步 8.等待检查结果,一般会解决这个问题

win7旗舰版没有透明玻璃效果怎么办

  有时候我们会遇到装好的win7旗舰版没有透明玻璃的效果,那我们要如何开启呢,接下来就一同跟小编来解决这个问题吧. 1.第一步首先要确定你的显卡驱动是不是已经安装好了.如果没有安装是无法启用透明玻璃效果的. 2.如果安装了显卡驱动了还是没有,接下来我们打开控制面板. 3.在控制面板右上角里输入aero进行搜索. 4.单击"在windows上启用或禁用透明玻璃效果" 5.单击启用选项,然后保存修改. 6.如果做到这一步仍然不行,最后我们还打开控制面板,搜索aero,单击"检查

Activity透明/半透明效果的设置transparent(两种实现方法)_Android

方法一:res/values文件夹下建立styles.xml: 复制代码 代码如下: <?xml version="1.0″ encoding="utf-8″?>  <style name="translucent"><item name="android:windowBackground">@color/translucent_background</item><item name=&quo

imageview-安卓ImageView为什么下面的代码没有起到透明的效果

问题描述 安卓ImageView为什么下面的代码没有起到透明的效果 drawable.mutate().setAlpha(50); ImageView1.setImageDrawable(drawable); drawable.mutate().setAlpha(50); ImageView2.setImageDrawable(drawable); 解决方案 将同一个drawable设置给两个ImageView的话只能对第二个起作用,我刚写了个demo试了下 是可以的,而且触发事件时对drawa