5 怎么上下分屏_抖音三宫格视频怎么制作?

很多朋友都问猫叔,抖音上的九宫格 三宫格视频怎么制作出来的,有多大V 的视频有4宫格的特效或者6宫格。三连拍三个画面怎么拍摄 其实这些都非常简单,只要我们掌握了以下几个技巧。我们也能制作出播放量大的高质量的视频。

我是花猫大叔,专注于手机短视频制作与剪辑,分享短视频上热点技术。

我们今天使用的是巧影这款软件,(这个是收费的, 我这里免费版的)

第一步:首先打开我们软件:新建项目

打开巧影,会自动进入横屏模式,非常方便操作

a4354035c961b2337f3d934b194ae3a4.png

选择 9:16的视频比例,抖音快手的视频 一般都选择9:16.

b7ac8f81a6a18f9c8dac6ea06a8d2b56.png

第二步: 开始制作 3宫格的背景图,分层模式启动

选择 左边的 “层”按钮, 然后点击“媒体” 选择 “背景”

9ca21f2ccad19fc1953bc498046606ef.png

997311b55100aa1720372f9f5f48cec5.png

然后接着再 选择“层”-》 “媒体”-》 选择 左边的格式“分屏” 然后选中 “左右分屏”模式。

a1c37be3675be41beadb12eb40d47e20.png

这已经做好了2个分屏效果,如果你想做三宫格的,那么请继续往下看。

be99d9bb82a308b077cc651aaa027b95.png

上图就是左右分屏的效果。

再接着 刚才添加分层的步骤继续添加一个“层”-》 “媒体” 选择上下分屏, 如下图所示:

bb72bb43f96167ec78daaabcb59de997.png

花猫大叔已经把三宫格的框架搭建好了,接下来就是往里边添加视频或者图片内容了。

第三步:添加三宫格的视频

选择“层” -》“媒体” 然后添加视频, 这个时候视频是可以左右上下拖动的放大缩小的, 调整好视频的位置。 接着这个步骤天剑第二个视频,第三个视频, 好了这样我们就只做好了一个三宫格的视频了,按照同样的思路,你可以制作9宫格,6宫格之类的作品。

541d9b282ebec60524bc12518dc340bc.png

1b344406884e45cd8fe9479884259f51.png

原创不易,希望得到你的支持,多多点赞哦。

7ffa1866d79760d418abdc69075a7c85.png
三连拍三个画面怎么拍摄https://www.zhihu.com/video/1168298385185574912
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现jsp视频播放四宫,您可以按以下步骤操作: 1. 在jsp页面中添加一个包含四个视频播放器的div容器,设置样式为四宫布局。 2. 使用HTML5的video标签嵌入四个视频,设置每个视频的src属性为对应视频的URL地址。 3. 使用JavaScript编写代码,实现四个视频的同时播放和暂停,以及点击一个视频时,其他三个视频暂停的功能。 以下是实现四宫视频播放的示例代码: ```html <!DOCTYPE html> <html> <head> <title>四宫视频播放</title> <style> .grid-container { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-gap: 10px; } .grid-item { border: 1px solid #ccc; padding: 10px; } </style> </head> <body> <div class="grid-container"> <div class="grid-item"> <video id="video1" width="320" height="240" controls> <source src="video1.mp4" type="video/mp4"> </video> </div> <div class="grid-item"> <video id="video2" width="320" height="240" controls> <source src="video2.mp4" type="video/mp4"> </video> </div> <div class="grid-item"> <video id="video3" width="320" height="240" controls> <source src="video3.mp4" type="video/mp4"> </video> </div> <div class="grid-item"> <video id="video4" width="320" height="240" controls> <source src="video4.mp4" type="video/mp4"> </video> </div> </div> <script> var video1 = document.getElementById("video1"); var video2 = document.getElementById("video2"); var video3 = document.getElementById("video3"); var video4 = document.getElementById("video4"); video1.addEventListener("play", function() { video2.pause(); video3.pause(); video4.pause(); }); video2.addEventListener("play", function() { video1.pause(); video3.pause(); video4.pause(); }); video3.addEventListener("play", function() { video1.pause(); video2.pause(); video4.pause(); }); video4.addEventListener("play", function() { video1.pause(); video2.pause(); video3.pause(); }); </script> </body> </html> ``` 在上面的示例代码中,我们使用了HTML5的video标签嵌入了四个视频,使用了CSS的grid布局实现了四宫的布局。同时,使用了JavaScript编写了代码,实现了四个视频的同时播放和暂停,以及点击一个视频时,其他三个视频暂停的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值