☰
Capptivo 画面合成指南:背景、圆角、阴影、模糊等 7 个技巧让录屏瞬间变高级
2026/10/15 18:46:58 网站建设 项目流程

【免费下载链接】capptivo

Give your demos the spotlight they deserve ( Mac/Windows/Linux ).

项目地址:https://gitcode.com/gh_mirrors/ca/capptivo
点击查看免费下载

Capptivo是一款免费开源的录屏工具(Mac / Windows / Linux 全平台),也是 Screen Studio 的平价替代品:录屏、智能跟随光标的缩放、字幕、导出一应俱全。而真正让成品视频"看起来贵"的,是编辑器的Look(画面合成)面板——背景、圆角、阴影、模糊、暗度,全部在 LookPanel.tsx 中用滑块实时调节。下面 7 个技巧,帮你把一段普通录屏包装成产品级 Demo。

1. 挑选背景:图片、渐变、纯色三合一

打开编辑器,左侧Look面板顶部就是Background区域,分为三个标签页(en.ts):

  • Image(图片):内置 17 张高清背景图,来自 macOS 经典壁纸风格,覆盖深浅两种色调;
  • Gradient(渐变):Aurora 43、Midnight Ocean、Neon Night 等 11 套预设,还可自定义起点色、终点色和角度;
  • Color(纯色):10 个精选色板 + 任意自定义颜色。

所有背景预设定义在 backgroundPresets.ts 中,例如这张内置的 Ventura 风格背景:

💡技巧:不想用内置图?点击图片标签页里的+按钮即可上传自己的 JPG / PNG / WebP,右点击自定义背景还能删除。

2. 调整 Video Padding:给录屏留出呼吸感

Video padding (px)滑块控制录制画面四周的留白(en.ts 提示语:让录屏不贴着画框边缘)。默认值是120px(1080p 合成画布),见 composition.ts。

💡技巧:阴影较重、圆角较大时,适当把 padding 拉大,画面四周不会"挤",整体观感立刻高级。

3. 圆角录制画面:Recording corner radius

Recording corner radius (px)让录屏四角变成柔和的圆角卡片效果,范围 0–300px,默认18px。这是"高级感"最便宜的一步——10px 以内偏克制,30–50px 则更像现代卡片 UI。

4. 录制阴影:让画面"浮"在背景上

Recording shadow滑块(0–200,默认 75)在录屏下方叠加多层柔光阴影。源码 composition.ts 中它由 3 层高斯阴影(sigma 48 / 16 / 8)叠加而成:远景环境光 + 近距接触影,层次远好于单层的平面黑边。

💡技巧:50–100 适合亮色背景;深色背景下收到 20–40 更自然;拉满 200 会出现"晕圈",慎用。

5. 背景模糊:主体清晰,背景虚化

Blur (px)(0–60,默认 9)只模糊背景,录屏内容始终锐利(官方提示语见 en.ts)。这是模仿摄影浅景深的效果:一张风景照背景一旦虚化,前景的窗口截图瞬间成为焦点。

💡技巧:搭配高细节的壁纸(如图片、摄影类背景)效果最佳;纯色或简单渐变背景上加模糊意义不大。

6. 背景暗度:压暗衬托主体

Darkness (%)(0–100,默认 15)同样只作用于背景,把背景整体压暗,让录屏更突出。它与模糊是"黄金搭档":

模糊 20–30 + 暗度 30–50 ≈ 高级产品演示的标准配方; 浅色极简风则建议:模糊 0–10 + 暗度 0–15。

以上默认参数统一收在 DEFAULT_LOOK,可作为你的调参起点。

7. 一键保存整套外观:Editor Presets

调好之后别只留在当前项目里!编辑器顶部的Presets控件(EditorPresetsControl.tsx)可以把背景 + 外观参数 + 摄像头 + 光标 + 字幕 + 导出设置一整套快照保存为命名预设,下次录新视频一键套用,风格永远统一。预设逻辑见 editorPresets.ts。

快速上手清单

步骤操作面板位置
1按⌥⇧R(Windows/Linux 为Alt+Shift+R)完成录屏全局快捷键 / 托盘
2打开编辑器的Look面板左侧工具栏
3选背景 → 调 padding / 圆角 / 阴影Background 区域
4微调 Blur / DarknessBackground effects 区域
5保存为 Editor Preset,导出 MP4顶部 Presets / Export

7 个参数,3 分钟,你的 Demo 从此自带"打光"。🎬

【免费下载链接】capptivo

Give your demos the spotlight they deserve ( Mac/Windows/Linux ).

项目地址:https://gitcode.com/gh_mirrors/ca/capptivo
点击查看免费下载

相关推荐

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询