欢迎访问自学路径

您尚未登录

登录后即可免费访问自学内容

点击登录

PS教程!加个液态气泡让你的海报立马变潮

时间:2021-12-10
B站视频:av759974604
类别:PS教程
水平:普通
观众:8.6w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

PS教程!加个液态气泡让你的海报立马变潮

教程作者:做设计的小肥肥优设基础营就业衔接班讲师)

交作业去这里→#优设每日作业#

关于教程

​​液态气泡是最近非常流行的视觉效果,英文名是Liquid bubble。效果非常酷炫,把它作为画面主视觉,是一个非常好的选择。

PS教程!加个液态气泡让你的海报立马变潮

这期文章由「设计师就业衔接班」讲师@做设计的小肥肥 带大家学会这种效果!

PS教程!加个液态气泡让你的海报立马变潮

画面中添加液态气泡,既能保证信息的识别度,同时,使画面更具有视觉冲击力和空间感。而且将气泡安排在重点信息部位,还能起到凸出强调信息的作用。

如何制作液态气泡效果呢?我们先分析下气泡的特征!

一、案例分析

PS教程!加个液态气泡让你的海报立马变潮

通过观察上述例图可以发现,液态气泡具有以下特征:

  1. 气泡中间透明,透出背后的文案或图形;
  2. 气泡后方的文字产生扭曲畸变效果;
  3. 气泡整体形状扭曲,但是弧度比较柔和;
  4. 气泡边缘颜色丰富,并且有明暗变化,体现了光影折射感。

掌握这些特征之后,再制作气泡效果就非常方便了,接下来我们进入制作步骤。

二、基础形状绘制

2-1 首先画一个圆,然后添加渐变叠加。

PS教程!加个液态气泡让你的海报立马变潮

2-2 接着添加斜面浮雕,制作边缘的颜色变化。

PS教程!加个液态气泡让你的海报立马变潮

2-3 这时边缘的颜色变化还不够丰富,所以我们可以设置下等高线,让边缘转折起伏变化更多。

PS教程!加个液态气泡让你的海报立马变潮

2-4 现在已经有了基础的底色,接下来制作水泡透明的感觉。

三、气泡透明感制作

3-1 先按住【Ctrl】,鼠标左键点击椭圆图层缩略图得到选区,然后添加蒙版。

PS教程!加个液态气泡让你的海报立马变潮

3-2 接着解开图层和蒙版的关联锁,然后选中蒙版,【Ctrl+T】缩小一点。

PS教程!加个液态气泡让你的海报立马变潮

3-3 接着选中蒙版,【Ctrl+I反相】。并稍微调整羽化。

PS教程!加个液态气泡让你的海报立马变潮

3-4 这时候边缘变化还很生硬,接下来选中【柔边画笔】,颜色选择白色。不透明度调低,在边缘随机涂抹。

PS教程!加个液态气泡让你的海报立马变潮

3-5 按住【Alt】点击蒙版可以进入蒙版视图,大概是这样的效果。具体细节可以根据实际效果调整。

PS教程!加个液态气泡让你的海报立马变潮

3-6 到这里我们水泡基础型就做好了,然后选中图层【右键-转化为智能对象】。放进我们准备好的版面中。

PS教程!加个液态气泡让你的海报立马变潮

四、为气泡增加扭曲真实感

4-1 这时候的水泡形状还比较死板,我们可以对水泡【Ctrl+T】自由变换,右键-变形,拉动变形网格对水泡进行简单的扭曲。

PS教程!加个液态气泡让你的海报立马变潮

4-2 复制并调整成不同的大小形状,放在合适的位置。注意大小差异可以大一些。

PS教程!加个液态气泡让你的海报立马变潮

五、制作文字折射效果

5-1 接着做水泡后文字畸变的效果。先把版面整体转化为智能对象,然后点击【滤镜-液化】。使用【膨胀工具】涂抹,将有水泡的部分都做出膨胀畸变的效果。

PS教程!加个液态气泡让你的海报立马变潮

5-2 选中滤镜蒙版,【Ctrl+i】反相成黑色,然后用白色画笔,在水泡部分涂抹。这样就只有水泡里面有变形,外面就没有了。

PS教程!加个液态气泡让你的海报立马变潮

5-3 同样的方法,换个底色或者换个排版,又是不一样的效果啦。

PS教程!加个液态气泡让你的海报立马变潮PS教程!加个液态气泡让你的海报立马变潮

好啦,文章到此就结束啦!同样的方法,我们还能做出以下类型。

PS教程!加个液态气泡让你的海报立马变潮 PS教程!加个液态气泡让你的海报立马变潮

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

附件下载

文件名 文件大小 提取码 下载来源
教程源文件素材17 MBauu4 点此复制 登录下载
258 收藏 868

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 13

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了
/

支持键盘 ← → 键翻阅图片