图标和文字跟着div比例放大缩小_pr怎么把视频放大?在pr中如何将视频放大?...


使用pr将视频放大的教程:

步骤1:将剪辑添加到时间线

6d02f30f1bb81d3e9f70707d2fbad2ff.png

要在Premiere Pro中创建缩放效果,我们将使用关键帧作为缩放和位置参数。

首先,让我们开始将图像或素材添加到Premiere Pro时间轴中。

步骤2:将关键帧添加到比例和位置

b4300f12743ae35c556351da84854132.png

接下来,选择剪辑,我们将导航到剪辑的第一帧。这将是我们的第一个关键帧的放置位置。在我们的效果控件窗口中,单击SCALE 和POSITION 参数旁边的秒表图标。您刚刚添加了第一个关键帧以用于剪辑的比例和位置。

第3步:创建和优化缩放

a4016e615305f62792e9902d99e8f19b.png

单击并启用秒表中的参数后,Premiere将在调整参数时自动添加关键帧。因此,我们现在要做的就是导航到剪辑的LAST帧并调整比例和位置参数。

调整参数后,当前会自动添加一个新的关键帧。确保将位置创建到希望最终拍摄的位置,因为Premiere会自动将运动解释为两个关键帧之间的缩放。

85184616ad029fb5b22378c35589a737.png

我通常只放大一点,然后调整位置以放大图像的主要主题。

1fc2fe2a709479f16e16332f64db7867.png

如果要平滑缩放的末尾,可以始终添加“ 缓入” 或“ 缓出”工具,以使剪辑的末尾略微滑动。

2601b6bbb49e606928a5f9f2e7012d42.png

为此,请右键单击结束关键帧,然后根据要移入或移出剪辑来选择“ 缓入” 或“ 缓出” 。

步骤4:将缩放保存为预设

bea4cddad5a53e3b338a4c7a9ca920b4.png

对于奖励积分,您可以将此缩放效果另存为预设,以便以后在任何其他剪辑上快速使用。

在“效果控件”窗口中,选择“动作”,然后单击右上角的面板菜单。点击“保存预设”。确保选择“比例”作为预设类型。这将在剪辑的整个过程中滚动动画。为预设命名,例如“ Ken Burns效果”或“放大100-120%”。

09c4ade4197360c1ecbc2daa05c6d10a.png

单击“效果控件”窗口中的面板菜单,单击“保存预设”,然后命名您的预设。

050e535c1498f82bc4c3be69a238bac5.png

现在,每当您需要将缩放效果再次匆匆投入剪辑时,只需在效果窗口中的预设文件夹中查看即可。

请记住,您还可以逆转我们刚做的效果,并缩小图像。随着时间的流逝,这非常适合显示图像中的某些内容。您还可以为其他事物添加关键帧,以使其更加有趣,例如旋转。与大多数视频编辑应用程序一样,在Premiere Pro中,您甚至可以发挥真正的创造力并将关键帧添加到色彩效果,模糊等事物上。

在Vue2使用Hammer.js实现移动端div的拖拽、放大缩小和旋转可以按照以下步骤进行。 首先,在Vue项目安装Hammer.js。 ``` npm install hammerjs ``` 然后,在需要使用拖拽、放大缩小和旋转功能的组件引入Hammer.js,并初始化一个Hammer实例,将其绑定到要拖拽、放大缩小和旋转的div元素上。 ``` import Hammer from 'hammerjs' export default { mounted() { const element = this.$refs.element // 获取div元素的引用 const mc = new Hammer.Manager(element) // 初始化Hammer实例并将其绑定到div元素上 // 添加拖拽、放大缩小和旋转的手势识别 mc.add(new Hammer.Pan({ threshold: 0, pointers: 0 })) mc.add(new Hammer.Pinch({ threshold: 0 })).recognizeWith(mc.get('pan')) mc.add(new Hammer.Rotate({ threshold: 0 })).recognizeWith(mc.get('pan')) // 初始化div元素的拖拽、放大缩小和旋转的初始状态值 let posX = 0 let posY = 0 let scale = 1 let lastScale = 1 let rotation = 0 // 监听拖拽事件 mc.on('pan', (e) => { // 实现拖拽 posX = e.deltaX posY = e.deltaY element.style.transform = `translate(${posX}px, ${posY}px) scale(${scale}) rotate(${rotation}deg)` }) // 监听放大缩小事件 mc.on('pinch', (e) => { // 实现放大缩小 scale = lastScale * e.scale element.style.transform = `translate(${posX}px, ${posY}px) scale(${scale}) rotate(${rotation}deg)` }) // 监听旋转事件 mc.on('rotate', (e) => { // 实现旋转 rotation = e.rotation element.style.transform = `translate(${posX}px, ${posY}px) scale(${scale}) rotate(${rotation}deg)` }) } } ``` 最后,在该组件的模板添加一个div元素,并给其添加初始样式。 ``` <template> <div ref="element" style="width: 200px; height: 200px; background-color: red;"></div> </template> ``` 这样,当你在移动端上访问这个页面时,就可以拖拽、放大缩小和旋转这个div元素了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值