图片太单调?加个滤镜遮罩试试!

原创 收藏 评论
举报 2024-08-06


在Ps软件中,设计师经常使用混合模式的各种滤镜,把图片创作为自己想要的效果。

而其实,无需Ps,排版时直接使用 iPaiban Pro 编辑器就能给图片添加滤镜遮罩
我们先看最近被问到的一个案例,上滑试试:

 1.gif

*素材来自FILAFUSION《「DONG」破界而至》

组件:单层滑动-上滑(支持多张)

编号:10200(组件)

组件:差值滤镜遮罩

编号:11906(组件)


这就是给上滑效果添加了一个「差值滤镜遮罩」,使得上滑时滑动图产生有趣的颜色变化。
在Ps中,差值模式是用当前图层的像素减去底层图像的像素,得到一种反转的效果,常用于制作特殊的纹理、对比效果或一些特殊的艺术效果。
类似的还有「叠加滤镜遮罩」,看看效果:

2.gif

*素材来自On昂跑《这个夏天,就等这局》

组件:自动-图片差速轮播(向左)

编号:11624(组件)

组件:叠加滤镜遮罩

编号:11907(组件)


在Ps中,叠加模式可以使图像的饱和度及对比度得到相应的提高,使图像看起来更加鲜亮。
后面 iPaiban Pro 还会上线更多不同模式的滤镜遮罩,大家可以期待一下,有想要的效果滤镜也可以留言说下,将会优先开发上线哦。
下面以案例1的排版为例,一起看下怎么使用「差值滤镜遮罩」吧。


详细教程:


工具:iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com

组件:差值滤镜遮罩

编号:11906(组件)


第1步:制作想要的交互效果


遮罩,在排版中显示的高度同样为零,用作做前边组件的前景。所以在使用遮罩相关组件时,需要先制作好遮罩下方的交互效果。
本文案例1中滤镜遮罩下方的效果为单层图片上滑效果。


①登录 iPaiban Pro 编辑器后,点击编辑器左侧「组件」按钮,搜索组件编号10220或按照分类找到「单层滑动-上滑(支持多张)」组件,点击选择。


②在右侧按照组件要求上传图片素材。其他效果组件可能还需要调整参数。

第2步:添加滤镜遮罩
①在组件「特殊」分类中找到「差值滤镜遮罩」组件,或者直接在搜索框中搜索组件编号11906,点击选择。

②点击右侧「换图」按钮,上传准备好的遮罩图。图片尺寸需要和前面效果组件的显示图片尺寸保持一致。

上传后,遮罩图将会自动覆盖在前面组件的图片上方。
第3步:导入到公众号后台
点击「预览草稿」可在编辑器中扫码预览效果,效果满意后点击「同步至微信后台」就可以了。

使用同步功能无需频繁在编辑器和微信后台切换,同步成功后可以立即扫描二维码查看。


本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)