教你一招,给图片任意区域设置缩小或放大

原创 收藏 评论
举报 2023-03-07


刚开始画面中有一个人,然后突然镜头拉远,这个人物周边的环境慢慢完整显现,原来这个人在一片荒漠之中……

刚开始画面中是一场激烈的比赛,然后突然镜头拉远,显现全景是人在看电视,而比赛画面是电视中的……
这是电影或电视剧经常使用的一种开篇镜头,由点及面,让观众进入剧情或者出乎意料。

这种镜头拉远的效果其实在图文中也可以实现,点击试试:

GIF2.gif

GIF3.gif

组件:点击-图片缩小(任意设置初始放大区域)

编号:11360(组件)


在 iPaiban Pro 编辑器中选择相应组件后,我们只需上传一张图片,然后框选初始放大的范围,这种效果就制作出来了,非常简单。而且这个初始放大的范围我们可以选择图片上的任意区域,不局限在图片中间。
与之对应的,当然也有模拟镜头推近的效果。找到下图最大的一颗星星,然后点击它,看看上面写着什么:

GIF4.gif

找到花朵,再点击试试:

GIF5.gif

组件:点击-图片放大(任意设置最终放大区域)

编号:11365(组件)

效果在此,相信大家一定可以想到很多创意玩法,在编辑器中搜索相应组件编号即可开始创作。

下面以点击图片缩小(拉远)为例,一起看下视频教程吧:

详细教程:

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

组件:点击-图片缩小(任意设置初始放大区域)

编号:11360(组件)

第1步:选择组件

登录 iPaiban Pro 编辑器后,点击编辑器右侧「组件」按钮,在「点击」-「扩大/缩小」分类中找到「点击-图片缩小(任意设置初始放大区域)」组件,或者直接搜索组件编号11360,点击选择。

第2步:上传图片素材

点击右侧「换图」按钮上传一张全景完整图片。图片在可上传的基础上应尽量保持高清,以便在放大状态下不会显得模糊。

第3步:设置放大显示区域

双击编辑区刚刚上传的图片,调出设置弹窗,弹窗中红色色块即代表放大显示的区域。

先点击一下红色色块,色块将自动调整为与图片同比例大小,然后拖动色块到想要放大显示的区域。设置完毕后,关闭弹窗。

第4步:调整动画时间

在右侧拖动滑杆可调整图片放大或缩小的时间。点击右侧「预览草稿」随时预览效果。

第5步:导入公众号后台

效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。

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

如需局部导入可参考:《SVG交互排版好帮手,iPaiban Pro 小助手更新啦!支持一键下载素材》



制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。


新用户在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。


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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)