视频教程链接:https://www.bilibili.com/video/BV1Lu4y1t7FG/
最终的实现效果如下:
前几天刷抖音刷到了玉渊谭天对于电影抽取画面制作“蚊香图”,相关视频片段如下。
这种制作”蚊香图“的特效当时有点触动到到我,根据色彩来分析电影,我觉得思路特别清奇,这是我在学校没有学到的,又觉得很酷,所以我决定尝试一下,能否浮现这样的效果。
可是问题是我没有专业学过这些图像操作,并且每一步,我之前都没有做过。
大致想了一下步骤,我觉得没有设计太难的领域,无非是排列一些图片,更不用说如果之前有人做过这种效果。
而且,我们现在有gpt,它精通于很多领域,实在不行我也可以去求助gpt。所以,我开始了这个过程。
在这个视频中,我会尽可能详细地描述出来我解决何以问题的过程,希望能够给大家以启示。
最开始,我是在网上搜索是否有蚊香图,我的检索关键字是:数据分析,蚊香图,对于视频进行色彩分析。
在必应搜索,google搜索蚊香图,环形排列图片等均无果之后,我又拿着效果图去问bing,结果依旧八竿子打不着,网上没有蚊香图的案例,怪不得视频作者给蚊香图加了一个双引号。
在确定网上没有现成的轮子,只能自己完成后。
我首先理清楚了思路,要解决这个问题的思路。
● https://www.douyin.com/video/7284952319710547234 保存视频
● 读取视频,输出图片集
● 剪切调整图片
○ 但图像并不是我们真正需要的,浅浅学习一下ps的使用,获得了真正图像的像素
● 设计算法圆环嵌套展示图片
● 剪辑设置蒙版做出视频效果
遇到了bug之后自然就是自己修改,比如说我在计算图片环形分布的时候,其实最开始直接问gpt一直给不出正确的答案,你想想一环套一环这个形状对于gpt来说难免有点抽象。
于是我反复观察视频中的细节,决定将问题简化为换出一个环状,仅仅是一个环状分布gpt都给出了很多bug,比如说旋转图片后,图片超出原先范围导致图片有很多黑色,或者是没有加上透明背景,或者是透明背景又覆盖了底层的图像等问题,对于我这个之前没有做过图像的人来说还是没遇到过的,都是一点一点问gpt试探出来的。
这种圆环状分布就是一环一环套出来的,我在解决了上述bug后,有思考如何一环套一环,如何让这些方形的图片恰好放入圆环中,在这里我用假设法验证了一下,假设圆环半径特别大,这个时候就可以将圆环近似看为长方形,所以我将内外半径差定位图片的高。
我们来看下代码:见视频。
经过我的不懈努力终于滑出了这样的图形。
在必应谷歌检索后我发现没有叫蚊香图的案例,所以我决定自己实现一个这样的效果。
通过ps确定图片坐标信息:
在尝试google,问gpt,问bing后我发现我可能并不能清楚的描述清楚我的需求,也有很大的概率网上根本没有这样的教程,所以我决定观察,第一圈4个,然后七个,10个,等差数列,相当于把问题简化为,如何使用python将n张图片排列在内半径为多少,外半径为多少的圆环上?
然后我这样问
不是透明色问题,透明色覆盖问题,通过与gpt的对话都被一一解决,接下来就是确定如何让这些图片不重合
半径太大有间隙,半径太小有重合
观察后发现他的也是有重合的,所以就不再细究
可能还有一定的旋转角度,我们这里也不细究,
我觉得可能就是行列排列更好点,但是这种蚊香图的环形排布更加直观,更具视觉冲击力,如果大家直到深层次原因的话可以赐教一下我。